web-dev-qa-db-ja.com

ユーザーをシンプルなUI(生産性アプリなど)に誘導するために明るい色が必要ですか?

これは OneCloudDrive と呼ばれるWindowsストア生産性アプリのスクリーンショットです。これは生産性の高いアプリなので、UIはシンプルで見やすいものにしようとしました。

これは本当に正しいアプローチですか?

ユーザーを引き付けるために常に明るい色が必要ですか?

微妙な色でUIをシンプルにしすぎると、UIは退屈で退屈になりますか?

enter image description here

3
Jack_2060

効果的なデザインはエキサイティングなデザインよりも重要です

これがユーザーに快適に学習して頻繁に使用してほしいシステムである場合、あなたの主な目標は、ユーザーがクラウドファイルをすばやくかつ操作できるようにするインターフェイス(色のセットを含む)を提供することです可能な限り効果的に。

その目標が達成されたら、製品のマーケティングの魅力を高めることができる詳細(色、アニメーションなど)を提供する方法の二次目標を決定できます。

注意を引くためだけに明るい色とハイコントラストを選択している場合、単純なファイル操作をしようとしているだけで、目をくらませる白地に白を読む必要があるユーザーにとって、インターフェイスが視覚的に邪魔になるため、主要な目標に違反する可能性があります。テキストまたはアイコン。

色を効果的に使用して、目的を達成しながら注意を向けることができます

  • スクリーンショットでは、アイコンが明るい青色になっており、ファイルが多数あるため、視覚的に気が散ります。青は、注意を引く以外の目的を実際に果たしていません。
  • 代わりに、青色を使用して、ホバーオーバーファイル、ドラッグされているファイル、ページタイトルなどを表示できます。これらの各ケースでは、純粋に装飾的な(そして潜在的に気を散らす)方法ではなく、機能的に明るい色を使用しています。

効果的で印象的なインターフェイスデザインの標準的な例は、ユーザーを引き付けるのに明るい色を必要とせず、基本的な形状(正方形、円)と機能的なミニマリズムを提供して使いやすさを重視しながら魅力を引き出すオリジナルのiPodです。

3
tohster

差別化は重要です

そのために「明るい」色は必要ありません。あなたの例では、青はナイスで明るいですが、ビュー全体はひどく単調でくすんでいるように感じます。ファイルの種類のアイコンは正しい方向に向かっていますが、すべて同じ色の四角形(1つを除く)で囲まれているため、影響は緩和されます。ユーザーとして、掘り下げる前にこのアプリをあきらめる傾向があります。

このビューでは、色が重要な差別化要因になります。各ファイルタイプに独自のアイコンand color(Word docのような青のバリエーションも)がある場合、ファイルをスキャンして特定のものを高速化します。

明るい色、パステル、アーストーンのどちらを使用するかは関係ありません。それが機能するための差別化です。

0
plainclothes

ユーザーがファイルを簡単に見つけられない(アプリの場合)か、アプリのさまざまな領域を区別できないという単純さを超えて作成しないでください。同様のアイテムを灰色のボックスにグループ化したり、さまざまな背景色との相互作用のアクティブな領域を表示したりします。 APP UIデザインで一般的に使用されます

あなたの例のように、私は青と紫の2つのファイルタイプしか見ることができませんが、そこにある画像アイコンはどうですか。画像と音声ファイルは同じように見えます...

私はUIデザイナです。通常、1つのプライマリカラーと1つのセカンダリカラーから始め、次に、これらの同じカラーのさまざまな色合いと色合いを作成して、より多くのカラーを手に入れることができます...

最近のアプリのデザイントレンドで2つまたは3つの異なるグレーシェードを見たことがあるかもしれません。

色の選択は、ユーザーがアプリを使用する時間の長さにも依存します

0
Ahsan Idrisi