インタフェース設計

GUIでは、ウィンドウやアイコン、メニューなどを使い、視覚的に操作できるようにします。選択肢から一つを選ぶラジオボタンや、複数を選べるチェックボックスなど、目的に応じて部品を使い分けます。

画面上の項目にポインタを重ねたとき、補足説明を表示するものをツールチップと呼びます。ラジオボタンとチェックボックスでは選択方法が異なる点が狙われやすいところです。

GUI部品は用途に応じて使い分ける

画面設計では、入力する順番を業務の流れに合わせたり、同じ意味の色や配置を統一したりします。必要に応じて操作方法や入力例を示すことで、利用者の誤操作を減らせます。

帳票では、関連する項目を近くに配置し、不要な情報を減らして読み取りやすくします。画面や帳票では統一性と分かりやすさを意識することが基本です。

操作の流れと表示の統一性を意識する

レスポンシブWebデザインは、画面サイズなどに応じてレイアウトを調整し、PCやスマートフォンなどで見やすくする考え方です。端末ごとに別のURLを用意することとは異なります。

CSSを使うと、文字の大きさや色、配置などの見た目を複数のページで統一しやすくなります。内容の構造と見た目の指定を分けるという考え方も押さえます。

レスポンシブは画面サイズに応じて調整する

人間中心設計では、実際に利用する人の特性や利用状況を理解し、それを設計へ反映します。設計したものを評価し、問題があれば改善を繰り返します。

作り手の都合だけでなく利用者の視点で設計と評価を行うことが、人間中心設計の基本です。

利用者を理解し評価と改善を繰り返す