web-dev-qa-db-ja.com

UIのシンプルさと複雑な要件

私はニッチなソーシャルネットワーキングウェブサイト用の比較的複雑なインターフェースを作成している最中です。UIの満足できるレベルのシンプルさを実現するのに苦労しています。

「モダン」なデザイントレンドはシンプル/ラージ/ボールド/クリアを支持し、モバイルから複数のデバイスをサポートする必要がある(したがって、ピクセルの完全性を忘れる可能性がある)ことを考えると、機能性は単にそこにある必要がありますが、合計の合計は圧倒的、またはおそらく技術的過ぎ、そしておそらく少し古臭く感じます。

これは私の最初の投稿であり、この質問が少し曖昧であることを理解しています。 UIの複雑さを処理するための実用的な手法について、単に「できる限りすべてを削除する」ことを除いて、興味があります。

7
Tom

明確な視覚的階層を作成します

52週間のUX
tuts plus

これは基本的に、ページの最も重要な部分を、サイズ、色、コントラスト、空白の使用、他のアイテムとの近接性などのさまざまな手法によって最も明確にすることに分解されます。
通常、ページの最も重要な部分は、見出し、コンテンツ、プライマリナビゲーション(またはその最も重要な部分)です。
そして、重要性が低くなるほど、アイテムは目立たなくなります。これは、ユーザーが最初に焦点を当てるべきではないというだけの理由で、それらを非表示にする必要があるという意味ではありません。

すぐに関連するものだけを表示するようにしてください

たとえば、コンテンツをフィルタリングするための多くのオプションがある場合、クリックするとすべてのフィルタリングオプションを備えたパネルを表示する「コンテンツのフィルタリング」のための単一のボタンを持つことができます。このようにして、UIの一部は実際に必要になるまで非表示になります(ただし、すぐに利用できます)。
スタック交換の質問/回答フィールドの右上にある黄色のヘルプボタンは、この良い例です。すでに知っている上級ユーザーや、追加のマークダウンオプションを気にしない人はそれを無視できますが、それを必要とするユーザーは追加のヘルプをすぐに利用できます。

ユーザーテスト

ユーザーから良いフィードバックを得ることに代わるものはありません。非常に重要である、または問題であると考えたことが重要ではないことが判明すると、システムの全体的な側面が変わる場合があります。
覚えておいてくださいあなたはユーザーではありません

その他のアイデア

プログレッシブエンハンスメントを使用してください。 ( smashing mag および tech republic を参照)

個々のユーザーの使用方法から学習し、それに応じて調整する アダプティブシステム の実装を試すことができます。たとえば、アイテムの使用頻度に応じて、アイテムの目立ち具合を減らしたり増やしたりします。これは非常に複雑になる可能性があります(ただし、必ず複雑にする必要があります)。

コンポーネントを個別のステップ/ページに分割すると、各ステップにより集中できる場合があります。

もちろん、「絶対に必要なものがなくなるまで減らす」は優れたデザイン哲学であり、見た目を犠牲にする必要はありません。

これらはvery広範なトピックとは何かについてのほんの一部の提案です。

9
Tims

私は2つの原則を強調します。ユーザーを知ることと、優雅な低下です。ユーザーを知ることは、ユーザーが何を必要としているか、したがって設計で何を優先すべきかを確立するのに役立ちます。ペルソナを作成することは、これに役立ち、プロジェクトに共通の理解をもたらすことができます。また、主要なペルソナを持つことで、主要なユーザーが誰であり、そのニーズと機能を明確に理解できます。

優雅な低下とは、アプリケーションが常に機能し、主要な機能が常に利用可能であり、ユーザーのデバイス/プロファイルがより複雑にアクセスできる場合(JavaScriptを利用できるユーザー向けのJavaScriptなど)、エクスペリエンスが強化されることを意味します-なしない人に悪影響を与えます。

1
Peter