category
サイト構築 -ユーザビリティ

あなたのブログを魅力的にする8つのデザインエレメント

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

今運営しているブログをより魅力的したい、これからブログをつくる、という人向けにブログに必要な8つのデザインエレメントをSmashing Shareから紹介します。

サイトのキャプチャ

8 Design Elements Your Blog Should Have

はじめに

ブログのユーザーを幸せにし、あなたのコンテンツに関心を抱くようにしておくために必要な特定のデザインエレメントがあります。
ユーザーは記事を簡単に読め、素早くコメントができ、TwitterやFacebookのアカウントでシェアできることを期待しています。

ブログのデザインはクリーンで、整合性のあるレイアウトを持たせます。ユーザーは今より高い期待をもって、そして容易にブログを読み、探しているものを見つけ出し、そしてナビゲートすることを予期しています。
もし、あなたがブログを管理するならば、これら8つのデザインエレメントを利用しているかどうか見てください。

1. RSS/E-mail購読

ブログの読者を築くためには、簡単にアクセスができるオプションとして定期購読が可能なようにします。ユーザーにブログの定期購読ができるように、RSSやメールなどを利用します。
定期購読のインフォメーションは、ヘッダやフッタ、サイドバー、個別記事などで目立つように配置します。

サイトのキャプチャ

Smashing Magazine

2. 独自性のあるヘッダ

ブログを印象的ににするためにも、独自にデザインされたヘッダを作成してください。これは競争相手と差をつけるチャンスです。
ヘッダには下記の要素を検討してみてください。

  • ロゴ
  • RSS/Twitterのインフォメーション
  • 定期購読のオプション
  • 検索機能
  • ソーシャルメディアのアイコン
  • バナースペース(オプション)
サイトのキャプチャ

Webdesigner Depot

3. 分かりやすいナビゲーション

ナビゲーションが分かりにくいと、ユーザーが興味をもっているかもしれないコンテンツを見つけ出すことができないかもしれません。カテゴリを整理し、分かりやすいナビゲーションを設置してください。

サイトのキャプチャ

Smashing Magazine

4. コメント

ブログの人気の一つに、ユーザーが記事に対して自由にコメントできることがあります。コメントは可能な限り簡単に利用できるようにしてください。

サイトのキャプチャ

Disqus

5. ソーシャルメディアのアイコン

もしコンテンツが簡単にシェアできないものであるなら、ユーザーを築くことはもっと難しいことです。多くの人と情報をシェアするためにも、ソーシャルメディアを利用してください。

サイトのキャプチャ

Speckboy

6. グラフィックのガイドライン

ブログのレイアウトとコンテンツのスペースによって、画像のサイズの最大値は決まってきます。使用する画像のサイズは一貫したものにしてください。

7. スポンサーのスペース

ブログが大きくなるにつれて、スポンサーのスペースが必要になるかもしれません。ある程度目立つ配置としては、多くのサイトでサイドバーに配置しています。

サイトのキャプチャ

Smashing Magazine

8. リッチなフッタ

フッタはページの一番下にありますが、これはユーザーをコンテンツから離さないようにしておくチャンスです。ユーザーの中にはサイトマップを探すために、実際にページの最下部までスクロールするユーザーもいます。
フッタには下記の要素を検討してみてください。

  • 最近の記事
  • 人気が高い記事
  • カテゴリのリンク
  • リンクの依頼、プロモーションなど
  • バナー広告
  • RSSとソーシャルメディアのアイコン
  • 連絡のインフォメーション
サイトのキャプチャ

Speckboy

Post on:2010年3月11日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

10時のヘッドライン | CROSS SBM
on 2010年3月11日

[...] – file-glob こと k.daibaの日記はてブ:6 あなたのブログを魅力的にする8つのデザインエレメント | コリスはてブ:13 2010/03/11 | コメントなし [...]

12時のヘッドライン | CROSS SBM
on 2010年3月11日

[...] あなたのブログを魅力的にする8つのデザインエレメント | コリスfc2:1 [...]

13時のヘッドライン | CROSS SBM
on 2010年3月11日

[...] あなたのブログを魅力的にする8つのデザインエレメント | コリスlivedoor:3 普天間基地、「県外」「国外」を考えられない差別構造newsing:1 [...]

links for 2010-03-11 « 個人的な雑記
on 2010年3月12日

[...] あなたのブログを魅力的にする8つのデザインエレメント | コリス (tags: blogging) [...]

[リンク] links for 2010/3/8-12 | Bonnie styles.
on 2010年3月12日

[...] webdesignあ なたのブログを魅力的にする8つのデザインエレメント | コリス [...]

今週の管理人Bookmark (3/7-3/14) - ElectricBrain Standard
on 2010年3月14日

[...] あなたのブログを魅力的にする8つのデザインエレメント | コリス [...]

あなたのブログを魅力的にする8つのデザインエレメント | コリス | ホームページ制作にお金をかけない方法
on 2010年4月2日

[...] あなたのブログを魅力的にする8つのデザインエレメント | コリス. Posted in おすすめサイト [...]

ページの先頭へ




© coliss

RSS