最近ではYahoo!のトップページにも採用されているタブ切り替え(ナビゲーション)ですが、UIデザインのポイントを誤ると、ユーザの利便性が一気に低下してしまいます。 ユーザにとって利便性の高いナビゲーションを作るための、「正しい」デザインのポイントを紹介します。 1.アクティブなタブとコンテンツを、領域として「結ぶ」 現在使用している領域とコンテンツ部分とが分離されていると、ユーザにとっては現在地が把握できなくなってしまいます。 必ずタブとコンテンツがセットになるように設計・デザインしましょう。 2.選択中のタブとそれ以外のタブの色を異なるものにする。 こうすることで、猟奇としての区別がより明確になります。 3.選択中のタブの文字は、フォントカラーも変更する これは必須というよりも、「やるとベター」という認識でよいと思います。 よりタブの選択を明確にするため処置ですね。 4.リンクはタブ全