web-dev-qa-db-ja.com

フラットなデザインは、実行可能なオブジェクトのアフォーダンスを減らしますか?

フラットなデザインには、視覚的にシンプルで認識しやすいなど、多くのメリットがあります。ただし、フラットなデザインがすべての状況に対応できる万能のソリューションであるとは思いません。

フラットデザインのボタンやアイコンは、通常、単純なストロークでデザインされます。シンプルなユーザーインターフェイスの場合、フラットなデザインはユーザーの視覚的な負担を軽減するため、優れたデザインです。

しかし、多くのガジェットを含むインターフェースの場合、フラットなデザインは良い考えではないと思います。たとえば、フラットなデザインの傾向にあった新しいiOS 7は、私が思うに使いにくいエクスペリエンスを作成しました。多くの場合、デザイナーである私でさえ、テキストが実際にクリック可能なボタンであることを認識していませんでした。

同じボタンにグラデーション/ドロップシャドウがある場合と同じように、フラットなデザインでユーザーがアクション可能なオブジェクト(ボタンなど)をすばやくまたは正確に見つけることができることを示す調査はありますか?

10
Jhz832

私の解釈では、人々は新しいコンピュータインターフェースの世界に慣れつつあり、彼らはもう手を握るために比喩を必要としません。ボタンを押すことができることを知るために、ボタンとまったく同じである必要はありません。ボタンを認識するために必要な情報がはるかに少ないため、ノイズの一部を取り除くことができます。

これは、新しいテクノロジーが登場したときによく見られるパターンです。これは非常に古い例です: The Origin of some of the Latin alphabet

最初は、シンボルは直接(漫画の場合)の表現です。その後、ゆっくりと外的な意味を失い、私たちの慣習(共有言語)によってより明確になり、外部の概念への参照がなくなります。

これがフラットデザインで起こっていることです。アフォーダンス自体は失われていません(デザインが優れている場合)。オブジェクトの機能を示すために、より微妙な手がかりの共通言語を使用しているだけです。

真のアフォーダンス(ノーマンの本来の意味で)がインターフェースオブジェクトで見つかることはほとんどありません。ドアは、ハンドル(およびプッシュプレートのみ)を提供しないことにより、それを引っ張ることを禁止する場合がありますが、インターフェイス要素がそれほど強力である場合はほとんどありません。彼らはより簡単な手がかりを使用して通信します。長い間、これらはより馴染みのあるテクノロジーに基づいていましたが、コンピューターインターフェースが一般的で具体的なインターフェースが少なくなるにつれて、これらの参照はあまり役に立ちません。

フラットデザインの言語は、ハイコントラストボックス、丸みを帯びたコーナー、色の使用、コンテンツベースのナビゲーションなどの手がかりに依存しています。私はそれをアフォーダンスの低下とは考えていませんが、メタファーとしての有用性が低下している古いテクノロジーへの参照として。今日(第一世界の国で)生まれた子供がデジタルボタンを押してから、実体のある昔ながらのボタンを押すと思います。

新しいテクノロジーは常に古いテクノロジーの言葉で表現されています。電話が最初に発明されたとき、それはあなたがあなたの新聞をあなたに読んでもらうためにあなたが呼ぶことができるニュースサービスとして売り込まれました。ある時点で、これらの制約から解放され、独自の条件で見られるようになります。それがインターフェースで起こっていることです。

したがって、私の答えは次のようになります。フラットなデザインは、アフォーダンスの必要性が少なくなり、インターフェイスのメタファの効率が低下した場合の対応です

9
Peter

Jakob Nielsenによる、フラットデザインとWindows 8を実行するタブレットでのユーザビリティテストの結果についてコメントした2つの有名な記事

http://www.nngroup.com/articles/tablet-usability/

http://www.nngroup.com/articles/windows-8-disappointing-usability/

フラットなデザインが視覚的アフォーダンスの損失につながる方向の両方のポイント

私の2セント。この主題について私が見たすべての議論は、さまざまなスタイルを抽象的に分析することに基づいています(これは、これとそれをよりよく提供します...)。ただし、UXデザイナーとして、重要な側面はしばしば無視されると思います。新しいスタイルは、ユーザーインタラクションの観点から何を意味しますか?

私が見るように、40年近くの間、私たちは人々がコンピュータと対話するための言語を集合的に作り出しましたが、これは現在ではユーザーコミュニティに深く根ざしています。ただし、フラットなデザイン-特に、あまり考えられていない-が、支配的な傾向に打ち勝つための美的傾向を備えているため、確立されたユーザーインタラクションプラクティスで(意図しない)破裂をもたらしました。そのため、ユーザーの問題の増加は予想されるだけでした。

6
Jay Mann

これについて考慮すべきことがいくつかあります。私たちが知っているように、フラットなデザインはフロントエンド内のビジュアルデザインの実装に役立ちます。シンプルさのため、少なくともWebでは、CSSだけでほぼすべてのことが可能になります。

それは、他のあらゆるデザインスタイルと同じように、それをどのように扱うかに依存します。最も重要なことは、あなたのデザインがいかに首尾一貫しているかです。重要なアクションには特定の色がありますか?ボタンはすべての画面で1か所にありますか? iOSのアプローチと、Windows 8+またはAndroidのアプローチは、フラットなデザインのさまざまな面をとっていますが、それらの明確なガイドラインと一貫性は、すべてが何であるか、それがどのように機能するか、そして何が何であるかを知るために十分に明確にします彼らのためです。

0
mvgraph