脱メタボなWEBサイトのススメ 03 ブログサイドバーウィジェットが増えすぎている | デザインってオモシロイ -MdN Design Interactive-

脱メタボなWEBサイトのススメ 03 ブログサイドバーウィジェットが増えすぎている

2024.5.18 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

脱メタボなWEBサイトのススメ



check 03 ブログサイドバーウィジェットが増えすぎている

文=山田岳史(ROSTRATA.net)

カレンダー、最新の記事、月別、カテゴリ別、タグクラウド、おすすめ記事、人気ランキング……。自分のブログを運営していると、ついついサイドバーにいろいろな機能を盛り込みたくなってしまう【1】。

しかし、読み手の立場から見ると、本当にそれらすべての機能が必要だとは限らない。サイドバーのスペースが記事本文よりも長々と続いていたり、ブログパーツがページの読み込みを遅くしてしまっていることがある。ブログシステムの多機能化によってさまざまな形で別ページへの誘導機能を付けることは可能であるが、本当に必要かどうかを十分に検討したい。

しかしながら、どうしても必要な要素も見せ方によってスペースを省略することができる。たとえば、項目数の多いリストはinputによるプルダウンメニューにしたり【2】、jQueryなどを活用しマウスオーバーで伸縮するリストにするなど【3】、用事のないユーザーにはじゃまにならないような見せ方を工夫しよう。また、読み込みに時間を要するウィジェットであれば、できるだけHTMLを記述する順番をあとにしよう。その部分がボトルネックになり、メインコンテンツの表示が遅くなってしまうのを防ぐためだ【4】。



【1】
129-01


【2】
129-02


【3】
129-03


【4】
129-04 

  結論 サイドバーウィジェットは必要なものだけで、できるだけシンプルにする。



[INDEX]
>>> 01 トップページのナビゲーションの項目が多すぎる
>>> 02 詳細ページなのに情報量が少なすぎるページがある
>>> 03 ブログサイドバーウィジェットが増えすぎている
>>> 04 フォームの項目がむやみやたらと多すぎる
>>> 33 イメージ写真をそのまま使用している
>>> 34 下位レベルの見出しまで画像化している
>>> 35 見出し画像のフォントのウエイトが重い
>>> 36 広告が適切な位置にレイアウトされていない


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在