モバイルインターフェースのヒューリスティック原則

Jakob Nielsenは、多くのパターンを理解し始めたとき、人間とコンピューターの相互作用におけるユーザビリティエンジニアリングのコンサルティングと指導を行っていました。 そこで1994年に、彼は学んだことを反映したユーザビリティヒューリスティックの一連の評価原則を収集してリリースしました。 今日、25年近くが経過し、コンピューターがスマートフォンに変身した後も、ニールセンの原則は依然として強力です。

人間中心の設計はユーザーの重要性を増幅し、設計プロセスはそれに応じて適応しました。 ただし、ニールセンの原則はすべての画面タイプで普遍的であり続けており、モバイルデバイスの使用が増え続けているため、モバイルインターフェイスに重点が置かれています。

ヒューリスティックな原則をWebで検索すると、わずかに変化するセットの長いリストが表示されます。 以下は、人間中心のデザインとユーザビリティの思想的リーダーに触発された10の原則の厳選されたコレクションです。

ユーザビリティヒューリスティックはユーザーのニーズから始まります

一連の原則に飛び込む前に、ユーザーの重要性が高まり続けていることを認識しておく必要があります。 GOV.UKの再設計は、政府のWebサイトであるにもかかわらず、その使いやすさで世界的に認められたユーザー主導の製品の代表的な例です。

プロジェクトのデザインディレクターであるBenTerrettは、製品戦略からビジュアルデザインアプローチに至るまでの一連のユーザーインターフェイスデザイン原則から始めました。 最初の原則は、製品の成功の北極星のようなものでした。「常にユーザーのニーズから始めます。 ユーザーが何を必要としているかわからない場合、正しいものを構築することはできません。 調査を行い、データを分析し、ユーザーと話します。 思い込みをしないでください。 ユーザーに共感を持ち、ユーザーが求めるものが必ずしも必要なものではないことを忘れないでください。」

ユーザビリティ評価のヒューリスティックな原則は、UIデザインがユーザーフレンドリーなエクスペリエンスを提供するには不十分な場所を特定するのに役立ちます。

＃1システム構造の透明性

ユーザーがコンテキストを十分に理解できるように、特定の要素と構造を表示する行為。

UIは、ユーザーが自分が制御していると信じられるようにする必要があります。 彼らはこれらの質問に簡単に答えることができるはずです：「私は今どこにいますか？」 「ここからどこへ行けばいいの？」 システムが透過的である場合、ユーザーは次に何が起こるかについて決定を下すためのコントロールを持っています。 彼らは、インターフェースを使用することで自律性とその後の自信を獲得します。

＃2アクションフィードバックの即時性

システムが要求を受信したことを確認するユーザーのアクションへの応答。

すべてのユーザーアクションは、即座にインターフェースに反応する必要があります。 インスタントフィードバックは、システムが期待どおりに動作していることをユーザーに安心させます。 SmashingMagazineのUXスペシャリストであるNickBabichは、アクションの明確に伝達されたステータスの良い例として進行状況インジケーターを使用しています。 彼は、それがユーザーのアクションが受け入れられたことを視覚的に通知し、システムがまもなく次のアクションを明らかにすると主張します。 インジケーターがないと、ユーザーは不確実性と欲求不満を抱え、旅の中断につながる可能性があります。

＃3エラーの認識

十分な量の情報と、ユーザーがたどりたくない道を進んだときにユーザーがとることができるオプション。

ある時点で、ユーザーは常に意図しない方法でモバイルインターフェイスを操作し、ニーズをサポートしない苛立たしく非生産的な状況に陥ります。 障壁と行き止まりは、旅が途中で終わる一般的な理由です。 UIは、ユーザーがエラーを認識、診断、および回復するのに役立つ十分なインジケーターを提供する必要があります。

アシスタンスは常に簡単にアクセスできる必要があります。 ただし、バランスをとることは困難です。 オプションが多すぎると、認知的過負荷を引き起こす可能性があります。 ユーザーは、エラーを解決する方法と、将来エラーを防ぐ方法を明確に理解している必要があります。

＃4使用の柔軟性

さまざまな経験を持つユーザーが直感的かつ効率的に使用できるインターフェース。

インタラクティブなモバイルエクスペリエンスは、外部のユーザーガイダンスから独立している必要があります。 ユーザーがモバイルアプリを初めて使用する場合でも、100回目である場合でも、インターフェースは両方のシナリオに対応する必要があります。

経験豊富なユーザーはショートカットにアクセスでき、体系的な理解を深める必要がありますが、新しいユーザーは単純な混乱の中で見捨てられることはありません。 UIに柔軟性があるため、ユーザーは自分の能力とニーズに最適な旅を選択して制御できます。

Jill Gerhardt-Powalの認知工学の原則は、「適切な場合にデータの複数のコーディングを提供することを設計者にアドバイスします。システムは、認知の柔軟性を促進し、ユーザーの好みを満たすために、さまざまな形式や詳細レベルでデータを提供する必要があります」。 圧倒的または制限的なインターフェースは、苛立たしい体験を保証します。

＃5ユニバーサルエクスペリエンスの知識

一般的な人間の経験と期待に関連する設計要素の使用。

GUIの歴史は、Appleが最初のユーザーフレンドリーなコンピュータインターフェイス設計で実際の参照を使用したときに始まりました。 「リサ」は、ファイルの構成を示すフォルダアイコンなどの要素を使用して設計されました。 これらの物理的な参照は、デジタルインタラクションがほとんどの人に馴染みがない場合に役立ちましたが、デジタルリテラシーが増加しているため、普遍的な参照はもはやそれほど文字通りである必要はありません。

