どや!?ブログリニューアル ~参考になるかもしれないポイント~

01 4月

  • このエントリーをはてなブックマークに追加

デザインどや!?リニューアル

2011年4月1日「デザインどや!?」をリニューアルオープンいたしました。運営しているうちに、サイトの改善点が幾つか見えてきました。問題点と合わせてリニューアルポイントを書き留めておきます。

リニューアルのポイントは、使いやすさの向上と情報整理です。
レイアウト・デザイン・機能・運営のカテゴリに分けてご紹介します。

①レイアウト

一番最初に改善したかったのはカラム数です。
リニューアル前は、3カラムで文字が敷き詰まっています。
折角サイトに来ていただいても、読みにくいし窮屈な印象を与えてしまいます。

リニューアル前

ちなみに、なぜ3カラムにしたのかというと、“できそうに見えたから”という残念な考え・・・。
“できる”“できない”は、投稿者の実力と記事の質なんですよね。
ということで、今回は見やすさ&使いやすさ重視で2カラムに変更しました。

②デザイン

スペースを適度に使って読みやすくを意識しています。
デザインテイストは“ミニマル”なイメージで。

配色はモノクロがベースです。ここは開設するときから変わらない部分。
色付けは写真とソーシャルアイコンにお任せで、写真が映えるようなサイトに。
文字サイズは若干大きくしました。

リニューアル後

③機能

最新エントリー

写真+タイトル+抜粋を表示するようにしました。
抜粋を入れることで、記事に何が書いてあるのかある程度把握できるところがメリットです。前よりは確実にクリック率が増えると思います。

最新エントリー

人気エントリー

新しく追加した人気エントリー。はてなブックマーク数を基準にして1~5位までを表示しています。
まだまだ、ブックマーク数は少ないですが、4月からは記事の質を上げていくので、どの記事が上位に来るか楽しみです。

人気エントリー

シェアアイコン

最近になり、リツイート数やはてなブックマーク数、RSS登録者が増えてきました。
もっと沢山の方にシェアしていただけるよう、各所にシェアアイコンを追加。

シェアアイコン

オリジナル要素

他のブログには無いのが「NEWS CLIPPINGカテゴリー」。
簡単に言うと、webで話題になっている事や参考サイト、無料で手に入れられるアイコン素材をブックマークしていきます。

NEWS CLIPPING

これらの記事にタグを付けることで、欲しい情報を一覧で見ることが出来るようにしました。例えば、タグのアイコンをクリックすると、フリーアイコンがダウンロードできるサイトが一覧で表示されます。

NEWS CLIPPING:アイコン

ヘッダーメニューがオススメタグ一覧になっているのでご活用下さいませ。

ヘッダーメニュー

④コーディング

推奨ブラウザ

このサイトのターゲットはweb関係者になります。
恐らく、最新ブラウザを使っていると思われるので、旧ブラウザを捨てることにしました。
おかげ様でコーディング時間が大幅に短縮。
旧ブラウザで表示させた際には、推奨ブラウザがでるように設定しています。

推奨ブラウザ

プラグイン

30個以上インストールしていたプラグインを18個に。
デフォルトのテーマを改造していき、できるだけプラグインを使わずに構築しています。
どうしても必要なものを厳選して採用しました。

プラグイン

⑤運営

2010年5月19日 にオープンしたときの目的はこんな感じ。

【ブログの目的】
・世界のWebデザインに触れて、デザイン力を向上
・WordPressに慣れて、自由にカスタマイズできるようになる
・未来の自分の財産にする

これは達成できたかなと思います。
次のステップは、どやブログを周知してもらうこと。
はてなブックマークやtwitter、facebookを活用して沢山の方々に見ていただけるように、モチベーションを上げて楽しく更新していきます。

今後とも、どうぞ宜しくお願いいたします。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL