インターフェイスの反射

画像

インターフェースに関するいくつかの考えを共有したいと思います。時にはヒントやコメントに変わります。 私たちは常にさまざまなオンラインサービスに出会うので、インターフェイスと言えば、デスクトップアプリケーションの古典的なウィンドウだけでなく、Web上のインターフェイスも意味することに注意してください。 この情報が誰かに役立つことを願っていますが、より経験豊富な人にとっては、すでに知っていることの便利な言葉遣いにすぎません(ちなみに、これは実践からもわかるように非常に便利です)。



インターフェイスデザインは、グラフィックデザイン、さらにはビジュアルアートとほとんど共通点がないことに注意してください。 そして、色、形、オブジェクトの理論に関する知識だけでは十分ではありません。





設計段階でインターフェイスの作業を開始する必要があります。正確には、「相互作用設計」段階で、それ以外の場合はネジ留めボタンとサイコロになります(以前は、ポートフォリオ内の多くのデザイナーがすべてのwinampのカスタムスキンをぶら下げ、それをインターフェイスデザインと呼びました)。 一般に、この問題では、ユーザーとそのニーズから、彼の行動から正確に行くことが最善です。 私たちが彼に与えたい機能の山からすべてを抽出します。 彼の行動の主なシナリオが何であるか、そしてどこで何をクリックしたいかを想像する必要があります(少なくとも内部使用のために文書化する方が良いです)



ビジュアルインターフェイスの基礎はビジュアルテンプレートです。

インターフェースを見ると、ユーザーは「何がおもしろいですか?」という質問をし、ほとんどすぐに「これらのオブジェクト間の関係は?」という質問をします。 そして、はい-彼はこれらの質問に対する答えをすぐに得るべきです。 要素間の接続は、インターフェイスの使用中常に同じである必要があります(すべてのツールチップを十字で閉じている場合、どこかで[閉じる]ボタンを入力する必要はありません)。 ユーザーは、特定の要素のグループ、それらがどのように、どこで動作するかに非常に早く慣れ、このエクスペリエンスをこのインターフェイスのすべてのページと画面に適用し始めます。



視覚的な階層を作成する

ユーザーは、定性的な視覚的階層にほとんど気付きません。 カトー、彼女の不在はすぐに明らかであり、混乱を引き起こします。 要素は多くのプロパティを持つことができ、その変更により、それらを選択して関係(色、彩度、コントラスト、サイズ、位置)を確立できます。 ただし、そのうちの1つのみを使用することをお勧めします。 そして、特定の「ベース」を選択し、そこから小さい側に移動する価値があります。 つまり 重要度の異なる2つの要素がユーザーの注意を奪い合うことがわかった場合、重要度の低い「芯を締める」ことは、重要度の高い「再燃」を試みるよりも優れたソリューションになります(すべての単語が太字である場合、それらの1つもありますか?)



論理的なルートを忘れないでください

すべての要素の構成は、グリッドに従う必要があります(配置とグリッドは一般に設計において最も重要な手法の1つです)だけでなく、インターフェイスを介したユーザーにとって効果的かつ論理的なルートを形成する必要があります。 この場合、視線は上から下、左から右に移動するという事実を覚えておく必要があります(西洋言語の場合)。 この場合、目の動きを追跡するための技術は(もちろん、利用可能な人にとって)非常に役立ちますが、非常に明白な失策は、人々のグループでの簡単なテストでも捕捉できます。

画像








視覚的な「ノイズ」を避ける

インターフェイスに視覚的なノイズが発生するのは、機能に直接関連する要素から注意をそらす過度のグラフィック要素が原因です。 オプションの装飾的で過度に「ボリュームのある」要素、コントロール間の線やその他のセパレータの乱用、色、テクスチャ、コントラストの不適切または過度の使用-これらはすべて、最良の方法でインターフェースに影響を与えません。



最後に、私は再び美しさと機能性のトピックについて話します。 デザイナーはアーティストではありません。 アーティストは、「審美的な反応」を呼び起こすオブジェクトを作成しますが、これは特定のトピックに関する自己表現です(ただし、多くの現代の「デザイナー」は、できるだけ分かりにくく抽象的なものを作成しようとします)。 対照的に、デザイナーは他の人のためにオブジェクトを作成します。 そして、インターフェイスデザイナーについて話をする場合、彼らは最良の方法で、彼らがデザインするプログラムまたはサービスがどのように機能するかに関する情報を伝えるべきです(描画、装飾、整頓などではなく)。

Aytronicでは、これらすべての考えをクライアントに積極的に伝えようとしていますが、これまでのところさまざまな成功を収めています。 残念ながら、多くの人はデザイナーの仕事を、解決された意味やタスクではなく、「画面に注がれた塗料の量」によって判断し続けています。



All Articles