サイト改善色々
最近日々少しずつ試行錯誤しつつ各種サイト改善を行っています。主に2種類の視点の改善で、1つ目はサイト印象改善。デザイン面に関しては素人なので、変更したり戻した色々と試行錯誤しています。専門的にはちゃんと体系的な捉え方があるのでしょうが。意識したのは、ぱっと見で不自然と直感したことを改善すること。
改善した事:
・サイドメニューのメニュー項目間の縦幅を縮めること
・全ページにサイドにコンテンツ分類(写真、音楽などの粒度)の説明をつけたこと
・サイド緑色の枠はコンテンツ分類の説明でのみ使用すること(それ以外がオレンジ色に変更)
・領域が開放的すぎるので破線枠で囲う箇所を追加
・h2のバーのデザインを改善、
・文章の中で強調したい文字に色をつけたり太字にしたり強調、区別
・各カテゴリTOPページにも、サイトTOP同様のワイド画像を追加
これらによって、随分ページにメリハリがついたり、空白バランスの調整・色使いの統一によって、感覚的で何とも表現できませんが、バランスがとれて見やすくなったと思います。
もう1つの視点は、新しい時代のサイトらしい要素をつぎ込むこと。
・facebookシェア、イイネボタン、mixiチェック、google+ボタンなどSNSシェアボタンを追加
・TOPページ、カテゴリTOPページ画像をじわじわと表示(jQUeryを使用)
・一部の画像を「ローディグ」表示で動きを出す(jQuery)
・翻訳ボタンを設置(jsコードのみで設置はとても簡単)
・TOPページ等一部のページのサイドに、twitterの最新ツイートを表示
これらにより近年インターネット利用の中心に移行しつつあるSNS系に共有・連携しやすくなったほか、完全に静止したページ印象だったことが改善されたり、単調すぎたページに賑やかさが付加されたと思います。今までで比較的大きな効果のある改修だったと思います。
直感に頼る部分が多かったりまだまだ試行錯誤の連続ですが、良いサイトを目指して頑張っていきます!
P.S.
スマートフォン用サイトも作成中です。