Uiデザイン
UIデザインのベストプラクティスとその最も一般的なエラー
タイトルは UIデザイナー からの逸脱を示唆している 伝統的なグラフィックデザイナー 、UIデザインは、この分野の歴史的伝統の一部であり続けています ビジュアルデザイン 。
それぞれの動きや媒体で、この分野は新しいグラフィック言語、デザイン、デザインプロセスを導入しました。世代を超えて、デザイナーはプレスからゼロックスへ、または紙からピクセルへと移行しました。これらの世代を通じて、グラフィックデザインは各時代の視覚言語を表現する責任を果たしてきました。
その程度まで ユーザーインターフェイスの設計 幼い頃から、どんなグラフィックの世界を育てていきたいと思いますか？現在の軌道では、将来は暗いように見えます。今日のユーザーインターフェイスデザインの多くは標準化されており、再現性があります。オンラインデザインディスカッションは、さらに進んだり、新しいことを想像したりするのではなく、デザインを安全に機能させるためのルールの学習に焦点を当てています。
お金で働くクレジットカード番号2017
UIデザイナーがパターンやトレンドに頼る傾向は、当たり障りのない視覚環境を作り出すだけでなく、プロセスがますます定型化するにつれてデザイナーの価値を低下させてきました。
ユーザーインターフェイスのベストプラクティスとよくある間違いを確認するとき、最も差し迫った懸念は技術的な能力ではなく、反復的で視覚的に退屈なデザインの洪水を回避することです。
最も一般的な5つのUIデザインの間違いは次のとおりです。
- UIデザイナーはルールに夢中になっています。
- グリッドは、UIデザイナーの創造的なプロセスを制限しています。
- ユーザーインターフェイスのデザインは、パターンで標準化されています。
- フォントは悲劇的に誤解されています。
- コントラストはデザインの万能薬ではありません。
よくある間違い＃1：UIデザイナーはルールに夢中になる
グラフィックデザインの世界は、常に一連の規則と基準に従ってきました。設計分野では、よくある間違いは、破られた標準的なルールと厳密に一致します。この観点から、デザインルールは信頼できるガイドであるように見えます。
しかし、デザインのすべての分野において、新しい動きと創造的な革新は、意識的にルールを破ることから生じました。これが可能なのは、設計が条件付きであり、設計者の裁量が必要なためです。設計は有限の応答を伴うプロセスではありません。したがって、設計ルールは、冷たくて難しい事実ではなく、ガイドラインと見なす必要があります。ベテランのデザイナーは、箱から出せるほどルールブックをよく知っており、尊重しています。
オンラインでデザインを議論する方法は、多くの場合、すべきこととすべきでないことを中心に展開します。 完璧なスタイリングへの10の簡単なステップをマスターしましょう！ 残念ながら、設計には、原則と傾向をより深く理解する必要があります。優れた設計への道は、チェックリストを体系的に順守することによって実行されるわけではありません。
興味深いことに、デザイナーがルールを破るのをやめれば、創造的な突破口を作ることはできません。 UIデザイナーが意思決定スキルを磨くのではなく、ガイドラインに従う能力だけを開発した場合、UIデザイナーはすぐに無関係になる可能性があります。私たちの仕事がすぐに使えるテンプレートよりも大きな価値をもたらすと他にどのように主張できますか？
「トップ10」のデザインルールに注意してください
今日のUIデザインの世界におけるデザインルールの問題は、その豊富さです。設計者がトラブルシューティングを行う必要がある場合は、既存のUIコミュニティとそのソリューションセットを参照するだけです。ただし、これらのガイドラインとルールの充実は、それらの信頼性を損ないます。
「トップUIデザインエラー」をGoogleで検索すると、50万件の結果が返されます。これらの著者のほとんどが互いに同意する可能性はどのくらいですか？提供される各デザインのヒントが読者のデザインの問題と正確に一致する確率はどれくらいですか？
多くの場合、オンラインの教育記事では、問題の背後にある設計原則の指針ではなく、深刻な問題について説明しています。その結果、新しい デザイナー 彼らは、なぜデザインがそのように機能するのかを決して学びません。代わりに、彼らは前に来たことに依存するようになります。これらの記事のいくつかが設計実験を奨励していることを心配していませんか？ ゲーム ？
設計者は、デフォルトのルールブックやデザインテンプレートではなく、一連のガイド原則ツールを使用する必要があります。 xを押して視差をスクロールし、yを押してカルーセルをスクロールします。選択する前に、ナビゲーションツールがトレンドになっている最新のブログ投稿を確認してください。」退屈な！
提案と「トップ10」リストは予測可能な傾向に従います
トレンドはデザイナーにとってジャンクフードのようなものです。それらに従うことで、初期の投資回収はできるが長期的な価値はほとんどない安価なソリューションが生まれます。トレンドを追うデザイナーはすぐに時代遅れになります。他の誰かのデザインパスをたどったことに対する報酬は？プロのボイドかじり感。
自分のスタイルやシステムを発明するのは大変な作業ですが、努力する価値はあります。毎日の収入と進歩はすべてあなたのものです。デザイナーの魂を養うことは決してないように思われるコピーについての何かがあります。
よくある間違い＃2：グリッドはUIデザイナーの創造的なプロセスを制限します
ルールに反対する私の怒りにもかかわらず、ここに1つあります。UIデザイナーがグリッドなしで作業することは不可能です。 Webおよびモバイルインターフェイスは、基本的にピクセルごとの編成に基づいています。それを回避する方法はありません。
ただし、これは、UI設計者がネットワークの外観のみを追求することを意味するものではありません。同様に、すべての設計関連の決定がグリッドに基づく理由はありません。
グリッドをファッションツールとして使用することは避けてください
一般に、トレンドに対応した設計は、不十分な設計になります。せいぜい、トレンドは満足のいく結果につながりますが、全体的な影響はほぼ間違いなく期待外れです。ファッショナブルであることは普通であることです。
したがって、設計でグリッドを使用するときは、グリッドがツールとして提供するものと、グリッドが伝達できるものを理解してください。グリッドの制約内のすべてが同じように見えるため、グリッドは一般に中立性を表します。
グリッドはまた、公平なブラウジング体験を可能にします。ユーザーは、デザイナーの学芸員の手から干渉を受けることなく、ある要素から別の要素にジャンプできます。他のナビゲーション構造を使用すると、設計者はコンテンツをグループ化し、目的のシーケンスをより意図的に設定できる場合があります。
ワークフローとしてデフォルトでグリッドにしないでください
ディラン・フラカレタ ロードアイランドスクールオブデザイン（RISD）の教授であり、PIN-UP Magazineの編集者である、は、「ほとんどの人は12列のグリッドから始めます...そこから3と4を取得できるためです」と述べています。ここでの危険は、設計者がすぐに自分の作業を事前に決定することです。
これを回避するために、Fracaretaは、物をグリッド線上に物理的に配置するのではなく、設定された数量の移動ツールのみを使用します。これには、秩序を確立し、予期しない結果の可能性を開くという二重の効果があります。
ブラウザ用に設計するということは、コードを入力して何が起こるかを待つことを意味していました。今日、ウェブデザインは従来のレイアウトデザインに似ており、プロセスは「2枚の透明な紙を包むようなもの」です。どうすればいいですか デザイナー 、このプロセスの恩恵を受けますか？
グリッドは制限される場合がありますが、最も伝統的な形式の1つです。 組織 。グリッドは直感的です。グリッドはニュートラルで気取らないです。グリッドを使用すると、コンテンツがそれ自体を語り、ユーザーがインターフェイスを簡単にナビゲートできます。グリッドの制限に関する私の警告にもかかわらず、異なるマトリックスは異なるレベルの方向または自由を可能にします。
よくある間違い＃3：UIデザインがパターンで標準化されている
標準化された設計要素の概念は、ユーザーインターフェイス設計よりも前のものです。アーキテクチャの詳細は何世紀にもわたって繰り返され、同様の設計環境に適用されてきました。この方法は、人々がめったに気付かない建物の部分に意味があります。
しかし、建築家が家具の寸法や手すりの高さなどの一般的な要素を標準化すると、人々は結果として生じるベージュの物理的な設定に無関心を表明し始めました。
これだけでなく、標準化された寸法は効果がないことがわかりました。統計的平均に基づくと、彼らはしばしば人口の大部分にサービスを提供できませんでした。繰り返し可能な詳細にはその場所がありますが、無批判に使用しないでください。
デザイナーはパターンを製品として使用しないでください
多くのUIデザイナーは、パターンを単なる時間節約ツール以上のものと見なしています。彼らは、それらを複雑な設計問題に対するすぐに使えるソリューションと見なしています。パターンは、定期的なタスクとアーティファクトを標準化して、設計者の作業を容易にすることを目的としています。悲しいことに、カルーセル、ページング、Fパターンなどの特定のパターンは、多くのインターフェイスのファブリック全体になっています。
使用パターンは正当ですか？
デザイナーは、人々がWebで読む方法の結果として、Fパターンが存在することを自覚しています。 エスペンブランボルグ Fパターンを使いすぎた結果、おそらく人々はこのように読んでいるのではないかと指摘します。「ウェブデザイナーがレシピに従うだけだとしたら、それはどういう意味ですか？」ブランボルグは尋ねます。
よくある間違い＃4：フォントが悲劇的に誤解されている
多くの「クイックヒント」レイアウトリストは、フォントの厳格なルールを提案しています。各ルールは、「たった1つのフォントファミリー！ 等幅フォント 彼らは死んでいます！薄いフォントは絶対に避けてください！」これは熱気に他なりません。
タイプ、テキスト、およびフォントに関する唯一の正当な規則は、読みやすさの強化と適切な意味の伝達に焦点を合わせています。テキストが判読できる限り、さまざまな書体を使用する機会があるかもしれません。ザ・ UIデザイナー インターフェイスに実装されている各フォントの履歴、使用法、および設計意図を知る責任を負う必要があります。
タイプの読みやすさ：最高の女王
書体は意味を伝え、読みやすさに影響を与えます。デバイスの読みやすさのルールに関するすべての議論で、設計者はそれを忘れています タイプは設計されています テキストの本文に美的感覚を吹き込むこと。読みやすさは非常に重要です。これについては説明しないでください。ただし、それは明らかな目標である必要があります。そうでなければ、なぜ私たちはヘルベチカを超えた何かが必要になるのでしょうか？ ハイウェイゴシック ？
覚えておくべき重要なことは、フォントはさまざまな読みやすさのコンテキストのためだけに設計されているわけではないということです。それらはまた、意味を伝え、テキストの本文にユーモラスなニュアンスを与えるために不可欠です。
どんな価格でも細いフォントを避けるのは賢明ではありません
トレンドが過ぎ去った今、一般的なデザイン評論家は、薄いフォントを完全に避けることを提唱しています。しかし、もっと規制が必要ですか？目標は、書体の背後にある設計原則をより深く理解することではありませんか？
一部の設計者は、デバイス間で細かいフォントが読み取れない、または信頼できないと確信しています。正当なポイントただし、これは、フォントが読みやすさに関連する技術的な選択としてのみ理解される、ユーザーインターフェイスデザインの現在の議論における条件を表しています。読みやすさが唯一の設計上の懸念事項である場合は、薄いフォントを完全に削除してみませんか？
より包括的なアプローチは、薄いフォントが有利である理由とそのコンテキストを理解することから始まります。太くて太字のテキストは、実際には細いテキストよりもはるかに読みにくいです。ただし、太字のフォントは視覚的な重みが大きいため、見出しやテキストの少ないコンテンツに適しています。
細いフォントはセリフを使用することが多く、本文に適しています。どうですか？セリフ文字は、すばやく連続して表示すると一緒に流れるため、長時間の読書でより快適になります。
また、細いフォントは優雅さを伝えるためによく選ばれます。もし デザイナー 視覚的に洗練されたものを使命とするクライアントのためのインターフェースを作成するために採用された場合、その仕事をするためのより重い書体を見つけるのは難しいでしょう。
フォントは階層を確立するためにバリエーションが必要です
一般的なUIデザインエラーは、フォント間の適切なバリエーションを提供しません。フォントの変更は、インターフェイス内に視覚的な階層を確立するのに役立つ優れたナビゲーションツールです。一般に、最大の記事（または最も太字のフォント）が最も重要であり、最も視覚的な重みがあります。視覚的な重要性は、ユーザーがコンテンツのタイトルと頻繁に使用する機能を識別するのに役立ちます。
バリエーションが多すぎると、階層が損なわれます
特にインターフェイスに多くのフォントが含まれている場合に、各フォントの選択肢を一意にすることの問題は、何も目立たないことです。フォントが異なると、ユーザーが重要なコンテンツを認識したり、視覚的な秩序感を確立したりすることが難しくなります。
よくある間違い＃5：コントラストはデザインの治療法ではありません
多くの「トップバグ」リストに表示される一般的なスレッドは、UIデザイナーが低コントラストのインターフェイスを避けるように促します。確かに、低コントラストのデザインが読めず、効果がない場合が多くあります。しかし、薄いフォントについての私のポイントと同様に、私の懸念は、絶対的な言語の使用が均質で高コントラストのデザイン文化につながることです。
ハイコントラストのデフォルトは見落としです
高コントラストの画像は、紛れもなく高揚し、刺激的です。しかし、人間の感情の範囲内には、伝える価値のある状態がもっとたくさんあります。視覚的に刺激することも視覚的に安全です。
たとえば、現代の映画産業全体を考えてみましょう。 サイエンスフィクション 。視聴者を騙して興奮させる方法として、すべての作品が黒とネオンブルーの画像に変わったようです。より広い範囲の感情的反応を引き出す高コントラストおよび低コントラストの画像と物語を絡み合わせることがより効果的ではないでしょうか？
機能的には、インターフェイス内のすべての要素が別の要素と非常に対照的である場合、何も目立ちません。これは、階層ツールとしてのコントラストの潜在的な価値を打ち負かします。停滞したモダンなデザインを回避するには、ルールではなくツールとしてさまざまなデザインの動きを考慮することが不可欠です。
結論
せいぜい、デザインルールはガイドです。それらは意思決定のセキュリティを提供し、設計者に思慮のない選択の危険性について警告します。
それどころか、デザインルールは法律ではありません。それらは壊れないものではなく、確かに私たちの議論の余地のない降伏に値するものではありません。実際、デザインルールは、無謀に守られると、問題を創造的に解決する能力を弱める深刻な松葉杖になる可能性があります。
デザイナーは科学者ではありません。私たちが行うすべての美容上の決定について、経験的な証拠を提供する必要はありません。確かに私たちの職業は慎重な判断とプロセスの1つですが、本能と創意工夫の余地があります。実際、ホットコンテンツの乱雑な世界でクライアントを際立たせることができるかどうかは、新しい可能性を想像する意欲にかかっています。
私たちは実験しなければなりません。私たちは遊びなければなりません。
デザインルールは、視覚的な利点のために活用するために存在します。それらは曲がったり、壊れたりする可能性がありますが、盲目的に従わないでください。
