【システム画面を見やすいデザインへ！】UX改善をわかりやすく解説！「日立ソリューション編」

システムやサイトをみた時、私ならこんなUXでできるだろうと思ったことありませんか。

ここでは色んなシステムやサイトをUX改善してもっともusabilityよくなることを目指して勝手ながら分かりやすくUXを改善してみます。

今回は日立さんの電子申込みソリューションシステムをUXデザインを改善しました。

Ipadで使う画面で実際使うユーザーの年齢や性別などを予測してみました。

借入なので30代〜40代の家を買うことをメインにするユーザー層を考えることができます。

この画面をUXUIデザイン改善をする時の見るべきポイントです。

• ユーザー詳細機能がある
• ステップナビがある
• Formがある
• Ipad用デザインが必要

まずは以下の画面案をご覧ください。

修正箇所です。

• headerにユーザーの詳細画面のアイコン、クリックするとメニューが出るアイコン追加
• ステップナビ上に移動
• headerを入れてエラーを見せるためのアイコンを追加。
• 色変更
• 実際端末でみやすいfont-sizeに変更

現状赤い色が多くてユーザー側が使うにはかなり目に負担がかかると思います。

そのため全体背景色を白に変更しprimary色を赤にpointカラーをオレンジにしました。

実際お申し込みローンで出てくる文字の長さによってまたデザインが変わります。

そのためにはデータの見せ方や開発する時に必要な部分をシステム開発側と議論して再度デザインに反映する必要があります。