UIデザイン必携 ユーザーインターフェースの設計と改善を成功させるために

原田秀司(著者)

• 販売会社／発売会社: 翔泳社
• 発売年月日: 2022/04/13
• JAN: 9784798169620

商品レビュー

2026/05/07

（5/7途中）
人間の目と脳が持つ特性には抗えない
・赤が目立つのは血の色が赤だから
・色のついているものを素早く見つけられるのは、昔は食べ物を採集で見つけていたから
・動くものに目がいくのは、獲物を素早く捉えるため。危険を素早く察知するため
・認知負荷の高いものを見ると疲れるのは、脳を使うことでエネルギーを消費するのを防いでいるため
などなど

2026/02/14

実例を挙げながらUIの基本的な概念について説明されている。当然かもしれないが読みやすくデザインされていて、話は入ってきやすかった。革新的な視点や強力な指針が示されているわけではないが、教本としては価値があると思う。

2025/10/01

UIとはユーザーがサービスや製品とやりとりするためのすべての接点
UXとはサービスや製品とのやり取りでユーザーが得られるすべての体験

モバイルアプリは専門的
Webアプリは汎用的

対になる色を見つけるなら色相だけを動かす
弱い色を見つけるなら明度だけを動かす
調和を保った色を見つけるなら彩度だけを動かす

ベースカラー
メインカラー
アクセントカラー

インタラクションの役割は
注目・理解・演出
マイクロインタラクション（Xのいいねなど）
パララックス
マイクロインジケーターなど

Webページは、トップ、一覧、詳細
全てこの形からできている

決済や送信、確定などは明確な返事が必要
致命的な操作にな再確認のワンクッションを置く

ヘッダーはサービスの全体図
フッターは補助的ツール
メガドロップダウンメニュー

割込には2種類
オーバーレイ（ポップアップやツールチップ）
インレイ
画面追従のスティッキーヘッダーや、告知エリアはオーバーレイの一つですが目障り
アコーディオンはインレイ

コンテンツの見せ方は2種類
スクロール　無段階（リニア）
ページング（全体が一度に切り替わる）
インクリメンタルスクロール
スクロールは文字の影響で縦のみ
無限スクロールはフッターが見れない
ページネーション

場所・操作・状態をつかめるようにする
わからない３つの条件
場所、画面中でフォーカスを失う
操作、結果の予測が立たず、使ってみるまでわからない
次に行うアクションが不明確
状態、現在の状態（モード）を把握できないこと

インタラクションコスト
利用頻度が少ない場合は頭の負荷低減を優先する
利用頻度が高い場合は、体の負荷低減を優先する

シンプルとは、余計な解釈がなくめいかいであること
一貫性　サービスの世界観を壊さず、ユーザーの認知負荷を大きく低減できる
なるべく共通概念を使う（星はお気に入りアイコン）