2018年01月22日(月)

ナビゲーションバーのボタンのデザインで犯しやすい５つの間違い

• 0
• 39
• 48
• 75

ナビゲーションバーは、サイトでもっとも大切な要素の１つです。ユーザーは必要なコンテンツを探し出すとき、ナビゲーションバーを頼ります。ナビゲーションバーのボタンを正しくデザインしなければ、ユーザーに無駄な作業をさせてしまうかもしれません。

間違ったデザインだと、ユーザーがナビゲーションフローのどこにいるのかわからなくなり、困惑してしまうことがあります。また、ラベルやクリックボタンが読み取れないような間違いもあるでしょう。

これからナビゲーションバーのボタンのデザインで犯しがちな間違いを５つ紹介します。これらの間違いを犯している場合は、ナビゲーションバーをすぐに修正しましょう。

１. 選択したボタンが強調されない

多くのデザイナーは、ナビゲーションバーで選択したボタンを強調するようにデザインするのを忘れています。ユーザーはボタンをクリックする際に、選択したアクションに対して視覚的なフィードバックが必要です。

この機能がなければ、ユーザーはタスクフローのどこにいるのかがわからなくなってしまいます。似たような別のページを開いていることに気付かないこともあるでしょう。

author:

UX MILK

http://uxmilk.jp/

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

WordPressテーマ作成の時に覚えておくと便利なテンプレートタグ

         

NEXT ›

               

Webサイト制作時に使いたい！オシャレで使いやすいテーブルデザイン5選

関連記事

• Amazonで、翔泳社 Kindleゴールデンウィークセールが開催！ デザイン書・Web制作の解説書・イラスト関連のKindle本が半額で超お買い得
• この本を読んだら、Stable Diffusionで画像生成を思い通りにできるようになった！ かなりお勧めの解説書です -Stable Diffusion画像生成［本格］活用ガイド
• 初代とは何が違う？ Elgato Stream Deck MK.2 レビュー
• 電子メールのエクスペリエンスを一新するためにゼロから構築されたオープンソースのメールアプリ・「UnInbox」
• Webhooks-as-a-serviceとして提供されているオープンソースのwebhookサーバー・「Hook0」

Ads

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『ナビゲーションバーのボタンのデザインで犯しやすい５つの間違い』についてまとめています。

この記事は特にUXについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。