ユーザーインターフェイス設計の20の戒め

これは、元のユーザーインターフェイス設計の原則の記事を翻訳したものです。

「デザイナーになるということは、異種の要素を集めたり、整理したり、何らかの形で変更したりするだけではありません。 ここでは、特定の価値を生み出し、意味を与え、照らし、簡素化し、変換し、高貴にし、色を厚くし、納得させ、ある程度楽しませる必要があります。」

-ポール・ランド

1.インターフェイスの責任は、相互運用性を確保することです。

インターフェイスは、人と外の世界との相互作用を提供するために使用されます。 関係を明確にし、照らし、実装し、観察するのに役立ちます。 彼らは私たちを結びつけ、私たちを切り離し、私たちの期待に影響を与えます また、さまざまなサービスへのアクセスを提供します。 アートのインターフェースを最も純粋な形で開発するプロセスや、アートオブジェクトのインターフェース自体を開発するプロセスを実行しないでください。 インターフェイスは特定の機能を実行するように設計されており、そのパフォーマンスを測定できます。 しかし、インターフェイスの役割は実用的な問題だけにとどまりません。 本当に良いインターフェイスは、インスピレーションを与え、喚起し、神秘に包まれ、外の世界との関係を強化します。

2.何よりも明瞭

そもそも、インターフェースはすべて明確でなければなりません。 開発したインターフェースを効果的に使用するためには、人々はそれが何であるか、なぜそれを使用する必要があるのか​​、それを使って実行できるタスク、このアクションまたはそのアクションがもたらすものを理解し、その後正常に対話できる必要があります。 はい、初めてインターフェースを理解することは難しい場合がありますが、あいまいさはありません。 ユーザーは使いやすいインターフェイスを信頼しているため、将来的には使いやすいでしょう。 一般に、すべてを1つの画面に押し込んでユーザーを混乱させるのではなく、100枚の明確な画面を作成することをお勧めします。

3.あらゆる費用での注意

常に何かが私たちの注意をそらします。 静かに読むことでさえ、ケースから気を散らすものがなければもはや不可能です。 ユーザーの注意は貴重です。 彼に集中させてください。この画面や作成した画面の主な目的から注意をそらす要素でアプリケーションを詰まらせないでください。 ユーザーが何かを読む必要がある場合は、これに十分な時間を与え、必要に応じて広告を表示します。 ユーザーの注意を評価してください。これはユーザーとあなたの両方に利益をもたらします。 製品を確実に使用するには、ユーザーの注意が不可欠です。 すべてのコストでそれを保持してみてください。

4.ユーザーの管理下

人々はコントロールを感じるのが好きです。 多くの開発者はこれについて考えていないため、ユーザーは自分の望みに反して、実行する予定のない操作を実行することを余儀なくされ、移動の方向は非常に不明確であり、アクションの結果は予想外です。 ユーザーに状況が自分の制御下にあると感じさせ、システムの状態を定期的に表示し、原因と結果の関係を説明し（これを行うと何かが起こります）、各特定の操作から何が期待できるかを明確に理解できるようにします。 キャプテンエビデンスになることを恐れないでください。 明らかなことは常にそれほど明白ではありません。

5.より良い管理-直接管理

最良のインターフェイスはインターフェイスなしです。たとえば、実際のオブジェクトと直接やり取りします。 しかし、次第に直接制御できないデジタル性のオブジェクトがますます出現し、ここでインターフェイスが私たちの助けになります。 適切なパスから外れて、最終的にボタン、器具、グラフィック、パラメーター、設定、ウィンドウ、追加の挿入物、およびその他の「ガーベッジ」を含むインターフェースをリロードするのは非常に簡単です。 その結果、ユーザーはタスクを完了する代わりにインターフェイス要素を管理する必要があります。 これを回避するには、モデルとして直接制御します。インターフェイスはできるだけ目立たず、人間の自然なジェスチャーを認識できる必要があります。 理想的には、ユーザーはオブジェクトを直接管理しているという感覚を持つ必要があります。

6. 1つの画面-1つのメインタスク

アプリケーションの各画面は、ユーザーが直面している1つのタスクを実行するのに役立ちます。 そのため、アプリケーションのユーザーはそれを理解して操作しやすくなり、開発者は必要に応じて機能を拡張しやすくなります。 いくつかの基本的なタスクの実装をサポートする画面は、ユーザーを混乱させます。 たとえば、テキストに2つまたは3つのメイントピックを含めることはできません-メイントピックは1つだけにすることができます。 そのため、デザイナーは各画面に1つの重要なタスクのみを実行する機能を配置する必要があります。

7.セカンダリタスク、場所を知る

