Home > UI（インターフェース） > ユーザビリティの高いタブナビゲーションを作る4つのポイント

ユーザビリティの高いタブナビゲーションを作る4つのポイント

Yahoo Japanタブナビゲーション

最近ではYahoo!のトップページにも採用されているタブ切り替え（ナビゲーション）ですが、UIデザインのポイントを誤ると、ユーザの利便性が一気に低下してしまいます。

ユーザにとって利便性の高いナビゲーションを作るための、「正しい」デザインのポイントを紹介します。

tab_connect[1]

現在使用している領域とコンテンツ部分とが分離されていると、ユーザにとっては現在地が把握できなくなってしまいます。
必ずタブとコンテンツがセットになるように設計・デザインしましょう。

tab_depth[1]
こうすることで、猟奇としての区別がより明確になります。

tab_font[1]
これは必須というよりも、「やるとベター」という認識でよいと思います。
よりタブの選択を明確にするため処置ですね。

tab_clickable[1]

これも忘れてはならない処置。
タブのメタファーを使用した時点で、ユーザは当然のごとくタブ全体がクリック可能であるという前提で行動します。

最近のエントリー

Comments:0

Home > UI（インターフェース） > ユーザビリティの高いタブナビゲーションを作る4つのポイント

About

Search

Categories

自作ツールなど（※随時公開）

ヤコブ・ニールセンBot

ユーザビリティ・Webユーザ調査の権威ヤコブ博士のTwitter bot。
これまでに発表した知見をつぶやいています。フォロー歓迎！

人気のエントリー

Archives

Feeds