世界的なグラフィックデザインの巨匠、ポール・ランドはかつてこう言いました。「デザインとは、決して単純な配置、組み合わせ、単純な再編集ではありません。真実を説明し、複雑さを排除し、単純化することで、価値と意味に満ちたものでなければなりません。推理を明らかにし、飾り立て、美化し、賞賛し、ドラマチックにし、人々に自分の言うことを信じさせる...」 デザインは決して簡単な作業ではなく、優れたデザインはさらに難しいことがわかります。
UI デザインの原則 - 優れたデザイナーの必需品
インターフェイス デザイナーの Joshua Porter のブログで、「ユーザー インターフェイス デザインの原則」という記事を偶然見つけました。その記事には、UI デザインの原則がリストされていました。読んだ後、非常にインスピレーションを感じました。特にデザイナーに使用してほしいと願っています。ジュニア デザイナーは、より良い学習の機会を提供します。全文は次のように編集されます。
1. 明瞭さが最優先です
明確にすることは、インターフェース設計における最初の最も重要なタスクです。デザインしたインターフェースを効果的で人々に好まれるようにしたい場合は、まずユーザーにそれを認識させなければなりません?ユーザーにそれを使用する理由を知らせてください?たとえば、ユーザーがそれを使用するとき、何が起こるかを予測して、ユーザーとうまく対話できるようにする必要があります。それ。一部のインターフェイスは明確に設計されていません。ユーザーの一時的なニーズを満たすことはできますが、長期的なソリューションではありません。明確なインターフェイスは、ユーザーを何度も使いたくなる可能性があります。
2. インターフェースは対話を容易にするために存在します。
インターフェイスは、ユーザーと私たちの世界の間の相互作用を促進するために存在します。優れたインターフェイスは、物事を効率的に行うことを可能にするだけでなく、世界とのつながりを刺激し、呼び起こし、強化することもできます。
3. ユーザーの注意を保護し尊重する
私たちが本を読むとき、常に多くのことに注意がそらされ、静かに読書に集中することが困難になります。したがって、インターフェイスをデザインするときは、ユーザーの注意を引くことが非常に重要であるため、アプリケーションの周囲を乱雑にデザインして人々の注意をそらさないようにし、注意を引くためには画面をきれいにすることが重要であることを忘れないでください。広告を表示する必要がある場合は、ユーザーが読み終わるまで待ってください。ユーザーの注意を尊重すると、ユーザーの満足度が高まるだけでなく、広告の効果も高まります。したがって、優れたインターフェイスを設計するには、ユーザーの注意を保護し、尊重することが前提条件となります。
4. インターフェースをユーザーの制御下に置く
人間は自分自身と周囲の環境をコントロールできることに快適さを感じる傾向があります。ユーザーの感情を考慮していないソフトウェアは、多くの場合、その快適さを奪い、ユーザーに計画外のやり取りを強いることになり、ユーザーを不快にさせる可能性があります。インターフェイスがユーザーの制御下にあることを確認し、システムのステータスをユーザーに決定させ、少しのガイダンスがあれば、望む目標を達成できると思います。
5.ダイレクトな操作感が最高
オブジェクトを直接操作できれば、ユーザーの感覚は最高ですが、ボタン、グラフィック、オプション、ボタン、グラフィックス、オプションなどを使いすぎて、インターフェイスをデザインするときに追加するアイコンが不要になることがよくあるため、これを実現するのは簡単ではありません。添付ファイルやその他の面倒な作業が含まれるため、重要なことではなく UI 要素を操作することになります。そして本来の目標は? 単純化して直接操作できるようにすることです... したがって、インターフェイスを設計するときは、人間の自然なジェスチャーについて可能な限り理解する必要があります。理想的には、インターフェイスのデザインはシンプルで、ユーザーに直接的な感覚を与える必要があります。
6. すべての画面にはテーマが必要です
デザインするすべての画面には単一のテーマを持たせる必要があります。これにより、ユーザーはその真価を活用できるだけでなく、使い始めやすく、使いやすくなり、必要に応じて変更も容易になります。画面が 2 つ以上のテーマをサポートしている場合、インターフェイス全体がすぐに乱雑に見えます。記事に単一のテーマと強力な主張が必要であるのと同様に、インターフェイスのデザインも同様に、その存在理由である必要があります。
7. 二次的なアクションに取って代わらないようにする
各画面には 1 つの主要なアクションが含まれていますが、複数の二次的なアクションが存在する可能性がありますが、それらを圧倒しないようにしてください! 記事は人々が読むために存在するものであり、Twitter で共有するために存在するものではありません。したがって、インターフェイスを設計する際には、二次的なアクションの視覚的な影響を弱めるか、主なアクションが完了した後にそれらを表示するようにしてください。
8. 自然な移行
インターフェイスのインタラクションはすべて連動しているため、設計時にはインタラクションの次のステップを慎重に考慮する必要があります。次のインタラクションがどのようなものになるかを考え、それを実現するように設計します。これは私たちの日常会話のようなもので、深い会話の基礎となります。ユーザーが必要な手順を完了したら、圧倒されるのではなく、目標を達成し続けるための自然な方法を提供してください。
9. 外観追従機能（形状追従機能と同様）
人は期待に沿った行動を最も快適に感じます。私たちは、他の人、動物、物、ソフトウェアの行動が常に私たちの期待を満たしている場合、それらに対して好感を持ちます。それは人を扱うデザインがやるべきことでもあります。実際には、これは、ユーザーが見ただけで次にどのようなアクションが起こるかを判断でき、ボタンのように見える場合はボタンとして機能する必要があることを意味します。デザイナーは、基本的なインタラクションの問題について賢明である必要はありませんが、より高いレベルの問題については創造性を発揮する必要があります。
10. 重要なポイントを区別する
画面要素が異なる機能を実行する場合、見た目も異なるはずです。一方、機能が同じまたは類似している場合は、見た目も同じになるはずです。一貫性を維持するために、若手デザイナーは、異なる視覚効果が適切な場合に、差別化する必要がある要素に同じ視覚的処理を適用することがよくあります。
11. 強力なビジュアルレイヤリング
画面の視覚要素に明確な閲覧順序を持たせたい場合は、強力な視覚階層を通じて実現する必要があります。つまり、ユーザーが毎回同じものを同じ順序で閲覧し、視覚的な階層が明確でない場合、ユーザーはどこに目を向ければよいのか分からず、混乱を招くだけです。デザインが継続的に変更される場合、すべての要素の階層が相対的であるため、明確な階層関係を維持するのは困難です。すべての要素が強調表示されると、最終的にはまったく焦点が合わなくなります。目立つ必要がある要素を追加した場合、デザイナーは再び明確な視覚的階層を実現するために、各要素の視覚的な重みを再検討する必要がある場合があります。ほとんどの人は視覚的な階層に気づきませんが、これはデザインを強化する最も簡単な方法です。
12. 視覚要素を適切に整理してユーザーの認知負荷を軽減する
著名なデザイナーのジョン・マエダ氏が著書『Simplicity』の中で述べているように、視覚要素を適切に整理すると複雑な要素が単純化され、コンテンツ内の包含関係などの表現を他の人がより迅速かつ簡単に理解できるようになります。方向性と方向性を組織化することで、要素間の関係を自然に表現できます。コンテンツが適切に整理されていれば、ユーザーの認知的負荷が軽減され、要素間の関係はすでに示されているため、ユーザーはそれを理解する必要がなくなります。デザイナーはユーザーに区別を強制するのではなく、組織化を通じて区別を表現します。ユーザーに自分で物事を理解するよう強制するのではなく、デザイナーは直接
13. 色は決め手ではありません
光が変化すると、オブジェクトの色が変化します。太陽が明るく輝いているときと、太陽が沈むときでは、見える景色は大きく異なります。つまり、色は環境によって簡単に変化してしまうため、デザインの際に色を決め手として扱わないようにしましょう。色は目を引き、ガイドとして役立ちますが、区別の唯一の要素であってはなりません。長時間読書をしたり、パソコンの画面に向かって長時間作業する場合は、強調したい内容以外の背景色は、比較的暗い色または柔らかい色を使用するようにしてください。もちろん、読者によっては明るい背景色を使用する場合もあります。
14.連続発表
各画面には必要なものだけが表示されます。ユーザーが決定を下す必要がある場合は、ユーザーが選択できる十分な情報を提示すると、次の画面で必要な詳細が表示されます。すべてを一度に詳しく説明したり提示したりすることは避け、可能であれば次の画面に選択項目を配置して、段階的に情報を提示します。これにより、インターフェイスの操作がより明確になります。
15. 埋め込み「ヘルプ」オプション
理想的なユーザー インターフェイスでは、ユーザー インターフェイスがユーザーの学習を効果的にガイドできるため、「ヘルプ」オプションは不要です。「次のステップ」のようなものは、実際にはコンテキストに埋め込まれた「ヘルプ」であり、ユーザーが必要なときにのみ適切な場所に表示され、それ以外のときは非表示になります。
デザイナーの仕事は、ユーザーが必要とするヘルプ システムを構築することではなく、ユーザーのニーズを発見する責任をユーザーに渡し、ユーザーがヘルプ システムで質問の答えを見つけられるようにすることです。むしろ、提供するインターフェースの使用方法をユーザーが理解できるようにして、ユーザーがインターフェース内でガイドを受けて学習できるようにする必要があります。
16. 真実の瞬間: ゼロ状態
ユーザーのインターフェイスに対する最初の体験は非常に重要ですが、これはデザイナーによって見落とされがちです。ユーザーがデザインにすぐに適応できるようにするには、デザインはゼロの状態、つまり何も起こっていない状態である必要があります。ただし、この状態は空白のキャンバスではなく、ユーザーがデザインにすぐに適応できるように方向性とガイダンスを提供できる必要があります。最初の対話では多少の摩擦が生じるかもしれませんが、ユーザーがルールを理解すれば、成功する可能性は高くなります。
17. 既存の問題に対するインターフェースを改善する
人々は常に、潜在的な問題や将来の問題ではなく、既存の問題の解決策を探しています。したがって、仮説的な問題に対応するインターフェイスを設計するのではなく、既存の問題を解決するために既存の動作と設計に注目する必要があります。これは確かに面白いことではありませんが、ユーザー インターフェイスがさらに完成すると、より多くのユーザーがインターフェイスを使用するようになるため、最も価値のあることです。
18. 良いデザインは目に見えない
優れたデザインには、ユーザーによって見落とされがちな奇妙な特性があります。理由の 1 つは、この設計が非常に成功しているため、ユーザーは目標を達成することに集中し、目の前にあるインターフェイスを無視するためであり、ユーザーは目標を無事に達成すると、満足してインターフェイスを終了します。しかし、デザイナーとしては、これは少し不公平なことかもしれません。もちろん、優れたデザイナーはこれを気にしません。満足したユーザーが沈黙していることが多いことを心の中で知っているからです。
19. 学際的な学習、他の分野から学ぶ
ビジョン、グラフィックデザイン、タイポグラフィー、コピーライティング、情報構造と視覚化、これらすべての知識領域はインターフェイスデザインに含まれるべきであり、デザイナーはこれらの知識に関するある程度の知識または専門知識を持っている必要があります。この知識を軽視しないでください。そこから学ぶべきことはたくさんあり、仕事の能力を向上させることができます。デザイナーは長期的な視野を持ち、出版、プログラミング、製本、スケートボード、消防、空手など、一見無関係に見える分野から学ぶ必要があります。
20. インターフェースの存在には目的がなければなりません
ほとんどのデザイン分野において、インターフェースデザインを成功させる鍵はユーザーに使ってもらうことです。例えば、美しい椅子は美しくても座り心地が悪ければユーザーはその椅子を選ばず、デザインとしては失敗です。したがって、インターフェースデザインは単に使用環境をデザインするだけでなく、使用する価値のある芸術作品を作成することも意味します。インターフェイス デザインは、デザイナーの虚栄心を満たすだけでは十分ではありません。便利でなければなりません。