サイト改善色々

    日常・時事

最近日々少しずつ試行錯誤しつつ各種サイト改善を行っています。主に2種類の視点の改善で、1つ目はサイト印象改善。デザイン面に関しては素人なので、変更したり戻した色々と試行錯誤しています。専門的にはちゃんと体系的な捉え方があるのでしょうが。意識したのは、ぱっと見で不自然と直感したことを改善すること。

改善した事:
・サイドメニューのメニュー項目間の縦幅を縮めること
・全ページにサイドにコンテンツ分類(写真、音楽などの粒度)の説明をつけたこと
・サイド緑色の枠はコンテンツ分類の説明でのみ使用すること(それ以外がオレンジ色に変更)
・領域が開放的すぎるので破線枠で囲う箇所を追加
・h2のバーのデザインを改善、
・文章の中で強調したい文字に色をつけたり太字にしたり強調、区別
・各カテゴリTOPページにも、サイトTOP同様のワイド画像を追加

これらによって、随分ページにメリハリがついたり、空白バランスの調整・色使いの統一によって、感覚的で何とも表現できませんが、バランスがとれて見やすくなったと思います。

もう1つの視点は、新しい時代のサイトらしい要素をつぎ込むこと。

・facebookシェア、イイネボタン、mixiチェック、google+ボタンなどSNSシェアボタンを追加
・TOPページ、カテゴリTOPページ画像をじわじわと表示(jQUeryを使用)
・一部の画像を「ローディグ」表示で動きを出す(jQuery)
・翻訳ボタンを設置(jsコードのみで設置はとても簡単)
・TOPページ等一部のページのサイドに、twitterの最新ツイートを表示

これらにより近年インターネット利用の中心に移行しつつあるSNS系に共有・連携しやすくなったほか、完全に静止したページ印象だったことが改善されたり、単調すぎたページに賑やかさが付加されたと思います。今までで比較的大きな効果のある改修だったと思います。

直感に頼る部分が多かったりまだまだ試行錯誤の連続ですが、良いサイトを目指して頑張っていきます!

P.S.
スマートフォン用サイトも作成中です。

   

↓拍手ボタンを押して頂けるととても励みになります。


みやだいのプロフィールアイコン

Written by みやだい

ファゴットが好きな「みやだい」です。コントラファゴットやファゴッティーノやバソンも所有。真面目マイペース平和主義、前向きでいたい。
X(旧Twitter) → @iadayim



記事へのコメント

\コメントを書く/

※絵文字は対応していません。
※攻撃的、乱暴なコメントはしないで下さい。

名前 (必須)

コメント (必須)

Newer >>  ひこうき(2012/06/22)