デジタル環境でデザインをする上で、自分に合ったデバイスの選択は重要な仕事のひとつです。
個人的にガジェット好きということもあり、メインの入力装置となるマウスは色々なものを使ってきました。
その結果得た結論は、機能・ボタン数・重さ・大きさや握りやすさなどの個人的な好き嫌いを除けば、正直4000円以上のマウスはどれを買ってもあまり変わらないというものでした。

結局今では、仕事用にレーザー式の「ロジクール MX-620」、ゲーム用に光学式の「Microsoft IntelliMouse Explorer 3.0」と、レガシーながらも性能が安定しているものを使っています。

ゲーミングスペックのマウスパッドで激変した操作感

過去の記事でも少し触れましたが、ゲーム用に入力デバイスを買い足したときに一番驚いたのがゲーミング・マウスパッドの性能でした。
例えばPhotoshopでデザインするときに、一時的にガイドへのスナップをオフにして1ピクセル単位の作業をすることがあると思いますが、そういう細かい作業をするときに自分の思ったところに思ったようにポインターが動くようになり、ストレスが激減しました。
実はそれまではマウスにばかり気を取られていて、マウスパッドは家電量販店で買った1000円くらいの安いプラスティック製のものを使っていたのでなおさらだったのかもしれません。

とは言っても、ゲーミングスペックのデバイスは性能が高い分、正直どれも高いです。
そこでこの記事では、ゲーマーだけではなくデザイナーにも個人的にすごくオススメしたい、比較的安い価格帯のマウスパッドを、実際に買って使ってみた感想とともにご紹介します。
価格はどちらも1500円程度と、一般的なマウスパッドと同じ価格帯ですので、これを機会に購入を検討してみてはいかがでしょうか？

エントリークラスのゲーミングスペック・マウスパッド

SteelSeries QcK mini

世界的に有名なゲーム向けデバイスのブランド「SteelSeries」の中でも、ユーザーの評価が高いのがこの「QcK」シリーズです。名前に「mini」と付いていますが、サイズは「250x210mm」と、普通のマウスパッドと同じか少し大きいくらいのサイズになっています。限られたデスクスペースでは、これで十分なサイズです。

開封して初めて見たときの正直な感想は、「薄っ！」でした。
これは薄さへの感動ではなく、逆に商品のちゃっちい印象から来るものでしたが、使い慣れてきた今ではむしろ薄いことでパッドの存在の違和感がなくなり、操作の正確性が上がっているように感じています。
クロスタイプという商品の仕様から、ほんの少しだけ縦方向の動きが鈍くなる傾向があるようです（繊維の方向の関係上）　また、使い続けていると端の方のほつれが気になってきます。

DHARMAPOINT TACTICAL PAD クロスタイプ DRTCPW25C

こちらも「QcK mini」と同じグレードのマウスパッドです。
ただminiよりは厚みがあるため、miniのようなガッカリ感は少ないです。また、QcKシリーズが机の凹凸に極端に弱いのに対して、こちらは多少ならば何とかなります。

表面は熱圧縮処理されているので、QcKシリーズのような縦方向への引っかかりは感じません。ただ、滑らかさではQcKより劣っているように感じられます。

比較

どちらもクロスタイプ（布タイプ）のマウスパッドで、「よく滑るのに、よく止まる」という素晴らしい特徴を持っています。「お前は何を言っているんだ」という感じですが、使ってみたらきっと同じ感想をもつはずです。
前述の通り、QcKの方が（上下と左右で少しだけ動作が変わるという癖があるものの）表面の性能は確実に上です。一方DRTCPW25Cは上下左右で均一な動作感を得られます。
また、どちらも裏面はラバー加工されていて、平坦な机に置いた場合ずれる心配はまずありません。
クロスタイプの唯一の弱点は「汚れ」ですが、半年に1回くらい手洗いをして、一晩陰干しすれば元の性能が戻ります。

個人的には「QcK mini」の方を愛用していますが、仕事で使うのでしたら全体的に出来がしっかりとしている「DRTCPW25C」もオススメです。

補足

パッケージはこんな感じです。
左から、サイズ比較用のマウス（IE3.0）、QcK、DRTCPW25Cの順です（写真真ん中のパッケージはminiではなく、QcK。一番下に広げた敷いているものがminiです）

どちらも巻物のように丸めた状態で梱包されているので、開封後は一晩くらい伸ばしてやる必要があります。ちなみにQcKのパッケージは開封したら捨てるしかありませんが、DRTCPW25Cの方はしっかりした箱になっているので開封後も持ち運ぶ時に再利用出来ます。

サイズはこんな感じです。
上から、サイズ比較用のマウス（IE3.0）、QcK mini（250x210mm）、A4用紙（297x210mm）、QcK（320x270mm）となっています。
なお、QcK miniとDRTCPW25Cは角のラウンドの半径が少し異なるだけで、寸法は一緒です。

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています。

• SteelSeries Qck
• DHARMA TACTICAL PAD

この記事では、gerenuk.crazyphoto.org/ が「はてなブックマーク」と「Twitter」を使って、この1ヶ月間何をしていたのかということをまとめてみました。
ちなみにこのサイトで今月他のサイトを紹介した記事には全て reblog というタグをつけてあります。

準備

1. 自分のブログを作る
2. はてなのアカウントを作る
3. Twitter のアカウントを作る
4. デザイン系ブログ御用達の元ネタサイト41個を RSS リーダーに登録する
5. hatena2twitter ブックマークレットを登録する

1～3まではすでに作っていたので、新しく準備したものは4と5だけです。
詳しくはそれぞれのページを参照してください。

具体的にこの1ヶ月でやってきたことの手順とその解説

「ブログで記事を書き、Twitter でその更新情報を通知し、はてなブックマーク経由でのアクセス数を増やす」というのが、今回試したページビュー数を増やすための方法の大まかな流れになります。

1. Twitter の「フォロワー数」を増やす

一見、今回の実験とどう結びつくのかよくわからない項目と感じられるかもしれませんが、実はこの作業が一番大事です。

1. ホットエントリーやカテゴリー別の人気エントリーの中で、自分がこれから書きたいと思っているものと似た感じの記事を選び、それぞれのブックマークページを開く。
2. hatena2twitter ブックマークレットを使って「ブックマークしているユーザー」のリンクを Twitter へのリンクに変換する。
3. そのリンクを開き、Twitter ユーザーだったらそのアカウントをフォローする。
4. フォロー返しをしてくれることを祈る。

まずはこの作業を繰り返して Twitter のフォロワーを50人くらいにしました。
はてブユーザー100人に対して、Twitter のアクティブユーザーが大体50人くらい、さらにそのうちフォロー返しをしてくれた人が大体15人くらいという割合でした。

同一 ID でも別人だったり、Twitter の最終更新日がかなり前だったりということがあるので、フォローするときはその人のつぶやき一覧をよく読むことをオススメします。

2. 記事を書く

海外のデザイン系ブログのフィードを欠かさずチェックし、「これは！」と思うものを紹介しました。
語学力や文章力がなくても大丈夫です。ただちょっと紹介するだけの簡単なお仕事です。
唯一の問題は、大手の人気ブログに先を越されたら全く勝ち目がない点です。時間との勝負です。

みーんな大好き Photoshop の話だったり、WordPress の話だったり、「まとめ！」だとか「必見！」とか「必殺！」みたいな話題がいいでしょう。
タイトルのつけ方などはこれまたたくさんの人がそれっぽい記事を書いているので検索してみてください。

3. ブログの更新情報を Twitter に送る

ブログの更新情報を Twitter で告知します。
方法はいくつかありますが、一番簡単なのは手動で Twitter に投稿することです。
例えば、「ブログに新しい記事を書きました。 http://～（以下アドレス）」といった感じです。
自動的に Twitter に投稿してくれる、FriendFeed（詳しい設定方法） のようなウェブサービスや、WordPress のプラグインなどがあるので導入を検討してみてください。
ちなみにこのサイトでは色々試してみた結果、WordPress のプラグインである「Simple Tweet」を使っています。

後で詳しく説明しますが、はてなブックマークの新着エントリーに掲載されるためには一気に3人にブックマークされる必要があります。「これはみんなの役に立つぞ！」と思って書いた記事でも、誰の目にも触れられなければ無意味ですので Twitter を有効活用しましょう。

4. うまくいくことを祈る

これで1日の作業は終了です。
あとは多くの人の目に留まり、アクセス数が増えていることを期待して寝て待っていました。
朝起きて自分の記事がホットエントリー入りしていることに気づいたら、ちょっとだけ「ニヤっ」として、また1番の項目に戻ります。

この作業を毎日繰り返していると、Twitter やブログ自体の RSS を登録してくれる人が増えてくるので新着エントリー入りまでは安定してくると思います。
しかし時には「3 users の壁」を越えられないときもあるでしょう。
そういうときは「その域に達していなかった」と素直にあきらめて、次の記事選びに活かしてください。

余談ですが、「デザインだけじゃなくて、こういう風刺的な記事も結構イケちゃうんだぜ！」とかドヤ顔で書いた記事は大抵がお寒い結果に終わるようですので気をつけてください。
しかも唯一ブックマークしてくれた人（神）が、実はちょうどその日一緒に飲んでいた実生活での友達だったということを、追い討ちをかけるように知っちゃったりするんですよ、現実って厳しいですね。

はてなブックマークのホットエントリー入りに立ちはだかる壁

はてなブックマークには人気エントリー（いわゆるホットエントリー）という機能があります。
これはたくさんブックマークされた記事を一覧にしたもので、このホットエントリーだけをチェックするという人も多くいます。つまり、自分の記事がホットエントリー入りすると多くの人の目に留まりやすくなり、ブックマーク数とアクセス数がともに増えるというわけです。

しかし実際に1ヶ月はてなブックマークを意識した記事作りをしてきて、ブックマーク数には「壁」とも言うべき伸び悩むタイミングがあることを感じました。
ホットエントリー入りするためには1日で（もし出来るなら数時間のうちに）被ブックマーク数を伸ばさなくてはいけません。100人分のアカウントを使って自演する……わけには当然いかないので運を天に任せなくてはいけない部分もありますが、参考までにご紹介します。

3 users の壁

はてなブックマークにはホットエントリーの他に「新着エントリー」という機能があります。
これは、被ブックマーク数が「3」に達した記事の一覧になっています。
注意すべき点は、この一覧が「最初にブックマークされた時間」を基準に並べられるため、「やった！　1年がかりで3人にブックマークされた！」のようなロングラン記事の場合には今日の新着エントリーには掲載されません。
つまり、1人目から3人目までブックマークされる時間が短ければ（瞬間ブックマーク速度が速ければ）新着エントリーの上の方に記事が載るわけです。

30 users の壁

新着エントリーに載ることで、はてブユーザーの目に留まる確率が上がり、ブックマーク数もじわじわ増えていくはずです。
次なる壁はこの「30」で、おおよそこの数字に到達出来ればカテゴリー別の人気エントリーに掲載されるはずです。人気記事目白押しの日はあきらめて寝ましょう。

50 users の壁

うまくこれまでの壁を越えることが出来れば、これがホットエントリーへの最後の壁となります。
カテゴリー別の人気エントリーを経て、おおよそ50人にブックマークされることで、めでたくホットエントリー入りすることが出来るはずです。一度ホットエントリー入りすれば1日～2日リストに載りっぱなしになるので、ブックマーク数も飛躍的に伸びます。

本サイトでも3つの記事がそれぞれ2日に渡ってホットエントリー入りしました。

• はてなブックマーク – 人気エントリー – 2009年6月16日
• はてなブックマーク – 人気エントリー – 2009年6月17日
• はてなブックマーク – 人気エントリー – 2009年6月22日
• はてなブックマーク – 人気エントリー – 2009年6月23日
• はてなブックマーク – 人気エントリー – 2009年6月26日
• はてなブックマーク – 人気エントリー – 2009年6月27日

500 users の壁

ホットエントリー入り後、ブックマーク数は最終的に大体500人手前で止まります。
これは、壁というよりは上限値に近いものだと思います。
特にこのサイトで取り上げたウェブデザインや Photoshop や WordPress に関心があるはてブユーザーがこのくらいの人数なのかもしれません。

これ以上のブックマーク数（例えば4桁）を出すためには、記事にブックマークコメントでの議論を呼ぶ要素を付け加える必要があります。
簡単に言うならば、自分のブログを炎上させてしまうような記事を書けばいいのです。
ネガティブなコメントを付けられたブックマークでも、ブックマーク数の向上に貢献してくれていることに変わりはありませんから。

結果

アクセス解析データ

以下は Google Analytics によるアクセス解析データです。
ちなみに、これは5月を例にしましたが、他の月も月間 PV は大体3,000件くらいです。

被ブックマーク数の推移

以下は TopHatenar による、今月の被ブックマーク数の推移です。

総ブックマーク数: 1756（先月比: +1460）

ページビューによる違い（30,000 PV vs. 3,000 PV）

実際に、月間ページビュー数が3万件になると1記事のブックマーク数はどれくらい変わるのでしょうか？
今年2月1日に書いたものとほぼ同じ内容の記事を6月25日に再度投稿して、被ブックマーク数の差をみました（ただし数値は2009年06月30日現在のもの）

• 6月の記事（308人）: ブログをデザインする時に見て欲しい、使いやすくするための工夫10個
• 2月の記事（4人）: ブログデザインで気をつけている10個の細かい要素

これは他のブログの紹介記事ではなく、自分で考えてまとめたオリジナルの記事でした。
当然記事ごとにアタリ・ハズレがあるので、他の記事を再投稿した場合数字は変わってくるでしょうが、それでもこれだけの差がつくようになります。

ちなみに同じ記事を再投稿したことなんて誰も気づかないだろうと思ったら、しっかり気づいている人がいてものすごく慌てました。

なぜはてブユーザーは元の記事をブックマークしないのか？

他のサイトを例に出すまでもなく、本サイトで15日に書いた記事と元の記事の「はてなブックマークにおける被ブックマーク数」を比較すれば一目瞭然です（ただし数値は2009年06月30日現在のもの）

• 紹介記事（404人）: はてなブックマーク – 必ずモノにしたい！　ウェブデザイン向け Photoshop チュートリアル16個 :: gerenuk.crazyphoto.org/
• 元の記事（14人）: はてなブックマーク – 16 Best Photoshop Tutorials for Creating Web Designs | Web Design Ledger

こういう現象は他のサイトでもよくある光景だと思うのですが、なぜ起こってしまうのでしょうか？
英語に対する単なるアレルギー反応なのか、それとも「紹介記事のほうがブックマークしている人が多いから」という集団心理によるものなのか……。

最後に

この記事では説明を出来る限りわかりやすくするために、まるでブックマークしてくれた（またはしてくれると思われる）人をページビュー数を伸ばすためだけの装置のような表現で書いてしまっています。
これに関して気分を害されたという方がいらっしゃいましたら謝罪します。ごめんなさい。

「gerenuk.crazyphoto.org/」は基本的に、1つの記事を書くための下調べに平気で1ヶ月以上かけるような更新頻度の低いサイトで、以前からご存知の方は色々な意味で驚いたかもしれません。
1ヶ月間この記事のためだけに過ごしてきて、得るものも多かった反面失うものも多かったと思います。

ホットエントリーに何回か載ることによって初めてこのサイトを知ってくれた方もたくさんいるでしょうし、実際にこの間に Twitter でフォローしたり・されたりをした人とは趣味もかなり合いそうで日々良い刺激を受けています。
また、先述のブログデザインの記事に関して言えば、ブックマークにて再評価してもらったことももちろんすごく嬉しいのですが、Jの衝動書き日記やあいにゅれぽーとのように感想を交えながら実際に活用している様子を見ることが出来てとても感激しました。

その一方、先月までのこのサイトを知る数人から「こういう安易な転載記事を書かないところが好きだったのに」とか「こういう記事ばかりでは自分のスキルアップに繋がらないですよ」という心配ももらいました。
その上、実生活でも仕事以外の時間はブログで更新するネタを考えることで頭がいっぱいになったり、1日にたった1つ記事を書くにも何時間もかけてしまい睡眠時間を削ったりと充実とは程遠い日々でした。

確かに、たった1ヶ月で3万ページビューまで到達できたのですから、「目先のブックマーク数やページビュー数ばかりを意識して、内容が伴っていないのにやけに派手なタイトルを付けただけの転載記事」を、このまま毎日書き続ければ（色々な意味で）有名なブロガーになれるかもしれません。
もしそうなりたい方は、この記事の手順を参考にしてみてください。

でもそれは果たして、あなたが本当に書きたいと思っていた記事や、理想としたブログなのでしょうか？

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています。

• リアクションブロガーとアクティブブロガーの違い at ブログヘラルド

この記事では、日本で有名なデザイン系ブログが紹介しているサイトをまとめてみました。
これを機会に転載ブログではなく、元のブログのフィードを直接追ってみてはいかがでしょうか？

デザインまとめ系

01. Smashing Magazine

秀逸なデザイン論やまとめ記事などが豊富で、更新頻度も高め。

02. InstantShift

03. Six Revisions

04. Queness

05. Abduzeedo

06. DesignM.ag

07. 2experts Design

08. tripwire magazine

09. SmashingApps

10. Speckyboy Design Magazine

11. Web Design Ledger

12. WebAppers

13. Web Design Booth

14. Webdesigner Depot

15. My Ink Blog

16. Web Designer Wall

17. Dzine Blog

18. HONGKIAT.com

19. Just Creative Design

20. Graphic Fetish

21. dottony

22. Vandelay Design Blog

23. DevSnippets

24. David Airey

25. Creative Nerds

26. SingleFunction

27. BittBox

28. Noupe

29. Design blog

30. IconsPedia Blog

チュートリアル系

31. Nettuts+

32. Psdtuts+

33. Vectortuts+

34. Vectips

35. UX Booth

36. 9lessons

37. theWPresser

ガジェット系

38. Gizmag

39. Lovely Package.

素晴らしいパッケージデザインを紹介。

40. Toxel.com

写真系

41. Smash and Peas Photography Blog

写真の加工や撮るときのコツなど。

おまけ: ウェブサービス系

ソーシャル・ブックマーク・サービス等で新しいサイトを開拓してみるのも良いと思います。

• Delicious: design
• Digg: design
• はてなブックマーク – d-2up
• はてなブックマーク – silvetjude
  ウェブデザイン系の記事をいざブックマークしようと思ったら、かなりの確率で先を越されているのがこのお二方。何度ディスプレイの前で「またアナタたちですか……」と呟いたことか（笑）

このリンク集を作るに当たって参考にしたデザイン系ブログ

• CREAMU
• phpspot開発日誌
• ホームページを作る人のネタ帳
• DesignWorks
• コリス
• IDEA*IDEA
• かちびと.net

良いデザインを自分のものにするには、ただ漠然と眺めるのではなく「具体的にどこが良いと思ったか」とか「どこを取り入れたいと思ったか」などを意識すると良いと思います。
この記事では今月見つけた、自分が活かしたいと思うデザインをご紹介します。

ウェブデザイン

IN2MEDIA (via Abduzeedo)

gummisig (via Abduzeedo)

Picture N Sound (via Abduzeedo)

Grafikas (via instantShift)

Twistori (via Directory for Designers)

プロダクトデザイン

Samurai Vodka (via @yorozuna)

falcon (via @5509)

ruiz+company (via Designlenta)

14 Modern Teapots and Kettle Designs (via Webdesigner Depot)

グラフィクス

Bad Typography is Everywhere (via Six Revisions)

30+ Coolest Business Cards to Inspire You

COLORS (via Abduzeedo)

フォトグラフ

60+ Creative and Clever Advertisements

Swimming with the fishes (via DESIGNM.AG)

A Tribute to Yulia Brodskaya (via Six Revisions)

Extreme Ironing II (via Smash and Peas)

1. David Airey

2. Cade Martin Photography

3. Jamie Gregory

4. Fever

5. Aen Tan

6. 5ThirtyOne

7. BRILLIANCY

8. The DECK

9. On

その他のサイトは以下のリンクからどうぞ。

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています。

• 56 Light & Clean Website Designs Using A Minimalist Color Scheme | Spyre Studios

この記事では日々ブログをデザインしている中で、少しでも使いやすくするために個人的に気をつけている本当に細かい要素を10個にまとめてみました。

1. 個別ページのタイトルは「記事名→ブログ名」の順にする

例えばこのページで言うと、
「ブログデザインで気をつけている10個の細かい要素 :: gerenuk.crazyphoto.org/」です。

好き嫌いや慣れの問題は多少あるでしょうが、「gerenuk.crazyphoto.org/」のように長いサイト名のブログの場合、例えばブラウザやはてななどでブックマークしてもらったときに「肝心の記事名が切れてしまった！」という事態を防ぐことが出来ます。

2. ヘッダーのロゴは、トップページへのリンクにする

逆説的な説明になってしまいますが、これは「大抵のブログがすでにそうなっている」からです。
つまり、ロゴをクリックしたときにトップページ（インデックス）に飛ばないと、ブログに慣れている訪問者が混乱してしまいます。
また、さらにこのロゴのそばに「ホーム（home）」や「トップページ」などと書いたナビゲーションを置いて、どちらからでも戻れるようにするとなお良いと思います。

3. 記事のタイトルは、個別ページへのリンクにする

これはいわゆる「パーマリンク」の問題です。
初期のブログは、個別ページの概念がよくわかっていなかったり、出回っていたテンプレートの影響などからインデックスページが重視されていたため、パーマリンクを「投稿時間」や「『固定リンク』という文言」だけに設置しているものが多くありました。
現在では個別ページが重要になってきているので、よりアクセスしやすいように記事のタイトル自体にリンクを付けることが一般的になっています。

4. 記事には必ず日付を入れる

「誰かの個人ブログで良さそうなカフェを見つける → 実際に行く → とっくに潰れ取るがな！」という経験をしたことはありませんか？
訪問者は過去の記事も読んでいます。本文に書かれた情報がいつのものなのか、その情報が有用なのか、訪問者自身に判断してもらわなければなりません。
このブログのようにひとつの記事を書くのに平気で1ヶ月以上かかる上に更新頻度がやたらと低いサイトならなおのこと、情報の公開日時と（さらに可能ならば）更新日時は明記したいところです。

5. サイドバーを縦に長くしすぎない

アーカイブページへのリンクをクリックするときに、何十回もマウスホイールを下にスクロールさせるのは意外と面倒です。

また大抵の場合、長くなってしまうのは、

• ブログ歴が長くなってきて過去ログが増えすぎた
• カテゴリーを増やしすぎた
• コメントやトラックバックが多すぎた
• 欲張って広告を貼りすぎた

など、管理者が情報を整理しきれず、もてあましていることが原因だと思います。

汎用性のあるブログデザインを作る上で難しいのは、これらの要素が少ない状態と逆に多くなった状態を想定する必要がある点です。長くなってしまうことが想定される場合は、優先順位を考えて位置を入れ替えたり、プルダウンを使ったり、カテゴリーの項目自体を整理したり、サイドバーの列を増やしたり、見やすくする工夫を心がけたいところです。

もちろん、本文よりもサイドバーが長いと単に見た目が悪いから、という理由もあります。

6. 検索フォームを設置する

突然記事を消してイチから書き直したくなったり、リンクしてくれた相手がアドレスを間違っていたり、検索サイトが古いデータをキャッシュしていた場合など、訪問者が意図していないページが表示される可能性があります。
全文検索ができる検索フォームを設置しておけば、訪問者を再度目的のページまで誘導することが可能かもしれません。

7. クリック出来る領域を大きくする

すべての訪問者がマウスを巧みに操る達人とは限りません。
クリックをミスすると、かなりイライラしてしまいます。
フォントサイズを小さくしているのならなおのこと、CSSの display:block; などでクリックできる範囲を広げてあげたいところです。

8. 本文の開始位置をわかりやすくする

ブログで一番大事なのはコンテンツ、つまり記事本文です。
視点の移動方向などを考えてサイドバーを右に配置したり、本文の開始位置周辺をすっきりさせることで、読みはじめやすくしましょう。

9. 広告は広告だとわかるようにする

なにも、「これは広告です」などとデカデカと断り書きを入れる必要はありません。
ただ、（もちろん広告の利用規約にもよりますが）誤クリックを誘発しないように、背景色を変更するなどのデザイン要素を付加したいところです。

10. (X)HTMLやCSSがValidにならないことを気にしすぎない

CMSを使っていると、その仕様ゆえに他人のコードを使わざるを得ない状況があるはずです（WordPressで言えばプラグインなど）
CMS自体が日々進化を続け、プラグインの取捨選択をする機会が多いブログデザインにおいて、それらをひとつひとつフィックスしていくのは決して効率的ではありません。
だからどうか、神経質になり過ぎないでください。要は、きちんと表示さえされれば誰にも文句など言われないのですから！

まとめ

ブログデザインは結局、今使っているブログツールが出来る範囲を見極め、かつ、使いやすいナビゲーションを考え、かつ、見た目も良くするという、三者の着地点を探る作業です。

定期的に、アクセス解析などから訪問者の行動パターンを研究し、ナビゲーションを改善するなどの試行錯誤を続けることが大事なのだと思います。

付記

このエントリーでは、ブログの構造や要素名などを説明なしに使っているので、本項で補足します。

ブログの構造

ブログは、エントリーなどの「個別ページ」と、そのエントリーを一定のルールごとにまとめた「アーカイブページ」から構成されます。

• 個別ページ
  • ブログコンテンツ（エントリー・記事とも）
  • ページコンテンツ
• アーカイブページ
  • インデックス
  • 日付（年・月・日）
  • カテゴリー
  • タグ
  • 検索結果

ブログデザインの独自性

ブログデザインの一番の特徴は、ページの生成にCMS（特にウェブログ・ツール）を用いている点です。
例えば「ブログって何？」と問われれば、「ヘッダ・フッタ・サイドバー」などの全ページに共通する部分（テンプレート）がある・記事ごとにコメントやトラックバックを付けられるようになっている、などいくつかの特徴を思いつくはずです。
CMSの機能であるテンプレートによって様々な恩恵を受ける反面、デザインを行う際にはこのテンプレートの都合上いくつかの「お約束事」が生まれ、勝手気ままにレイアウトすることはできません。
これによって普通のウェブデザインとは少し異なる、言うなれば「ブログデザインの文法」とも言うべき独自性が生まれています。

01. Eric Ryan Anderson

マウスホイール、スムーススクロール。

02. Peter Pearson

スムーススクロール。

03. Visuall

スムーススクロール。特に「My desk」のところが好き。

04. LoveBento

マウスホイール。

05. Nile Inside

マウスオーバー。

06. SNOHETTA

Flash。

07. Sursly

マウスホイール、スムーススクロール。

08. EXIT 10

Flash。

09. Graphic Therapy

Flash、ドラッグアンドドロップ。

10. Faub.org

ドラッグアンドドロップ。

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています。

• 35+ Horizontal Websites for Your Design Inspiration | Vandelay Design Blog

例えばメインコンテンツの文章量が非常に多い場合、ページを開いた瞬間に操作しやすいサイドバーにナビゲーション要素を配置するか、それとも全文読み終わった瞬間に操作しやすいフッターに配置するか、結構悩みどころだと思います。当然コンテンツ量だけではなく、サイトの構成（例えばブログ、ギャラリーサイト、ショッピングサイトなど）によっても、要素の配置を上手く振り分けてやる必要が出てきます。

Smashing Magazine では、具体的な例を挙げてフッターをどうデザインするべきかという記事が掲載されています。良い記事なのですが例のごとく少し冗長なので、要点をまとめてご紹介します。
「フッター最高や！　サイドバーなんていらんかったんや！」というフッター至上派の人も、「フッターなんてコピーライト表記だけで十分だろ、常識的に考えて」というサイドバー最高派の人も、自分のサイトにあったフッターデザインを考えてみてはいかがでしょうか？

フッターに何を配置するべきか

まずは一般的なフッターの要素を見ていきましょう。
もちろん、これら全てを入れる必要はありません。
フッターをデザインするときの参考程度にしてください。

• サイトマップ
• 簡単な「プロフィール（About）」と「連絡先（Contact）」の情報
• 簡易のコンタクトフォーム
• 「このページのトップへ戻る」のリンク
• 詳細なサイトマップページへのリンク

フッターのデザイン性

• デザイン上の主従関係を明確に見せる
• 空白を上手く使う
• 他のコンテンツからデザイン的に分離させる

例えばフッターの背景色だけを変更している場合が多くあります。

ブログにおけるフッター

ブログにおけるフッターのデザインについては、また少し違った面から考える必要があります。

• 最近の記事
• タグクラウド
• 最新のコメント
• 他のサイトへのリンク

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています。

• Informative And Usable Footers In Web Design | Design Showcase | Smashing Magazine
• Baby toes on Flickr – Photo Sharing!

ただし当然、独創的なアイデアとそれを実現するテクニックは重要ですが、その目新しさだけにとらわれてしまって「何のためにロゴをデザインするのか？」ということを見失っては元も子もありませんので、ご参考までに。

01. 基本に立ち返って、ペンと紙を使ったアイデアメモから始めてみる

キーになるアイデアを、紙に描いてみましょう。
マウスとモニターよりも、ペンと紙で描いた方がアイデアを素早くメモしておけます。

02. 焦らずシンプルに

まずはあえて色をつけないことによって、アイデア自体に集中してみましょう。
グラデーションや色を抜かせば、そのロゴの欠点が見えてくるはずです。
そして、考えられる限り様々な場所でロゴが使われる様子を想像してみてください（例えば切手のように小さなものや、バス停の広告のように大きなものに使われたとしたら？）

03. 3つ以上のフォントを使わない

ついつい好きなフォントをたくさん使いたくなってしまいがちです。
しかしフォントの数が多くなると一貫性が失われ、ロゴを見た人を混乱させてしまうかもしれません。
目を引くためには、2つの異なるフォント（と言っても形が違いすぎないもの）を使って対比を作ってやるといいでしょう。

04. 流行りものには飛びつくな

ブランド・アイデンティティーに関して言えば、「そのロゴが長く使えること」が重要になってきます。
もしあなたが、デザインのインスピレーションを得るために色々な情報を取り入れている人ならば、流行から逃れるのは非常に難しいでしょう。
しかし、あなたのロゴが長く使われるものならば、Web 1.0的な単純な幾何学的形状や、Web 2.0的な要素を反射させただけのものように、「今だけの流行のデザイン」は避けたほうがいいでしょう。

05. フィードバックを得る

手描きのアイデアを出したら、それを他の人に見せて意見を聞きましょう。
ただし、ただ漠然と見せるだけでは無意味です。
例えば「このロゴを見て、何の分野のものだと思う？」のように、具体的に自分が生かしたいと思う情報を得られる質問を考えてみてください。

06. 形状を慎重に決める

客層と、そのロゴで伝えたいメッセージを考えて見ましょう。
角を丸めるか尖ったままにするかだけでも、メッセージの伝わり方は変わってくるものです。

07. 写真を使う？　ダメ。ゼッタイ。

写真のようなラスタライズされた画像を使うのは避けましょう。
写真ではロゴの使い勝手が悪くなります。

08. 精密に

ロゴを作るうえで、画像編集ソフトのルーラーやガイドは必須ツールです。
掲示板サイズまで引き伸ばされると、わずか数ミリのズレでもかなりの差になってしまうので、一見完璧に見えてもロゴは精密に作りましょう。

09. ベクターで作る

ベクター画像で作ることで様々な用途に使えるようになり、拡大・縮小も自在になります。

10. 制作段階のものを残しておく

デザインの過程では、同一ファイルに上書きを続けるのではなく、いくつか制作途中のものをコピーしておいてください。
ロゴの変遷に何か発見があるだけではなく、クライアントに対してアイデアを説明するときに役に立つことがあるでしょう。

ロゴのインスピレーションを得るサイト

• LogoPond – Identity Inspiration -
• LogoSauce^(TM) – Logo design, inspiration and information.
• Logo Of The Day – Logo Design Inspiration, Gallery & Award Scheme!
• Logo Design Blog
• Logolog | logo design blog by 38one

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

• 10 Great Tips to Help You Kick Start your Logo Design | Onextrapixel – Showcasing Web Treats Without Hitch
• Noisy Decent Graphics: Is it time to retire the black and white logo?

人の恨み・辛み・嫉み・妬みは怖いもの。
いつ自分に火の粉が降りかかるかわかったものではありません。
この記事では、誰からも愛されるブロガーになるための、とっておきのライフハック（笑）をご紹介します。

1. 頻繁に体調が悪くなることをアピールする

まずは相手がリアクションしやすい話題で、気を引くことが大事。
「昨日飲みまくって二日酔いで寝坊したー」とか「甘いもの食べ過ぎてお腹いたーい」とか自己管理できないことを大々的に自慢してみましょう。
たまに本当に具合が悪くなったときに「あらまたなの？　毎月体調悪くなってるよね？　大丈夫？……社会人として」って皆が優しく心配してくれるでしょう。

2. 異性の交友関係を披露する

普段は異性と会話する機会がない人でも、ごくたまにそういうチャンスにめぐり合えるはず。
そういう時は、その余韻を忘れないうちにすかさず「今日の飲み会、男はオレひとりでさー、やんなっちゃうZE☆」とか「19歳の職場の後輩のオンナノコ、おいしいでござるー」とか、ありもしないちょいモテをアピってみましょう。
「そうだよねー、アナタってすごい人気者だもんねー」って皆がクスクス笑ってくれるはずです。

3. 自分のちょいワルな過去を暴露する

若いうちはちょっと悪いことに憧れを持ってしまうもの。
そんな心理を巧みに利用して「昔、近所の店で菓子を盗んで、仲間に山分けしてやってたんだぜ」などというちょいワルな過去を自慢してみましょう。
「へー昔はワルだったのに今は立派になって……まあ昔から立派だったらもっと良かったのにね」って褒めてもらえるでしょう。
法律的な時効の他に、社会的な時効というものがあるということも頭に入れておいてください。

4. すごい人が知り合いにいることをアピールする

「今日あの○○さんに会って食事をした」とか「今日有名な○○さんと世間話しちゃったよ」とか自慢してみましょう。
今どき珍しい「えーわーすごーい」っていう典型的な棒読みの台詞を返してくれると思いますよ。

5. 謙虚な気持ちになって、不幸自慢をしまくる

以上の4項目を網羅すればほぼ完璧ですが、冒頭に言った通り、げに恐ろしきは嫉妬心。
念には念を入れて、本当は幸せの絶頂でも「自分は不幸である」と言っておきましょう。
これでにっくき嫉妬厨も「おまえは何を言っているんだ」って自ずから距離をとってくれるはずです。

まとめ

これらのことを心がけるだけで、明日にはあなたのブログのアクセス数も桁違いに増えているはずです。
有名になればなるほど、ファンも増えますがアンチも増えます。
さあ楽しく、レッツ炎上！

なお、これらを実際に試して得られた結果については、当方は一切関知いたしませんのでご了承ください。

大してオチらしいオチがないので最後に自分の経験談を。
「アナタはそうやってブログばっかり更新してて、パソコンがお友達なんでしょ？（笑）」って面と向かって言われたことがあります。
リア充？　なにそれおいしいの？

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

• リア充 – Wikipedia
• VIPPER vs VIPブログ連合 – トップページ
• NO SMOKING | 【ザラメ】アタック25　カンニング大学生まとめ【コロンビア】
• 変態スネーク問題まとめ@ ウィキ – トップページ
• 【少年ジャンプ】中村イネ・柏木志保 不倫騒動まとめwiki【ニコニコ動画】 – トップページ
• Happy couple on Flickr – Photo Sharing!