《Don`t make me think》- 訪問者第一のウェブとモバイルの使いやすさデザインの秘訣#
現実を見つめましょう、これはもう古い本です。
前書きにあるように、この本は 2000 年に初版が発行され、今見ると確かに古く感じます。「インターネット時代」という言葉がもはや新しくない時代に、書中のいくつかの例は確かに時代遅れに見えますが、だからといってこの本から有用な情報が得られないわけではありません。
技術の進展に伴い、ネット自体も常に改善されており、ウェブサイトの使いやすさや有用性は今や誰もが注目する焦点となっています。本書の中で現在でも大きな影響を持ついくつかの見解をノートに記録しておくことが、このノートを書く主な目的です。
私に考えさせないでください、使いやすさの第一法則#
これは、デザイナーはできる限り、ページを見たときに一目で理解できるようにすべきであり、少なくとも「それを理解できる」状態にすべきであることを意味します。ページを見たときに、まず脳内に疑問符が浮かぶべきではありません。
ページ上の多くの内容は、私たちに立ち止まらせ、不要な思考を強いるものです。直接的に導くことのできない命名や、明らかでないリンクやボタンなどです。各疑問符は認知的負担を増加させ、注意を逸らします。これらの微細な干渉が蓄積されると、体験に大きな影響を与えます。
ウェブページを閲覧する際に生じる疑問
1. 私はどこにいるのか？
2. どこから始めればいいのか？
3. 彼らはXXをどこに置いたのか？
4. このページで最も重要なことは何か？
5. なぜ彼らはそれをこのように呼ぶのか？
6. これは広告なのか、それともウェブサイトの内容なのか？
ページが自明であることを目指すべきであり、たとえそうでなくても、少なくとも自己説明的であるべきです。
私たちが実際にウェブをどのように使用しているか#
第一の事実：私たちは読むのではなく、スキャンしています。
実際、ほとんどの訪問者は各ページをちらりと見ており、ページ上の多くの部分は見もしません。私たちは読むのではなく、スキャンしています。
なぜなら、私たちがウェブにアクセスするのは特定のタスクを完了するためであり、通常はできるだけ早く完了させる必要があるからです。そのため、すべての内容を読む必要はありません。
第二の事実：私たちは最適な選択をするのではなく、満足できればそれで良いのです。
私たちは常に忙しく、間違えた場合でも戻ることができます。
第三の事実：私たちは根本的な解決を求めるのではなく、なんとか対処しています。
どんな技術に直面しても、説明書を読むために時間を費やす人はほとんどおらず、むしろ無謀に進んで対処しようとします。多くの人はブラウザが何であるかすら知らないのです。
なぜなら、これらは私たちにとって重要ではないからです。何かが使えるとわかれば、それを使い続けます。
もし訪問者の行動が、あなたが広告看板をデザインしているかのように感じさせるなら、素晴らしい広告看板をデザインしてください。
広告看板デザイン 101 の法則#
ユーザーがあなたのウェブサイトをざっと見るだけであれば、できるだけ彼らにあなたのウェブサイトを見せ、理解させるようにしてください。
- 慣れたユーザーを活用する
- 効果的な視覚階層を構築する
- ページを明確に定義された領域に分割する
- クリック可能な場所を明確に示す
- 干渉を最小限に抑える
- コンテンツに明確なフォーマットを作成し、スキャンしやすくする
慣用法
最良の方法は、慣習や慣例に従うことです。つまり、広く採用され、標準化されたデザインパターン、例えば道路の警告標識のデザイン、車内のコントロール装置、ページ上の基本的なコンテンツの位置（左から右に読む国では、ウェブサイトのロゴは左上に配置される）、サービスの運用方法（ショッピングサイトの購入プロセス）、共有、検索などの標準化された外観です。
しかし、このような標準化されたものは、デザイナーのインスピレーションと衝突する可能性があります。革新を目指すのであれば、置き換えようとしているデザインの価値を理解し、より良いアイデアがあると確信してから革新を行うべきです。そうでなければ、慣用法をできるだけ使用するべきです。
また、一貫性については、ある程度一貫性を破ることで、シンプルで明確な効果を得られるのであれば、思い切ってシンプルを選択してください。
効果的な視覚階層を構築する
視覚階層が明確なページには 3 つの特徴があります。
- より重要な部分がより目立つ；
- 論理的に関連する部分も視覚的に関連している；
- 論理的に包含される部分が視覚的にネストされている。
明確な視覚階層がないと、ページのスキャン速度が低下します。
ページを明確に定義された領域に分割する
これにより、ユーザーはページのどの領域に注目すべきかを迅速に判断し、安心してどの領域をスキップするかを決定できます。
クリック可能な場所を明確に示す
人々はウェブを使用する際、ほとんどのことはクリックする場所を探しています。
文字リンクを示すために一つのフォントカラーを使用するか、それらの外観と位置を特定できるようにすることができれば問題ありません。同じ色を使用して文字リンクとクリックできないタイトルを示すべきではありません。
視覚ノイズを減らす
視覚ノイズには 3 つのタイプがあります。
- 目がくらむ
ページ情報が乱雑で、各部分が自分の重要性を強調しすぎて、逆に全てが重要でないように見える。 - 組織が不適切
一部のページは乱雑に見え、グリッドを使用してページ要素を配置するべきです。 - 過度に密集
例えば hao123.com のようなウェブページは、内容が多すぎて密集しています。
ページをデザインする際の良い方法は、すべての内容を視覚ノイズと仮定し、無駄な部分をすべて取り除くことです。
テキストにフォーマットを設定し、スキャンしやすくする
見出しを十分に使用し、正しい見出しを使用することが重要です。2 つの基準があります。1. 異なる見出しの間に明確な視覚的差異があり、混同しないこと；2. 見出しは関連する内容の近くに配置されること。
段落を簡潔に保ち、長すぎる段落は誰も好まないことを理解してください。
箇条書きリストを使用することで、可読性を向上させ、リストの異なる項目の間に少し余白を作ることができます。
キーワードを強調し、太字やハイライトなどの方法で、迅速に見つけられるようにします。