【翻訳】シュナイダーマンのインターフェースデザイン8つの黄金律(Capian)

capian.co

はじめに

まず、この8つのルールの著者は誰なのでしょうか?ベン・シュナイダーマン(Ben Shneiderman)は、ヒューマンマシンインタラクションの分野を得意とするアメリカの科学者です。彼の仕事は、今日のヒューマンマシンインタラクションの基礎となるものが多く、例えば「ツリーマップ」の作成が挙げられます。シュナイダーマンは、自身の経験から導き出されたこれらの原則を、改良・発展・説明を経て、インタラクティブシステムに適用可能なものとしてまとめ、提案しました。

シュナイダーマンの8つの黄金律は、デザイナーが問題を解決することを目的としており、そのためにシュナイダーマンは8つのヒューリスティックでデザイナーに大きな手助けをしています。ユーザビリティを向上させるためには、インターフェイスが「ユーザーフレンドリー」になるようにうまく設計される必要があります。

1. 一貫性を追求する

レイアウト、ボタンの大きさ、カラーコード、ページを書くときに使うトーンなど、サイト全体で一貫性を持たせることが重要です。この一貫性によって、アイデンティティを確立し、サイト内を移動するユーザーを見失わないようにすることができます。

下の例では、この最初のヒューリスティックを適用することで、Amazonを認識できます。Amazonに存在するすべてのページの間に一貫性があり、レイアウトは同じで、ボタンのサイズは常に似ていて、カラーコードはAmazonに非常に特有です。

2. 頻繁に利用するユーザーがショートカットを利用できるようにする

ユーザーが最小限のクリック数でウェブサイトのあらゆる部分にアクセスできるようにしましょう。そのためには、メニューの階層をうまく設定するだけでなく、物事を明確にする必要があります。

例えば、Canvaではコピー&ペーストをショートカットで行うことができますが、このようにキーボードショートカットやマクロ機能を使って、上級者向けと初心者向けの機能を組み込むことを考える必要があります。

3. 有益なフィードバックを提供する

ユーザーがWebサイトでアクションを実行した場合、または実行中の場合、すぐにフィードバックを表示し、プロセスがどこにあるのかを把握できるようにするのがベストです。

次に、多くのプロフェッショナルが使用しているツール、Google Driveを使った例を紹介します。

  • この例では、直後に削除できる新しいフォルダーを作成する必要があります。
  • このフォルダーにいるときに、好きなドキュメント、写真、ビデオ、PDFファイルを選び、ドラッグ&ドロップでフォルダーに転送してください。
  • 転送が進むと、このウィンドウが表示され、転送の進行状況を知らせてくれます。

4. ダイアログをデザインしてクローズする

ユーザーと行われた対話は、その対話の原因に基づいてクローズすることを忘れないでください :

  • 「ありがとうございました」メッセージ
  • バリデーションメッセージ。
  • 購入の際のまとめメッセージ。

フィードバックを通じてインタラクションの終了を提示することで、ユーザーの精神的負担を軽減し、インターフェイスでの体験を向上させることができるのです。

5. 簡単なエラー処!理を提供する

良いインターフェイスは、可能な限りエラーを回避するように設計されるべきです。しかし、何か問題が発生した場合、ユーザーがその問題を理解し、解決することが容易なシステムであるべきです。エラーに対処する簡単な方法としては、明確なエラー通知と問題解決のための説明的なヒントを表示することです。

例えば、私たちのサイトでは、ログイン情報が間違っている場合、ログイン時に教えています。

6. 簡単に操作を取り消すことができるようにする

エラーを起こした後、「キャンセル」を簡単に選択できることがすぐに分かることは、ユーザーにとって非常に良いことです。問題を解決する簡単な方法があることを知れば、ユーザーは不安を感じなくなり、より積極的に選択肢を探そうとするようになります。

このルールは、すべての操作または操作のグループに適用することができます。

例えば、ここではOutlookのモバイルアプリケーションで、メールをアーカイブする際に、画面の下に自動的に小さなウィンドウが表示され、アーカイブをキャンセルすることができます。

7. 内部統制のサポート

ユーザーが自分自身でシステムをコントロールできていると感じられるように、コントロールと自由を与える必要があります。何らかの形で自由意志を与えることは、ユーザーを安心させるのに役立ちます。

例えば、下のスクリーンショットでは、カピアンのYouTubeのページで、通知をオンにするかどうかを選択できます。YouTubeでは、どれくらいの通知を見たいかを選択できます。このようにすることで、YouTubeはユーザーに自由を与え、何を受け取るかをコントロールできるように感じさせているのです。

8.短期記憶負荷の軽減

人間の短期記憶による情報処理には限界があるため、表示をシンプルにする、複数ページの表示をまとめる、ウィンドウの移動頻度を減らす、コードやニーモニック、一連の動作に十分な学習時間を確保する、などの工夫が必要です。

同じレベルの情報でサイトやアプリケーションに負荷をかけないようにしましょう。どれを最初に配置すべきかを推し量らなければ、ユーザーの注意を失うことになります。トップページであれメニューであれ、どこに配置するにしても、ユーザーが不要な情報に気を取られないようにすること。

例えば、下記のキャピアンのトップページは非常にミニマルで、ユーザーの注意を「行動喚起」に集中させることができます。ユーザーのナビゲーションを邪魔するような他の情報はなく、訴求したい情報のほとんどがページ上にあります。

まとめ

シュナイダーマン氏が提唱するルールを尊重することは、福音として受け取ることではありません。しかし、明確なガイドラインを持つことで、監査の方向付けができ、Webインターフェースで遭遇しうる主な問題を検出することができるようになります。

これらのルールは、あなたが遭遇するほとんどのインターフェースで使うことができますが、シュナイダーマンがリストアップした8つのルールを完成させることができるヒューリスティックが他にもあります。