ノンデザイナーでもわかる UX+理論で作るWebデザイン 基礎から考え方、実践まで

川合俊輔(著者), 大本あかね(著者), 菊池崇

• 販売会社／発売会社: マイナビ出版
• 発売年月日: 2017/09/01
• JAN: 9784839961077

商品レビュー

2022/07/24

PDCAがウェブでは大事だと改めて認識できた。
todolistにテンプレを作って、早速実践する

定量分析（数字）と定性分析（理由）で制度をあげて行くことが大事

ペルソナ
写真を使う
ダミーの名前はダメ　実際の名前もだめ
年代はバツ
性別
職業
特徴　性格、行動
言いそうな言葉

2020/05/08

難しい。実際やってみないと！という感じ。

UIとはUser interfaceのこと。ユーザーが操作するインターフェイスのこと。
説明しなくても理解できるようにUIはアフォーダンス利用して作成する。直感的に利用できないUIはユーザを迷わせるだけになる。
視線の流れは「Fの字」を描く。

UXとはユーザー体験。それぞれ違うのでパターンを見つけることが大切。

情報設計の基本はユーザーがどの様に考えるのか？どの様に伝えたら分かりやすいのか？を理解すること。
ユーザー視点で情報設計を行うために、ストーリーボードやシナリオを用いてユーザがよく利用する機能や要件等の情報を抽出します。
ストーリーボードはきれいに書く必要はなく表情やコンテキストが理解できればいい。
１、ユーザーが求めている情報の抽出（ストーリーボードやシナリオより）
２、情報の優先順を設計(求めている以外の情報も追加)
３、情報をより分かりやすく表現する

情報の整理の仕方（カードソーディング）
１、コンテンツの名称等の情報をカード化する
２、カードをグループ化する、グループにラベルをつける

デザインの基本原則
・近接→関連している情報は距離を近づけてグループ化する。人は距離が近い情報に「関係があるもの」と認識する習性がある。
・間隔を意識する
・整列→スムーズな視線移動と統一感を生み出す。項目間の関係を正しく認知する。（左揃え、中央寄せ、右揃え）
・反復→同じデザインの要素やグループを繰り返すこと。一貫性や安定感が生まれる。
・コントラスト→書体、線の太さ、色、形、サイズ、余白等の要素の視覚的な差。ユーザーの目を惹きつける。
・ミラーの法則→短期的に記憶できる量には限りがある。「マジカルナンバー7 ± 2 」15秒から30秒の塊に分ける。
・ヒックの法則→選択肢の数が多いほど意思決定に要する時間が長くなる。
・フィッツの法則→「対象に移動するために必要な時間」と「対象までの距離や対象のサイズ」の関係を数式で示した法則。

色が与える影響、印象
トーンから考える、色相を揃える
計画的な配色をしよう
メイン、ベース、アクセントのカラーを決める
ポジティブなボタンには暖色を使うと効果的
色弱の方にも配慮した配色（赤と緑が識別しにくい）
フォントが与える印象
余白をデザイン

2019/09/01

Webデザインをする際の考え方や気を付けるべき点をまとめた本。タイトルにあるように、「ＵＸ」に焦点を当てて、「UXの理解」、「UX設計」、「UXからUI設計」、「具体的なデザイン」の４部立ての記載となっている。一つ一つの説明は深くないため、既に知識がある方には物足りないかもしれない。ただ記載された考え方の具体的実例が紹介されているので、「ここはこういう観点で作られていたのか」とか「ここはこいう意図があってこの色にしたのか」など発見があり楽しく読み進められるのではないかと思う。