はてなブックマークが新デザインになったが、大失敗した。では、その理由は？ ──
はてなブックマークが新デザインになった。
→ はてなブックマーク
とたんに、ユーザーからは「見づらい」という圧倒的な不評が押し寄せた。
→ 不評の声
あまりにもの使いづらさに、元のデザインに似せた代わりのサイトをユーザーが開設した。
→ 「はてブ」をリニューアル前風デザインで 個人が一晩で開発
→ その はてブ（読者の感想）
新デザインが見づらいことを科学的に分析した人もいる。
→ アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由
つまり、視線移動を可視化することで、見づらいことの理由を分析する。
・ 図の有無でタイトル位置が上下する。
・ users 数のフォントが無意味にデカい
・ はてブコメントの表示が無駄。
・ 右側の はてなブログ の記事が邪魔。
・ 画像が無駄に多い
一方、旧デザインならば、この問題がない。「タイトルだけを追う」つまり「必要な情報だけを見る」というふうになる。
ではなぜ、これほどにもひどいデザインに改訂したか？ その理由は、ここに書いてある。
→ はてなブックマークのリニューアルがいけてない5つの理由
これによると、社長が次のことを宣言したそうだ。
「圧倒的にデザインを良くする」
この意図のもとで、デザインを全面的に改定したらしい。そのあげく、「おしゃれなデザイン」というものを狙って、結果的に、「見にくいデザイン」になったようだ。
ここで、問題が生じる。
「圧倒的にデザインを良くする」
という狙いのもとでデザインをしたら、
「圧倒的に見にくいデザイン」になった。
では、それはなぜか？
────────────
その理由に答えよう。私なりに結論すれば、こうだ。
「サイトのデザインを、見た目のデザイン（絵としてのデザイン）にしている」
ここで、あらためて公式ページを見てほしい。
→ はてなブックマーク
文字を読まずに、画面全体のデザインだけを見てほしい。すると、デザインとしては、とてもきれいなデザインだとわかる。
・ USERS の数字が、デカくて、カラーで、きれい。
・ USERS の数字が、２種類に色分けされて、きれい。
・ 文字は黒で、枠線がカラーで、きれい。
・ コメントのアイコンの絵があって、カラフルで、きれい。
・ 右の枠でも、USERS の数字が、きれい。
（デカくて、カラーで、色分けされている。）
・ 右の目立つ位置に画像があって、きれい。
このことからわかるように、「見た目」はとてもきれいだ。
一方、「見た目」ではなく、「情報を読むという目的」からすると、不便なことこのうえない。
・ USERS の数字が、デカくて、カラーで、邪魔。
・ USERS の数字が、２種類に色分けされて、苛立つ。
・ 肝心のタイトル文字が黒で、目立たない。
そのくせ、枠線がカラーで、無意味に目立つ。
・ コメントのアイコンの絵があって、カラフルで、邪魔。
・ 右の枠でも、USERS の数字が、目立ちすぎて、邪魔。
・ 右の目立つ位置に画像があるので、タイトルが折れる。
（折り返しになって、見づらい。）
まとめて言うと、こうだ。
「必要ではない情報ばかりが目立ち、必要な情報が目立たない。その結果、読みたくもない情報（ノイズ）ばかりを読まされ、読みたい情報を読みにくい」
──
以上から、次のように結論できる。
「はてなの新デザインは、サイトを絵として眺めることを目的として決めており、サイトを文字情報として読むことを目的としていない」
その結果、次のようになった。
・ サイト全体を絵として眺めれば、きれいだ。
・ サイト全体を文字情報として読めば、読みにくい。
このことは、次の新サイトと比べると、明らかだ。
→ 嫁のはてブ
この新サイトでは、「読む」ことに特化して、見やすくしている。これは「嫁のはてブ」というより「読めのはてブ」という名前にした方がいいぐらい、「読む」ことに特化している。（読まない部分は省略されている。無駄な画像もほとんどない。）
結局、デザインというものを「見る」ことだけを目的として、「読む」ことを忘れてしまったために、「はてなブックマーク」というサイトの本来の目的から、懸け離れてしまったことになる。
──
はてなの社長は「圧倒的にデザインを良くする」と宣言した。それはどうやら、「ジョブズの真似をしよう」と思ってのことらしい。
そして、見た目を、ものすごく良くしようとした。そして実際、見た目は、ものすごく良くなった。
しかし、良くなったのは、見た目だけだった。肝心の「文字を読む」という目的のためには、ひどく見づらくなった。
文字が見づらくなったことは、アイトラッキングからも明らかである。
こうして、「見る」ことだけを目的として、「読む」ことから懸け離れてしまったために、見づらくて使いにくいサイトになってしまったわけだ。
────────────
以上から、どんな教訓が得られるか？ いくつかある。
(1) デザインとは
「デザインとは何か？」を、社長が完全に見失っている。
デザインとは、「見た目がきれい」ということではない。「機能性が高い」ということを含む。
ジョブズの狙ったデザインを見ればわかるが、そこでは「機能性を最高度に高める」ということが第１となっている。まずは「使いやすさ」「ユーザビリティ」なのである。その上で、それを突き詰めた結果が、シンプルなデザインとなった。
iPhone も iPad も、「カッコ良くしよう」としてあのデザインになったのではない。「機能性を最高度に高める」ということが第１となっている。その上で、それを突き詰めた結果が、あのシンプルなデザインなのだ。
デザインという用語には、もともと「機能性」という概念が含まれている。そのことを理解せずに、単に「見た目だけをきれいにしよう」という素人的な発想を取ったことが、今回の失敗の最大原因だ。
(2) 独裁体質
新デザインが使いにくいということは、誰もがすぐにわかる。社内でも、そういう声が上がっただろうということは、容易に推察できる。
なのに、なぜ、それらの声が生かされなかったのか？ 理由はわかる。
「社長の方針に反対する声は、弾圧された」
つまり、社長の独裁体質だ。
社員がいかに「今度の新デザインは使いにくい」と声を上げても、その声は社長に弾圧された。「圧倒的にデザインを良くする」という宣言があったからだ。ここでは「もの言えば唇寒し」「社長に反対したら、クビを覚悟」という社内の風潮があったのだろう。
ということは、はてなという会社は、もはや組織としては死に体だ、ということだ。
(3) ユーザー無視
ユーザーは「旧デザインを使う選択肢を残して」という声を上げたが、無視された。最初から無視するつもりだったのだろう。
（ ※ ちなみに、はてブの個人ページは、新デザインと旧デザインのどちらでも使えるようになっている。一部の人は新デザインを使っているが、不評だ。それでも、旧デザインに戻せるという選択肢がある。［ → 出典 ］）
(4) 結果
結果的には、はてなのユーザーの多くは、公式サイトを離れて、第三者の開設した別のページに移行した。
そのせいで、はてなという会社は、公式サイトのページビューを失い、広告収入を減らす結果となった。新デザインのせいで、大損だ。
となると、社員もいくらかは解雇されることになりそうだ。そのせいで、はてなには人材が集まらなくなり、どんどん縮小のスパイラルに陥ることになる。
このまますれば、はてなという会社は、倒産しそうだ。そして、その理由は、「社長の独裁体質」にあるのである。社員の声を弾圧し、ユーザーの声を無視すれば、その会社には存在意義がない。
はてなはこれからもどんどんデザインを改革していく予定らしい。とすれば、次の話題は、こうだろう。
「はてなという会社は、いつ倒産するか？」
シャープが倒産寸前になったように、はてなという会社も同様の運命が待ち構えているようだ。
【 関連サイト 】
→ 「デザインに凝ったウェブサイトほど予約率は低かった」
※ さもありなん、という感じ。
【 関連項目 】
→ はてブ新デザインとマネジメント
※ 本項の続編。2013-03-04 の記事。
はてなの会社側が、新デザインについて釈明したが、
そこにある問題点を指摘する。
2013年01月11日
過去ログ
「はてなの目的が何かわからない」ということのようだが、目的はわかっている。企業の目的は収益を上げることだ。デザイン変更であれ何であれ、企業活動は収益を目的としてなされる。
で、はてなの収益の基盤は、広告収入だ。広告収入は、ページビューに依存する。そのページビューがかなり縮減してしまっている。
→ http://gaiax-socialmedialab.jp/hatena-bookmark/166
それによると、そのサイトへの流入数は、次の通り。（１月10日）
本家「はてブ」 ：718人
「嫁のはてブ」 ：129人
一方、本項目への流入数を調べてみよう。特に、はてブの「テクノロジー」という部門に本項が少しだけホッテントリに入ったので、各サイトからの流入数がわかる。次の通り。
本家「はてブ」（テクノロジー） ：171人
「嫁のはてブ」（テクノロジー） ： 30人
「はてブClassic」（テクノロジー） ： 19人
合計は 220人。そのうちの 49人（22％）が、外部からだ。ユーザーがそれだけ、外部流れてしまっているわけだ。つまりその分、広告収入が減る結果になる。
このことからして、「失敗」と判断していいだろう。
（ ※ ただし、「失敗」であるかどうかは、本項の話題とは関係ない。本項では、単に「失敗」と呼んで、タイトルにしているだけだ。どう呼ぶかは、人の勝手だ。「成功」と呼びたければ、そう呼んでもいい。たとえば、自殺者にとっては、自殺できたら、それが成功だろう。はてなも、「倒産」や「収益減」のような自滅を目的としているのなら、今回の試みは「成功」と言えるのかもしれない。どう呼ぶかは、人の勝手だ。）
→ http://b.hatena.ne.jp/hotentry.touch#ap=1&limit=10&of=0
これだと、従来の はてブ に、かなり近い。
→ http://tpex.hateblo.jp/entry/2013/01/10/120533
→ http://tpex.hateblo.jp/entry/2013/01/08/205205
Firefox ならば、サイトごとにスタイルシートを設定するアドオンがある。
→ https://addons.mozilla.org/ja/firefox/addon/stylish/
→ http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html
そこまで手間をかける価値があるかというと、そうでもないんだけどね。「嫁のはてブ」などがすでにあるんだし。