1つの重要なタスクに加えて、画面はいくつかの二次的なタスクを実行するのにも役立ちます。 ただし、メインタスクとセカンダリタスクをまとめることはできないことに注意してください。 たとえば、ユーザーがTwitterで共有できるように記事を書いているわけではありませんよね？ この場合の主なタスクは、彼らがそれを読み、読んだものを理解することです。 マイナーなタスクは前面に出てはなりません。たとえば、目立たない方法でフレーム化したり、重要なタスクが完了した後にのみ表示したりできます。

8.一歩前進する場所

ほとんどのユーザー操作は相互作用プロセスを中断せず、相互に切り替えるため、各操作の継続を設計するのが賢明です。 それぞれの場合にユーザーの次のステップがどうなるかを想像してみて、これに従ってインターフェイスを構築してください。 通常の人間のコミュニケーションのように、さらなる相互作用のための出発点が必要です。 ユーザーが必要なことをすべて完了している場合は、それらを落とさないでください。目標に向かって自然に次の一歩を踏み出す機会を与えます。

9.動作が外観を決定します（または「機能が形状を決定します」）

人々は、予測可能な方法で動作するものに対処することを好みます。これは、ソフトウェアを含む他の人々、動物、オブジェクトにも等しく当てはまります。 誰かの行動が私たちの期待と一致するとき、私たちは正しい波に乗っていると感じます。 したがって、インターフェース設計要素は、その動作に適切に見えるはずです。 実際には、これは、ユーザーがインターフェイスの特定の要素がどのように動作するかを、見ただけで理解する必要があることを意味します。 ボタンのように見え、ボタンのように振る舞うべき要素。 ユーザーインタラクションとインターフェイスの基本的な側面に触れないでください。異なる順序のタスクにあなたの創造的なエネルギーを節約してください。

10.一貫性を保つことの重要性

前の段落から、画面要素の動作が異なる場合、それらは異なるように見えるはずです。 もちろん、振る舞いが似ている要素は似たように見えるはずです（順番に）。 しかし、異種の要素が異なるように設計されている（つまり、一貫性がない）ことも同様に重要です。 インターフェースを論理的で一貫性のあるものにしようとする初心者のデザイナーは、多くの場合、要素間の重要な違いを無視し、多様性を導入する場合はどこでも同じ技術を使用します。

11.明確な階層-頭全体

画面上の要素が特定の順序で配置されると、明確な視覚的階層が実現します。 つまり、同じ要素が毎回同じ順序で表示されます。 視覚的な階層が適切に設計されていなくても、利点はなく、ユーザーを混乱させるだけです。 絶えず変化する環境では、視覚的な重みが相対的な量になるため、要素の明確な階層を維持することはそれほど簡単ではありません。結局のところ、すべてを選択すると、何も強調表示されません。 画面に目立つ要素を追加する必要がある場合、視覚的な階層を保持するために、デザイナーは他のすべての要素を目立たなくする必要がある場合があります。 ほとんどのユーザーは、インターフェイスを操作する際に視覚的な階層については考えませんが、同時に、その思慮深い（または想像力に欠ける）配置は、デザインを改善（または劣化）する最も簡単な方法の1つです。

12.有能な組織が認知的負荷を軽減する

John Maedaは著書Simplicityで、インターフェイス要素の有能な編成により、画面の負荷を軽減できると書いています。 要素の思慮深い整理の助けを借りて、それらの間の接続を実証することができ、ユーザーがそのようなインターフェースを習得することははるかに簡単になります。 ユーザーがそれらがどのように関連しているかを理解できるように、同様の要素をグループ化し、画面上に配置します。 コンテンツの有能な組織のおかげで、ユーザーの認知的負荷を大幅に減らすことができます。 エレメント間の接続がデザイン自体で明確に示されていれば、ユーザーはそれらを痛々しいほど理解する必要がなくなります！ ユーザーに再びストレスを与えないでください。デザインを使用して、インターフェースの要素間のこれらの接続をすべて表示する方が良いでしょう。

13.指示ではなく、プロンプト：色の役割

物理オブジェクトの色は、照明に応じて変化します。 たとえば、正午と日没の同じ木はまったく異なって見えます。 一般に、物理オブジェクトの世界では、色には多くの色合いが含まれており、通常はかなり相対的であり、色もインターフェイスで役割を果たす必要があります。 オブジェクトを色で強調表示してユーザーの注意を引くことができますが、同時に、色だけで要素を分離することはできません。 ユーザーが長時間要素を操作すると想定される場合、または要素に大量のテキストが含まれる場合は、装飾に淡色またはミュートのトーンを使用し、強調のために明るい色合いを保存することをお勧めします。 もちろん、背景の塗りつぶしに明るい色を使用できますが、適切な場合に限ります。

