本の目次とWebナビって、実はそっくり？

本を読むとき、まず目次を見るよね？どこに何が書いてあるか、パッと分かるアレ。実はこれ、Webサイトのナビゲーションとそっくりなんだよ〜！

本の目次は章・節っていう階層構造でできてて、Webでいう「グローバルナビ」と「サブナビ」みたいな関係。章がトップメニュー、節がその中のサブ項目って感じ。

たとえば下の画像を見てみて：

このサイト、メニューが上に並んでて分かりやすいよね？これが本でいう「目次」ポジション！

それに見出しの文字サイズや余白って、情報の大事さを表してる。大きい見出しは重要、小さいのは補足。これもWebと同じ。だから、パッと見で「どこを読めばいいか」が分かるってわけ。

逆に、分かりにくい本とかサイトって、見出しが小さかったり、余白がギュウギュウだったりして、ごちゃごちゃして迷っちゃう。下の画像がまさにその例：

うーん、目がチカチカする〜。

だから、Webでも本でも、**「情報の設計」**ってめっちゃ大事。階層を分かりやすく、見た目もすっきり。そうすれば、読み手もユーザーも迷わずスイスイ進めちゃうよ！

引用元：

https://note.com/akane_desu/n/nd079b5e83727

https://pixabay.com/photos/glasses-book-education-eyeglasses-1052010/