リモコンを操作するようなインタフェース

何の変哲もない一般的なブログかと思いきや、画面の下部にナビゲーションが固定されています。ブラウジングをしながら、ふとテレビのリモコンを操作している感覚と似ていることに気がつきました。ブログの普及によって、ある程度はお決まりのひな形というものが認知されているとは思いますが、内容はもちろん、デザインもインタフェースもブログごとに異なるため、必要な情報を探すタイムロスはどうしても出てきます。コーポレートサイトなどのデファクトスタンダードであるナビゲーションシステム、いわゆる「メインナビゲーション（或はグローバルナビゲーション）」もブログにはサイドコンテンツのカテゴリ一覧という位置づけで提供されているケースが多いので、ファインダビリティはやはり低くなります。Adii Rockstarでは、ナビゲーションを固定させているので、スクロールをする機会さえ与えれば、ナビゲーションをすぐに見つけることができます。「固定する」というテクニックは、割と簡単に実装できるし、アテンションとしてかなり有効なので覚えておきたいですね。そして、その後はテレビのリモコンを操作するように、見たいチャンネルを選ぶだけという手軽さが手に入り、一切のフラストレーションを感じずにブラウジングすることができます。情報がいくら分かりやすくても、見つけられないと意味がない、見つけやすさがあるからこその分かりやすさということが改めて確認できる良い事例です。

分かりやすさについてですが、Adii Rockstarのメインナビゲーションでは、文字情報だけでなく、色情報、アイコンなどを用いてより明解さを高め、アクセシビリティにも配慮された設計が成されています。それだけでなく、"Qyites"カテゴリの右隣にカテゴリ内を移動するための機能的なナビゲーションも用意されています。また、このメインナビゲーションに適用されているルールが、サイト全体でも反映されている点も素晴らしいです。例えば、各カテゴリの色情報は記事のアウトラインとして強調され、アイコンはアテンションとして上手く機能させています。そうした一貫性は、サイト全体の学習しやすさや効率を高め、ユーザーの情報探索経路を大幅に短縮させてくれるでしょう。