2018年01月22日(月)

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

• 0
• 39
• 48
• 75

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

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

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

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

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

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

author:

UX MILK

http://uxmilk.jp/

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

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

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

         

‹ PREV

               

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

         

NEXT ›

               

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

関連記事

• 海外で話題沸騰中！イマーシブラーニング（没入型学習）とは？特徴や事例(国内外)をわかりやすく解説
• Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能
• TailwindベースのWebサイトやアプリ向けに作られたノート感覚で使えるWebエディター・「Layouts」
• Kindle本の特大セールが開催！ Figmaの解説書、UIデザイン、フロントエンド開発が最安値でお買い得です
• Web制作者は要チェック！ Chrome 130で新しく追加された4つのCSSの機能

Ads

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

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