web-dev-qa-db-ja.com

「ユーザーオプション」を使用したメニューモックアップの提案

現在、Webアプリケーションのメニュー用に次のモックアップがあります。

mockup

メインメニューとサブフライアウトメニューのある左側が好きです。よくわからないのは右側です。ユーザーの名前、ログアウトボタン、およびユーザーが実行できるオプションの「ドロップダウン」スタイルメニューを表示したいのですが、プロファイルを切り替えてアカウントを編集します。プロファイルは、アプリケーションのコンテキストを変更するだけです(異なるスケジュールなど)。

これを最もよく表す方法について、いくつかのコメント/提案をお願いします。私は32x32のアイコンが好きです。それらは素敵で大きいです(大きすぎず、小さすぎません)。唯一の欠点は、ホワイトスペースです。これは、右側で対抗しようとするものです。しかし、「オプション」のドロップダウンは理想的ではないかもしれません。

4
TheCloudlessSky

@jameswanlessに同意します。ホワイトスペースのマイナス面も見当たりません。それはかなり良いバランスです。

正しいメニューの主なことは、それが誰に属しているかを簡単に判別できないことです:オプションまたはログアウト。この変更されたモックアップを参照してください:

alt text

主な変更:

  • これが[オプション]メニューであることが明確になりました

  • 少し大きい三角形を選択しましたが、おそらく1ピクセルまたは2ピクセルを細くする必要があります。それも平らな三角形です。あなたが持っていたものは小さすぎて平らな三角形以外には何もできません

  • 三角形を右に移動しました。それははるかに一般的な使用法です

  • 左側のメニューにあるようなグラデーションを追加します

全体として、すてきなすっきりとしたデザインのIMHOがあります。

4
Hisham

なぜ空白がマイナス面だと思いますか?現在、私見はスペースのバランスがかなり良いです。

上記のモックアップについて少し混乱しているのは、アイコンの意味です。プロファイルのリンクとドロップダウンはかなり明確だと思いますが、アイコンについては:

  • homeとcaledarはどちらもかなり明白です
  • 人を表すアイコンは不明確で、他のユーザーまたはプロファイルに関するものとして解釈される可能性があります-プロファイルは右側に明確に示されているため、これで問題ない可能性があります
  • 棒グラフ-これはわかりませんが、アプリケーションに関するより多くのコンテキストが役立つかもしれません
  • メモ帳-これはブログ/ジャーナルを示していますか?そうでない場合、何ですか?
  • 歯車-これは通常、設定を提案しますが、そうであれば、これはユーザープロファイル設定とどのように異なるのですか(私が正しい場合、サイト設定とユーザー設定をブレンドするか、それらをより明確にする必要があるかもしれません

ここでどのようなアプリケーションについて話しているのかを知らずに適切なフィードバックを提供することは困難です。

0
jameswanless