UI変更・改善(2024年05月度)

各機能のUser Interface(UI:画面)の変更を行いました。

主な変更点は以下の通りです。

  • 「新規作成」「検索」等のメインボタンを強調した。
  • 検索条件のクリアや条件の表示、非表示を青文字ボタンに変更した。
  • インシデント、フィルタ等の一覧画面にスクロールバーを設置した。
  • セレクトボックスを変更した。(20件以上の場合は検索も可能)
  • アクション説明箇所に開閉できるボタンを設置した。

なお、各機能毎に変更点をまとめています。

1. インシデント画面
2. フィルタ一覧画面
3. フィルタ順番変更画面
4. アクション/アクショングループ(新規作成)画面
5. アクショングループ登録 (STEP1:値入力)画面
6. アクショングループ登録 (STEP2:順番決定)画面

 

1. インシデント画面

<新画面>

022_01.png

<変更点>

① 検索条件の開閉のデザインを変更しました。 
「本のアイコン」だったものを「検索条件を閉じる/開く」の文字列に変更しました。

② 検索条件の入力フォームを一部変更しました。
・「保存した条件」は文字列で絞り込み可能なプルダウンリストにしました。
 (20件以上の件数時に利用可能)
・その他入力フォームのデザインを変更しました。

③ 検索ボタン関連の表示、配置を変更しました。
・検索ボタンを拡大し、目立つようにしました。 
・その他のボタン配置・デザインの変更を行いました。

④ 表のデザインを変更しました。
・ヘッダー部分の表示を一行にしました。 
・スクロールバーを付けました。 

その他
・「検索結果」のタイトルを削除しました。
・一部の表示位置の修正を行いました。

 

2. フィルタ一覧画面

<新画面>

022_02.png

<変更点>

① 「カテゴリ名(旧顧客名)」、「受信アドレス名」の変更を行いました。
20件以上の件数時に文字列で絞り込み可能なプルダウンリストにしました。

② 検索条件のカテゴリ(旧顧客)を削除しました。
「アクショングループ」「フィルタの有効/無効」の検索条件を削除しました。

③ 各ボタン、表示の変更を行いました。

「検索」 ②の場所へ配置変更しました。
「リセット」 ・「条件クリア」に名称変更とデザイン変更を行いまし。
・②の場所へ配置変更しました。
「新規作成」 ボタンを拡大し、色の反転を行い目立つようにしました。
「順番変更」 変更なし
「プレビュー」 【新規】プレビュー画面へ移動するボタンを追加しました。
「本番反映」 ・本番未反映のフィルタが無い場合でも常に表示するようにしました。
・本番反映前の状態の場合は、色が反転します。
「変更前に戻す」 ・「設定リロード」から名称変更しています。
・本番未反映のフィルタが無い場合でも常に表示するようにしました。
「本番反映とは?」 【新規】ヘルプページ「フィルタ機能の仕様を教えてください」へ遷移します。


④ 本番未反映時のメッセージ内容を修正しました。
より気づけるために、メッセージ内容を変更し、文字列を点滅させるようにしました。

⑤ 表のデザインを修正しました。
・ヘッダー部分の表示を一行にしました。
・スクロールバーを付けました。
・ページネーションを追加しました。
・バルーン表示を廃止しました。


その他
一部の表示位置の修正を行いました。

 

3. フィルタ順番変更画面

<新画面>

<変更点>

① ボタンの表示、配置を変更しました。
「確認」ボタンを拡大し、目立つようにしました。

② 表のデザインを変更しました。
・「フィルタ条件」、「アクショングループ」項目を削除し、シンプル表示にしました。
・一覧表ヘッダー部分の表示を一行にしました。
・スクロールバーを付けました。

③ 番号指定ができるようになりました。【新機能】
番号指定でフィルタの入れ替えを行う機能を追加しました。

④ 特定の場所(行)にジャンプする機能を追加しました。【新機能】
任意の行を表示する機能を追加しました。(確認画面にも追加しています。)


4. アクション/アクショングループ(新規作成)画面

<新画面>

022_04.png

<変更点>

① 検索条件の入力フォームを一部変更しました。
・絞り込み項目に「検索ワード」を追加しました。
・「カテゴリ名(旧顧客)」、「受信アドレス名」は文字列で絞り込み可能なプルダウンリストにしました。
 (20件以上の件数時に利用可能)

② ボタンの表示、配置を変更しました。
・表のタイトル「アクショングループ一覧」を削除しました。
・「新規作成」ボタンを拡大し、目立つようにしました。

③ 表のデザインを変更しました。
・ヘッダー「アクショングループID」を「グループID」へ名称変更しました。
・ヘッダー部分の表示を一行にしました。
・スクロールバーを付けました。
・ページネーションを作成しました。

その他
一部の表示位置の修正を行いました。

 

5. アクショングループ登録(STEP1:値入力)画面

<新画面>

022_05.png

<変更点>

① 検索条件の入力フォームを一部変更しました。
「カテゴリ名(旧顧客)」、「受信アドレス名」は文字列で絞り込み可能なプルダウンリストにしました。
 (20件以上の件数時に利用可能)

② アクションの選択の一部の画面修正を行いました。
・選択可能アクションの絞り込みが可能になりました。
・選択可能なアクションは20件までとなり、全てのアクションを選択済みにする「>>」ボタンは廃止しました。

③ ボタンの表示、配置を変更しました。
「順番決定」を拡大し、目立つようにしました。

その他
一部の表示位置の修正を行いました。

 

6. アクショングループ登録 (STEP2:順番決定)画面

<新画面>

022_06.png

<変更点>

① 画面の修正を行いました。
「登録情報」を削除しました。

② 画面の修正を行いました。
・「処理内容」項目を削除しました。
・順番変更時のドラックする時に、挿入箇所に線が入るようにしました。

③ ボタンの表示、配置を変更しました。
「確認」ボタンを拡大し、目立つようにしました。

その他
一部の表示位置の修正を行いました。

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています