ユーザビリティは、UXデザイン、リサーチ、ヒューマン・コンピュータ・インタラクションの中核をなすものです。私たちの仕事は、ウェブサイトやデジタル製品が直感的で、ナビゲートしやすく、楽しく操作できるようにすることです。
While there are many usability principles and guidelines, Jakob Nielsen?s (of the ニールセン・ノーマン・グループ) ユーザー・インターフェース設計のための10のユーザビリティ・ヒューリスティック? はUXデザイナーの標準とされている。
1990年、ニールセンはロルフ・モリッヒと共同で、デザイナーが優れた体験を提供するために不可欠な要素に集中できるよう、ユーザビリティ・ガイドライン(またはベストプラクティス)の最初のセットを発表した。4年後、ニールセンはユーザビリティ問題の要因分析に基づいてガイドラインを改良し、2020年に再び改良して、研究者、デザイナー、開発者が今日利用する現在のバージョンを提供しました。
ユーザビリティ・ヒューリスティックとは何か?
辞書の定義によれば、ヒューリスティクスとは次のようなものだ:
人々が自ら物事を発見し、自らの経験から学ぶことを可能にする、学習や問題解決の方法。
定義によれば、それはまさに私たちの製品の操作のしやすさをコントロールするものです。それは、直感的で簡単に使えるようにし、その要素を認識できるようにし、たとえその製品を使ったことがなくても、製品に必要なタスクを完了するために私たちを軌道に乗せるのです。
では、なぜニールセンの10大原則が必要なのだろうか?確かに、このようなことは、製品を作ったり改良したりする際に、デザイナーや研究者にとっては常識のはずである。ニールセンのヒューリスティックは、経験豊富なデザイナーであろうと、投資しているステークホルダーであろうと、全員が同じ見解を持ち続けられるよう、すべての人に共通言語で「必要なもの」のリストを提供する。
また、どんなに経験豊富であっても、無謬の人はいません。ニールセンのユーザビリティの基本原則を、各機能、ページ、または操作のチェックリストとして考慮することで、ユーザビリティの問題をプロセスの早い段階で特定することができ、ユーザビリティ・テストのはるか前に時間とコストを節約することができます。
ヤコブ・ニールセンが提唱するインタラクション・デザインのヒューリスティックとは?
- システム状態の可視化
- システムと実世界の一致
- ユーザーのコントロールと自由
- 一貫性と基準
- エラー防止
- 思い出すことよりも、認識すること
- 柔軟性と使用効率
- 美的でミニマルなデザイン
- ユーザーがエラーを認識、診断、回復できるようにする
- ヘルプとドキュメント
ニールセンのガイドを馬の口から直接聞きたいという方は、以下のサイトをご覧ください。 ニールセン・ノーマン・グループ ウェブサイトと 直接配達されるものを探す.
あるいは、それぞれの目的をざっと知りたいのであれば、ちょうどいい場所にいる。
1.システムステータスの可視化
混乱やフラストレーションを防ぐために、ユーザーがプロセスのどこにいて、何が起きているのかを常に知るには、適切なフィードバックが必要である。私たちが行動を起こすとき、私たちは製品が反応することを期待する。結果が明らかでない場合、フィードバックはすべてが軌道に乗っていることを確認する。
システムの状態がアップデートされることで、私たちは安心してコントロールできるようになり、システムやブランドに対する信頼が高まる。
システム状態の可視化の例:
- カートに入れるダイアログまたはカートのアイコンの更新
- 確認アニメーションと特定の マイクロインタラクション
- ニュースレター登録の確認
- プログレス・バー、ローディング・バー、タイミング・アップデート
- ユーザーがサイト内のナビゲーションやコンテンツのどこにいるかを示すパンくず。
2.システムと実世界の一致
製品を直感的なものにし、ユーザーの学習を少なくするために、私たちはユーザーがすでに認識している要素を使用します。つまり、視覚的な手がかりを提供したり、技術的な専門用語を使わず、ユーザーの言葉で話したり、自然で論理的な順序で慣れ親しんだフレーズや概念を使用したりするのです。
実世界の慣例に従えば、ユーザーにとってすでに馴染みのあるシステムを構築することができる。 ナチュラルマッピング.
実際の慣習の例:
- アクションを表すアイコン:ゴミ箱、Eメールの封筒、検索の虫眼鏡など。
- 電子書籍アプリでめくれるページ
- 緑は「GO」または「GOOD」、赤は「STOP」またはエラー警告として使用する。
- ピンチ操作でズーム、スワイプ操作でページや画面の移動が可能
3.ユーザーのコントロールと自由
デジタル製品に完全なガイドや取扱説明書が付属していることはめったにないため、間違ったボタンを押したり、何かミスをしたときにリカバリーできるオプションが必要なのだ。ニールセンはこれを 非常口?元のスタート地点に戻るための長いプロセスを踏むことなく、ユーザーが軌道に戻れるようにする。
ユーザーのコントロールと自由の例:
- 元に戻す機能とやり直し機能
- バックボタン
- オプションをキャンセルする
- ナビゲーションのパンくず
- 右クリックまたは製品内のサブメニュー
- 慎重に構成されたエラーメッセージは、ユーザーが軌道に戻るための指示を与える。
4.一貫性と基準
ユーザーの学習を減らすことができるもう一つの分野は、既存の製品やプラットフォーム、そして現実世界のパターンや標準に従うことです。ユーザーが期待する一貫性と標準を維持することは、時間とフラストレーションを節約します。
一貫性には2つのタイプがある。 内部整合性)、そしてもうひとつは業界の慣例(外部整合性).
一貫性と基準の例:
- 業界で認められているアイコンを、製品ブランドのスタイルで使用する。
- ラベリングおよびフォーム充填規格への適合
- 顧客がすでに理解している購入/サインアップ/ナビゲーションのフォーマットに従う。
5.エラー防止
ミスに対処するためには、ユーザーに逃げ道や出口を提供する以上のことが必要です。理想を言えば、よく考えられたユーザー・インターフェースは、ユーザーが起こりうる、あるいは起こりそうなミスを回避する手助けになる。多くのミスは不注意や不注意のために起こりますが、複雑なプロセスやガイダンス不足のために起こるミスもあります。
必要な情報と指示を提供することで、エラーを最小限に抑え、エラーが起こりやすい状況をなくすことができる。また、エラーが起こりそうな場所をユーザーに知らせておくことで、時間を節約し、フラストレーションを防ぐことができる。
エラー防止の例:
- エラーやエラーメッセージを回避するための警告とアクション
- 平易な言葉、または分かりやすい視覚的・図解的な指示の提供
- フォーム・フィールドにヒントを追加する
- フォームフィールドのスペル候補
- フォームフィールドの確認オプション(繰り返し入力フィールドを使用)(メールアドレスやパスワードなど
- ファイル、電子メールメッセージ、その他の重要な情報を完全に削除する際の確認オプション
6.想起よりも認識
ユーザーの記憶負荷を最小化し、思考能力を最大化するために、質の高いUXは、ユーザーが以前に学習した情報や一般的な情報を覚えていることを期待するのではなく、提案を提供する。
想起ではなく認識の例:
- あらかじめ定義されたフォーム・フィールドの選択(国、日付、職業など)
- 検索クエリの自動入力
- 進行中のステップ・バイ・ステップの指示
- 最近見たアイテム
- 電話やメッセージアプリの最近の連絡先
- ストリーミング・サービスの「続ける」機能または「私の番組」セクション
7.柔軟性と利用効率
新規ユーザーを多すぎる情報で混乱させることは避けたいが、経験豊富なユーザーがソフトウェアや製品をより効率的にナビゲートできるようにすることは、はるかに優れたUXを提供する。
実生活と同じように、私たちは製品をより使いやすくしたり、より早く目標に到達するためのハックやショートカットが大好きです。これは、ユーザー・コントロールを発展させ、熟練したユーザーが特定のニーズに合わせて頻繁にアクションを行うことを可能にし、より少ない認知的努力でより満足度の高いUXを提供する。
柔軟性と使用効率の例:
- 紹介 アクセラレータ キーボードショートカットやタッチジェスチャーなどのヒント
- ユーザーが必要なコンテンツや機能に直接アクセスできるよう、パーソナライズオプションを提供する。
- カスタマイズを許可し、製品がどのように機能するかを指示できるようにする。
8.美的でミニマルなデザイン
ミニマル・デザインとは、単に見栄えを良くすることではなく、真の価値を提供することです。不必要なアイテムや要素はすべて、ユーザーの注意を引くために競合し、サイトや製品の効果を低下させます。
コンテンツとユーザビリティのヒューリスティックに関しては、少ないことは多いことです。しかし、だからといって、すっきりとしたクリアなページを作るためにすべてを削除するということではありません。
美的でミニマルなデザインの例:
- グーグルのホームページは、インターネット上で最も認知度の高いミニマム・プロダクトのひとつだろう。
- モバイルアプリの画面下部にシンプルなナビゲーションアイコンを配置
- デバイスを回転させると、基本的な機能から完全な科学的機能に切り替わる電卓アプリ
9.ユーザーがエラーを認識し、診断し、回復するのを助ける。
ミスやエラーは避けられない。非常口を用意することは、その問題に対処する1つの方法ですが、問題がどのように発生したかを示す良いエラーメッセージと、軌道に戻る方法を示す指示は、より良いものです。ユーザーに問題を理解してもらうことで、同じミスを繰り返さないようにすることができ、同時にユーザーの自信にもつながります。
エラー回復関数の例:
- ログインの失敗:どのような条件が満たされなかったかを説明する。例えば、「そのようなアカウントはありません」や「パスワードが一致しません」など。
- パスワードの作成:最低文字数、数字、大文字、特殊文字など、ユーザーが満たすべき条件を含める。
10.ヘルプとドキュメント
ほとんどのアプリやデジタル製品は、ほとんど説明を必要としませんが、より複雑なシステムや製品については、ユーザーが完全で明確な説明やガイダンスを必要とすることがよくあります。
ニールセンは、ヘルプドキュメントは検索しやすく、ユーザーのタスクに焦点を当てたものでなければならないと提案している。具体的な手順がリストとして提供され、簡潔である必要があり、ユーザーが必要とする場所に提示されるのが理想的である。
ヘルプとドキュメントの例:
- ユーザーガイド
- ヘルプセンター
- よくあるご質問
- サポートチャット
- オンボーディング・ウォークスルー
- ツールチップ
その他のウェブ・ユーザビリティの原則
ニールセンは、ユーザビリティの原則に関する本をほとんど書いていますが、彼のリストは絶対的なものではありません。例えば、アクセシビリティと可用性、関連性、信頼性などです。例えば、アクセシビリティとアベイラビリティ、関連性、信頼性などです。これらの要素やその他の要素が、将来のバージョンで考慮されるかどうか、あるいは、テクノロジー、コミュニティ、社会のニーズが発展するにつれて重要になるその他の要素があるかどうかは、時間が経ってみなければわかりません。
概要
ニールセンの10個のユーザビリティのヒューリスティックは、UXの初心者にも、経験豊富なユーザーにも、優れたガイドとなる。
製品やウェブサイトのユーザビリティは、ユーザーテストにおいて厳密に調査・検討されますが、設計・構築プロセスのどの時点でもヒューリスティック評価を実施することで、個々のユーザーのニーズを満たしているかどうかを定期的にチェックすることができます。
ユーザビリティ・ヒューリスティックについてもっとお知りになりたい方は、下記までEメールをお送りください。 hello@ux247.com.