14.一度にすべてではない

各画面には、最も必要なもののみが表示されます。 ユーザーが選択を行う必要がある場合、これに必要な情報を正確に提供します。 詳細は、次の画面に当てることができます。 AからZまでのすべてを説明したり、すべての情報を一度にレイアウトしたりしないでください。 可能であれば、ワークフローを複数の画面に配布し、徐々に情報を明らかにします。 これにより、インターフェイスとの相互作用はユーザーにとって明確で理解しやすいままです。

15.賢く教えて

理想的なインターフェースでは、ヒントはまったく必要ありません。そのようなインターフェースは学習と使用が簡単だからです。 しかし、天から地に降りる場合、理想的には、プロンプトは状況に応じて表示され、必要なときにのみ必要な場所に表示され、残りの時間は非表示のままになります。 人々にヘルプを開かせ、質問への回答を探すように強制すると、インターフェイスで作業が複雑になります。この場合、彼らは見つけたいものを正確に定式化する必要があるからです。 ヒントが必要な場所に埋め込むことをお勧めします。 インターフェースにすでに慣れているユーザーの鼻の前に隠れないようにしてください。

16.真実の瞬間：ゼロ状態

設計者は、インターフェイスの最初の知人などの重要なポイントを見落としがちです。 ユーザーができるだけ早く慣れるのを助けるために、設計者はゼロ状態、つまり何も起こらなかった瞬間のビューで作業する必要があります。 ユーザーに表示される最初の画面は、空白のシートのように空白にしないでください-クイックスタートの手順とヒントを含める必要があります。 インターフェイスを操作する際のほとんどの問題は、ゼロステートの考えが悪いために発生します。 ただし、ユーザーがゲームのルールを理解すると、タスクはすぐに大幅に簡素化されます。

17.現在の問題が主な問題です。

ユーザーは、現時点で関連する問題を解決する必要があり、将来発生する可能性がある仮想的な問題を解決する必要はありません。 したがって、潜在的な問題の解決に焦点を合わせたインターフェイスは必要ありません。現在の状況を調査し、現在の問題に応じたインターフェイスを開発します。 もちろん、クラウドでサーフィンして仮説を立てることははるかにエキサイティングですが、あなたの仕事の結果は感謝のユーザーから要求され、無駄なインターフェースのダンプには送られません。

18.ベストデザイン-インビジブルデザイン

興味深い事実：本当に良いデザインは、通常、それらを使用したユーザーによってマークされません。 その理由は、優れた設計により、ユーザーはインターフェイスではなくタスクに集中できるからです。 タスクを正常に完了したユーザーは、これがどのようになっているのかを考え始めることはないため、すべてがうまくいきました。 ユーザーは、問題がある場合にのみ設計に注意を払うことがわかります。 はい、設計者は、完全な妨害を受け取っているという事実にもかかわらず、誰も彼らが成功したソリューションを賞賛していないという事実に熱心ではありません。 しかし、本当に優れた専門家にとっては、彼らのデザインが積極的に使用されれば十分です。 満足しているユーザーはサイレントユーザーであることを理解しています。

19.視野の拡大

ビジュアルおよびグラフィックデザイン、印刷、コピーライティング、情報アーキテクチャ、および視覚化-これらはすべてインターフェイスデザインに含まれています。 合格すればこれらの分野に慣れることができます。または、彼らの研究を掘り下げることができます。 最も重要なことは、それらを軽視したり、特定の分野の重要性について激しい議論を行ったりしないことです。 それらから有用な知識を得る-など。 インターフェース設計とはまったく関係のない領域を軽disしてはいけません。 出版社、プログラムコードの著者、製本業者、スケートボーダー、消防士、空手選手から学べることを考えてみてください。

20.未使用インターフェース-不良インターフェース

設計の他の領域と同様に、インターフェイスの設計では、ユーザーが要求する設計作業の結果は成功とみなされます。 不快であることが判明した場合、人々は最も美しい椅子にすら座ることさえできず、この家具はその機能とユーザーが無視するデザインを果たしません。 したがって、インターフェースの設計では、オブジェクト自体の作成だけでなく、その使用のための特定の環境の作成も重要な役割を果たします。 デザイナーは、自分の目を楽しませるためではなく、使用するためにインターフェースを作成します！

投稿者： Joshua Porter

ご注意 レーン：私の意見では、この記事は、スケッチの描画から既製のレイアウトや作業中の製品のレイアウトまで、ほぼすべての段階で設計されたインターフェースをチェックするための優れたチェックリストです。