【ゆーあいでざいん】
UIデザイン とは?
最終更新:
💡 画面の「見た目と使い心地」を設計する
ユーザーが触れる画面の配置、文字、色、ボタンや入力欄、操作への反応を設計すること。見やすさと、迷わず操作できる使い心地を整える。
📌 このページのポイント
UIデザインって、きれいな画面を作ること?
きれいさも大事だけれど、どこを押すか分かること、何を入力するか迷わないこと、操作した結果が伝わることも設計するよ。画面の見た目と使い心地を一緒に整えるんだ。
UXデザインとはどう違うの?
いいUIのポイントを教えて!
同じ操作は同じ言葉や見た目にし、操作の結果を知らせること。例えば「送信」を押したら「送信しました」と伝えるんだ。ニールセンの10原則も、一貫性、状態の通知、間違いの防止などを考える手掛かりになるよ。
色を分けて、ボタンを目立たせれば十分?
何から練習するといいの?
まず小さなフォームを考えてみよう。入力欄に名前を付ける、送信ボタンを分かりやすく置く、成功やエラーを伝える、という順で設計するんだ。PCとスマホで実際に使い、利用者が迷うところを直すと、見た目だけでは気付かない問題も見つけやすいよ。
まとめ:ざっくりこれだけ覚えればOK!
「UIデザイン」って出てきたら「画面の見た目と、迷わず操作できる使い心地を設計すること」と思えばだいたいOK!
📖 おまけ:英語の意味
「User Interface Design」 = ユーザーインターフェース設計
💬 Interface(接点)のデザイン。ユーザーとシステムが接する部分を設計するよ