画面の操作により多くの時間を費やすにつれて、一般的なユーザーの期待が高まりました。 「+」がより多くの情報に展開され、ナビゲーションメニューがモバイル画面の上部または下部に表示されることを期待しています。 大多数のユーザーが理解できる参照を利用することで、インターフェースは直感的になります。

＃6情報とデザインの美学の限界

合理化された目的のあるエクスペリエンスを妨げる可能性のある不要な要素を排除する最小限のデザインの作成。

すべてのデジタルインタラクションの一般的な経験則は、混乱を排除することです。 意思決定の時間とエラーを減らすために、Jill Gerhardt-Powalは、明確で明白な方法でデータを表示することにより、不確実性を減らすように設計者に挑戦します。 これは、不要なコンテンツを削除し、色、レイアウト、タイポグラフィを使用してユーザーを画面に誘導することで実現できます。 ユーザーは気を散らしてはいけませんが、目的を簡単に達成するための十分なガイダンスを提供する必要があります。

Ben Terrettは、GOV.UKの設計原則の4番目である「シンプルにするために懸命に努力する」をよく使用しました。 彼は、彼らが扱っている問題と、直感的で有益で成功したユーザーエクスペリエンスを提供するための最良のソリューションにつながるプロセスを完全に理解するのは設計チームの責任であると信じていました。 このケーススタディでは、それらの方法のいくつかについて説明します。

＃7フォームよりも機能を優先する

デザインの決定は、視覚的なスタイルを優先するのではなく、要素が何をすることを意味するかによって決まります。

「何かが賢くて洗練されていると思うなら、注意してください。それはおそらく自己満足です。」 —ドン・ノーマン、多作のプロダクトデザイナー、「日常のデザイン」の著者

インターフェイスのビジュアルデザインは、常に定義された機能から始める必要があります。 スタイルとトレンドが優先されると、結果は美しく見え、多くの注目を集める可能性がありますが、最終的にはばらばらのユーザーエクスペリエンスにつながる可能性があります。 ビジュアルフォームは機能不全のデザインを保存できません。

視覚的な手がかりを使用して、アプリの機能をユーザーに指示できます。 フィッツの法則によれば、形状、間隔、およびサイズにより、ユーザーは状況を理解し、目的のアクションを実行できます。 フォームが機能をサポートおよび増幅するのはここです。

＃8情報の入手可能性

ユーザーがメモリに依存する必要がないように、ユーザーの指先にインターフェイス要素を戦略的に配置します。

何かを記憶から思い出すよりも、何かを認識する方が簡単です。 モバイルインターフェイス機能が、一般的に馴染みのない情報やシステムの理解に依存している場合は、ユーザーが簡単に参照できるように、情報にアクセスできる必要があります。

Nielsenのヒューリスティックな原則の1つは、設計者が「オブジェクト、アクション、およびオプションを表示することにより、ユーザーのメモリ負荷を最小限に抑える必要がある」ことを示唆しています。 ユーザーは、ダイアログのある部分から別の部分への情報を覚えておく必要はありません。 システムの使用方法は、適切な場合はいつでも表示できるか、簡単に取得できる必要があります。」

Jill Gerhardt-Powalは、「認知的負荷を軽減するために、低レベルのデータを高レベルの合計にまとめる」ことを提案しています。 彼女はまた、「表示名とラベルはコンテキストに依存する必要があります。これにより、想起と認識が向上します」と述べています。 インターフェイスを初めて表示するユーザーは、設計者が行う情報についての知識や知識を持っていないことに注意することが重要です。 情報の繰り返しは、経験豊富なチームには過度に思えるかもしれませんが、新しいユーザーにとっては不可欠な場合があります。

＃9一貫性の信頼性

言葉、状況、行動などの一貫性のある標準化された要素を使用して、まとまりのある体験を作成します。

人間はパターンに惹かれます—私たちはそれらを使って世界を理解します。 モバイルインターフェース内でパターンを作成すると、ユーザーが何を期待し、インターフェース設計とどのように対話するかを学ぶための教育ツールになります。

「これは拘束衣やルールブックではありません。 すべての状況は異なります。」 GOV.UKの設計原則では、インターフェースは一貫している必要がありますが、均一であってはなりません。 Jill Gerhardt-Powalが反響するように、「情報を吸収しやすくするために、新しい情報は使い慣れたフレームワーク（スキーマ、メタファー、日常用語など）内に提示する必要があります。」

＃10賢明な冗長性

ユーザーインターフェイスの設計原則とユーザビリティヒューリスティックが製品の目的とユーザーのニーズに一致することを保証するために、設計プロセス中に常に反映すること。

Jakob Nielsenは、UIデザインの普遍的な詳細を提示することは不可能であることを最初に認めました。 たとえば、彼のヒューリスティックな原則の2つは、おそらく互いに矛盾する可能性があります。＃6：ユーザーが決定を下すために必要なすべての情報を提供し、＃8：不要なものをすべて排除します。

独自のユースケースに最適な決定を決定するのは、ヒューリスティック評価者と設計チームの責任です。 製品が人間中心であり、ユーザーのニーズに基づいて構築されている場合、チームはこれを知ることによってサポートされ、それらの決定を行う際の強い目的意識を持ちます。

Toptal Designブログでさらに読む：

• UXのヒューリスティック分析-ユーザビリティ評価を実行する方法
• デザインの原則とその重要性
• 製品設計における人間中心の設計の重要性
• より良いUXのためのUIスタイルガイドの作成
• モバイルアプリの設計のベストプラクティスと間違い