インターフェースの視覚的な流れはどのくらい重要ですか?


8

私は最近、インストーラーアプリケーションの設計について友人と会話しました。その視覚的な流れがわかりにくいと指摘しました。それは私の目を左から右へ、そして上へ、そして下から左へ、そして最後に右へと導きました。彼は視覚的な流れがグラフィックデザインにとって特に重要であるとは思わないと彼は答えた。明確な方向性と要素間の流れを持つことは、グラフィックデザインで重要ですか、それとも他の側面と比較して重要ではありませんか?


4
ユーザーインターフェイスのコンテキストで行をリードすることの意味がわかりません。通常、この用語は写真に関連して使用され、画像自体にユーザーが従う視覚的な線が含まれます。ユーザーインターフェイスは画像ではなく、目はインターフェイスにある幾何学的な線ではなく、インターフェイスの論理レイアウト(テキストの流れ:左から右、上から下へのスキャンなど)に従う傾向があります。
Calvin Huang

4
スクリーンショットは、目前の問題を説明するのに大いに役立ちます。
フィリップリーガン2011年

丁度。何が主要なラインは?見出しなどについて話しているのですか?基本的に行の高さであるリードについて質問していますか?
Robert Koritnik、2011年

問題は用語だと思います。質問を編集しました。
Computerish

回答:


6

インターフェイスの視覚的な流れ重要であり、その理由は次のとおりです。

  • すべてのインターフェース画面には、実行される1つまたは複数の主要なアクションが必要です。視覚的な流れは自然に主要な行動に目を向けるべきです。
  • 目が移動する距離が短いほど、インターフェイスが理解しやすく、使いやすくなります。フォームデザインに関する研究(pdf)は、上揃えのラベルを持つフォームが左揃えまたは右揃えのラベルを持つフォームよりも迅速に完了するため、これを裏付けています。
  • 紛らわしい、または拡張されたビジュアルフローは、ユーザーの不満を増大させます。継続的なフラストレーションと時間の認識されたコストとタスクの達成を比較検討しているため、多くのユーザーはタスクを放棄します。
  • 放棄されたタスクが多いほど、変換は少なくなります。あなたの友人の場合、それはより少ないインストールを意味します。要するに、彼は良いデザインを無視することによって彼の収益を傷つけています。

このトピックで私が見た中で最も優れたリソースの1つは、StomperNetによるビデオシリーズです(売り込みは無視してください。ビデオは、それに値するものです)。ビデオの焦点はWebサイトの変換を改善することですが、あらゆるデザインに適用できる科学的根拠を持つ多くの確固としたデザイン原則があります。

ビデオが気に入らない場合は、この調査、アイトラッキングデータからのWebユーザビリティの問題の特定(pdf)を確認してください。これは、視覚の流れが悪いことに起因する特定のユーザビリティの問題を明らかにしています。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.