Webサイトを見やすくする方法5選！ ～帽子掛けで情報を整理しよう～

「5選」と書きましたが、これは僕が選んだものではありません。

リチャード・ソール・ワーマンという人が提唱した「５ハットラックス」という理論があります。

「ハット」は帽子、「ラックス」は棚ですから、「５ハットラックス」は、「五つの帽子掛け」という意味ですね。

この、リチャード・ソール・ワーマンという人は、情報デザインの先駆者的存在の人です。

この理論の中で彼は、情報を整理するための、以下の５つの方法について述べています。

位置による整理

情報の位置関係を再現した形で画面上に表示することにより、読み手に理解しやすくする手法です。

たとえば以下のGoogle Maps。

東京スカイツリーを中心として、周囲の代表的な建物が表示されています。

周りの建物をクリックすると、その詳細情報を見ることもできますね。

その文字列を地図上に、実際の位置関係に忠実に並べることによって、読み手にぱっと見で情報が伝わりやすくなります。

明確な位置関係があるものを画面上に並べるときには、その位置関係に従った形で情報をならべるのが得策でしょう。

アルファベット・あいうえお順

これは言わずもがな。

情報量があまりにも多いときは、この整理方法が便利です。

あまりに情報が多い場合は、アルファベット順やあいうえお順で並べないと、ユーザーは情報を探すことができませんね。

時間軸での整理

時系列に応じて、情報を並べていく方法です。

SNSなどの「タイムライン」と呼ばれるものがこれにあたります。

新しい情報ほど上に表示され、古い情報は下の方に配置されていきます。

リアルタイムで、新しい情報をユーザーに見せたいときは、この手法が最適です。

カテゴリ分け

これは以前の記事で紹介したものですね。

選択肢はカテゴリ分けをしよう >>

ジャンルによるカテゴリ分けをすることで、選択の際のユーザーのストレスを軽減する方法でしたね。

ユーザーは「選択肢が多すぎると、選ぶことを放棄してしまう」ということがシーナ・アイエンガー氏の実験によって明らかになっていますから、積極的にカテゴリ分けを行い、ユーザーには段階的に選択をしてもらうようにしましょう。

階層型による整理

項目それぞれに順位などをつけ、表示する手法です。

たとえば、このブログの「人気の投稿」では、閲覧者が多い記事程、上に表示されています。

まとめ

いかがでしたでしょうか。

皆さんも、Webコンテンツを作成される際は、「どのような軸で情報を整理するのか」ということを考えながら作成すると、ユーザーにも見やすいコンテンツが作成できるかもしれません。

リチャード・ソール・ワーマンさんの、「5ハットラックス」で紹介されている手法は、以下の５つでした。

• 位置による整理
• アルファベット（あいうえお）順
• 時間軸による整理
• カテゴリ分け
• 階層型による整理

本記事が、皆さんのWebサイト作成のお役に立てば幸いです。

最後まで読んでくださり、ありがとうございました。