web-dev-qa-db-ja.com

グローバルな「アイテムの追加」ボタンをどこに配置しますか?

アプリケーションにグローバルな「新規Xを追加」ボタンを追加します(アクティビティのCRUDフォーム、アプリの基本的な「もの」が表示されます)。アプリケーションのどこからでもクリックでき、初めてのユーザーが簡単に見つけられるようにしたいと考えています。

どこに置けばいいの?私たちのウェブアプリには、ロゴが付いた永続的なトップバーと、高レベルのナビゲーションを含む左揃えのサイドバーがあります。

いくつかのオプション:

  1. トップバーのロゴの右側
  2. 一番上のバーの右端
  3. サイドバーのメインナビゲーションの上
  4. サイドバーのメインナビゲーションの下
  5. サイドバーの一番下
  6. 他の提案?

私はこれらの各オプションをWebのさまざまな場所で見ました(アプリフローは「タスクの追加」に#1を使用し、Gmailは「メールの作成」に#3を使用します...など)。

どの配置が最適ですか?これを特にうまく行うアプリケーションの例はありますか?

mockup

5

ポジション2に属していると思います。画面の非常に目立つスポットですが、左上はブランディング用です。

よく設計されたサイトの多くは、まさにそれを行っています。

StackExchangeの[質問する]ボタン: enter image description here

Twitterのツイートボタン(右側の羽ペンボタン) enter image description here

Google+共有ボタンを含むGoogleサイト: enter image description here

...などなど

6
jlarson

スポット#3に配置します。ボタンを左上隅に近づけると、ユーザーが左から右に読んでいるときにユーザーがボタンを探しに行かなくても見られる可能性が最も高い位置にボタンが配置されます(アラビア語など、対象読者が右から左の読者ではないと想定)。また、ボタンをメインナビゲーションの近くに配置します。これにより、ページが3つの異なるセクションに分割されます。上はブランディング、左はナビゲーションと新しいコンテンツの作成、右はコンテンツの消費です。

1
tblessander