はてなブックマークがデザインをリニューアル、各所で話題に 65
ストーリー by hylom
あれがオシャレなのか 部門より
あれがオシャレなのか 部門より
あるAnonymous Coward 曰く、
はてなブックマークがデザインを「オシャレ風」にリニューアルを行った。これに対し、色々な人がコメントを寄せている。
たとえば2ちゃんねる創始者のひろゆき氏は お洒落を目指して、使いづらくなるサイトが多い件。 : ひろゆき＠オープンSNSにて「んで、余白を増やしたり、フォントのサイズを大きくしたせいで、画面の中の情報量は減ってるので、多くスクロールしなきゃいけなくなって、不便ってなことになるわけです」と主張。また、「はてなブックマークのリニューアルがいけてない5つの理由」では「ジョブス氏への憧れからくる悪いケースだと思っている」と指摘されている。
いっぽう、「新しいはてなブックマークのデザインがそんなに悪くない理由と改善点」という意見も。
自分としてはニコニコ動画みたいに旧デザイン・新デザイン選べるようにしてもらえるとありがたいです。ちなみにスマートフォン向けの画面は変更ないようです。
リニューアル直後は匿名ダイアリー記事「はてなブックマークのデザインが見辛い」が多数ブックマークされてしばらくはてなブックマークトップページの上位に表示されるなど否定的な声が多かったが、リニューアルから時間が経った現在ではそうでない意見も多く見られる。
賛成派 (スコア:2, 興味深い)
ほぼ賛成です。
文字が小さくなったことだけは直してほしいですが、なんとかあか抜けたデザインになったなと。
「情報量が少なくなった」と言う人もいるけど、元々やたらとリンクやアイコンの並ぶごちゃごちゃしたデザインだったわけで、それを押しのけてすっきりしたと思います。また、タイル状にすることでひとつひとつの記事がはっきりして、良くなったと思います。たぶん、トップページに掲載されている情報量は変わらないか、増えてるんじゃないですかね。
「使いづらい」という人は、何に使っているのだろう?
Re:賛成派 (スコア:2, すばらしい洞察)
情報量の問題ではないです。
別の方もコメントしていらっしゃいますが、とにかく視点移動が増えて読みづらいと感じます。
以前は記事のタイトルを上から下へすっと読めたものを、
新しいデザインでは「個々のボックスに目線を動かす」のと「文章を読む」のを2つやらないといけない感じ。
ボックス型になっているのと、個々のボックスで記事のタイトルがパッと目に入らない
（なぜかブクマ数が一番目に付くようになっている）のが原因かと思います。
「あか抜けた」とおっしゃるのも理解できないです。
情報が整理されずにごちゃごちゃに詰め込まれ、適切な強弱がついておらず、ダサくて垢抜けないデザインと感じました。
慣れかなぁ (スコア:1)
Twitterですが、ドワンゴの戀塚氏のツイート [twitter.com] （続き） [twitter.com]が何となくしっくりきた。
これら自体は別件 [hiro.asks.jp]をふまえてのツイートではありますが。
# 個人的用途としては自分のブックマーク管理が主だから、トップはあまり意識していなかった。
Re: (スコア:0)
一方リニューアルしたmixiは、学生の利用率を前年から－95％減らしましたが。
http://www.asahi.com/national/update/1209/TKY201212090269.html [asahi.com]
利用率という表現は、誤解を招くかもしれません。
複数のサービスに登録していて、最も使うSNSがミクシィだと答えた学生が97%から2%になったのであって、学生のミクシィ利用率が95%減ったわけではありません。
Re:慣れかなぁ (スコア:2, すばらしい洞察)
まだ違う。
2年前、mixiを少しでも使っていた人：97％
今回、mixiをメインで使っている人：2％
…比較してどうする。
見づらい。目がチカチカする。視線移動を考えてない。見出しが小さすぎる。 (スコア:1)
いやこれはヒドイ。
普段なら「慣れの問題じゃね？慣れたら我慢できるようになるよ、きっと」とか自分をなだめすかして
我慢して使う所だけど、今回ばかりはあまりにヒドイ。
色を使って強調する場所を間違えてるし、一覧性は低いし、
見出しよりもブクマユーザー数の方が大きくて目立つし、
自分だったら、もうコレはヒドイとしかいう気は無い。
これほどヒドイ改悪はひさしぶりだなー …… とおもったらWindows8があったっけ？
＃スラドの今の奴に関しても、「残りのコメントを取得」しない限り、どこに未読コメントが
＃有るか分からないので、結局最初に全部のコメントを取得する作業が必要なのは
＃今でも改悪だと思ってる。あくまで運用でカバーしてるだけ。
Re:見づらい。目がチカチカする。視線移動を考えてない。見出しが小さすぎる。 (スコア:2)
旧版を知らずに初見だけど、酷いと思う。
・水平方向に三分割している
・見出しが中央付近にある
頭腐ってる。
ジャンル選択と人気・先着の選択は今のままにして、他は見出しを先頭とした各項目の行を並べるだけにしてほしい。
Re: (スコア:0)
> ・水平方向に三分割している
このスマートフォンにレスポンシブデザインな時代にあえて逆を行くとはさすがはてな。別にシビれも憧れもしないが。
Re:見づらい。目がチカチカする。視線移動を考えてない。見出しが小さすぎる。 (スコア:2)
表現がまずかったかも。
・要素を水平方向に三個並ぶように分割している
Re: (スコア:0)
> 色を使って強調する場所を間違えてるし、
例えば、どこを強調するべき?
> 一覧性は低いし、
一覧性が目的のサイトじゃないんだよ。例えば、はてブの先輩格で、一時は時代の寵児扱いだった(過去形)diggだって、今は現はてブに近いスタイルになって、記事のひとつひとつを強調する方向になっている。要するに「一杯いろんな情報があります」じゃなくて「こんな面白い情報があります」というのを強調するようになっているんだよ。
> 見出しよりもブクマユーザー数の方が大きくて目立つし、
大きさはともかく、位置は現在のコメントに近い所にしてほしい。「3つのコメントが興味深い」→「他のコメントも見たい」→「どこをクリックするんだっけ」でページを探しまわるから。
Re: (スコア:0)
今見に行ったけど、すっきりして視認性もいいし、昔よくあった3カラムみたいに視線をあっちこっち移動しなくて済むし、よくできてると思う。
Re: (スコア:0)
各記事の見出しは読みやすいし色使いもすっきりしていて目に優しい配色だとは思いますが、PCとiOSではかなり操作しづらいですね。
画面サイズ大きめのAndroidタブレットだとどうなんでしょうね？
紙の雑誌であればこれで良いと思いますが、ジャンル毎の色の使い方のルールが統一されてなかったりかなり残念な出来になっちゃってます。
絞込みを使えばまあ使えなくはないですが、iPhoneの音楽プレイヤー並みの検索のしづらさ。
とりあえずこれ作った人達は文章構造のお勉強から始めた方が良いと思いました。
Re:見づらい。目がチカチカする。視線移動を考えてない。見出しが小さすぎる。 (スコア:3)
言えてる。
紙面のサイズに合わせたデザインで、内容をくまなく読むからね。
でも、今の場合は素早く情報を取捨選択したいから、糞って判断するわけで。
Re: (スコア:0)
ポイントサイト「ドル箱」 http://dorubako.jp/ [dorubako.jp] が「ハピタス」 http://hapitas.jp/ [hapitas.jp] にリニューアルした際も利用者からはデザイン改悪と文句たらたらでした。
肝心のポイント情報が一時メチャクチャになったと言う点でも炎上状態でしたが。
Re: (スコア:0)
Windows 8を悪く言う奴の審美眼は信用できん。
「変わる」事が変わる以前のユーザーに一定の不利益を与える、これは事実だが、
その不利益をそのまま品質の減点に計上する奴には評価者としての資質を期待できない。
Re: (スコア:0)
> その不利益をそのまま品質の減点に計上
ただし非MS製品ではこの論法が100%正当化されます。オフィススイートとか。
Re: (スコア:0)
参考：「アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由」
http://mamion.net/2013/01/%E6%96%B0%E3 [mamion.net]
Re: (スコア:0)
タイル状に並べていく潮流が理解できてないんだろうな
単に情報を並べるんじゃ無くて、カタログ的にアピールする方向になっているのに
ひとつひとつの情報を細かく読ませるんじゃなくて、多くの情報を一度に目に入るようにしているんだよ
(ページ上部は、強調したい情報に絞っているけど)
この人がPinterestとかFlipboardとかを見たらどう評価するんだろうか
Re: (スコア:0)
そういやまとめブログの関連記事や相互リンクもいつの間にかタイルになってたな。
まあLightboxみたいなもんだな。
Re: (スコア:0)
＞単に情報を並べるんじゃ無くて、カタログ的にアピールする方向になっているのに
＞ひとつひとつの情報を細かく読ませるんじゃなくて、多くの情報を一度に目に入るようにしているんだよ
で実際にはアピールできてないし、サイトの評価も落ちるオチ。
制作者側の願望を押しつけてるだけで、ユーザーのことを考えてない。
作った側は「アピールするつもり」かもしれんけど、
いくら一度に目に入るようにはなっていても、読み難ければ誰も読んでくれません。
＃あんたの言ってることは、言わば「情報の押し売り」なんだよね。
＃顧客の利便性を全く考慮してない。そりゃ読み難いと言われるわけだわ。
＃「他の企業と違って、Googleは利用者の滞在時間を最小化するよう努力している」
＃という趣旨の記事を昔読んだの思い出した。
Re: (スコア:0)
正直、はてなブックマークってもともと使いやすいデザインとはほど遠いので・・・
今更何をと言いたい。
Re: (スコア:0)
> これほどヒドイ改悪はひさしぶりだなー …… とおもったらWindows8があったっけ？
ってかスカスカのデザインはWindows 8対応(笑)だろ。タッチでも操作しやすい何とかかんとか
Re: (スコア:0)
なるほど。
タッチパネル専用UIと言われれば、まああんな感じかも。
しかし操作しやすいかもしれないけど、読み難い点は同じ。
＃誤：タッチパネルでも操作しやすい
＃正：タッチパネルでなら操作はしやすい
タッチパネル専用に開発したUIを、新形UIと称して発表し、
PCユーザーにも無理に利用させたのが失敗の原因かもね。
利用者が満足しているデザインの採用 (スコア:1)
最近この記事を読んだこともあって、なぜ一気に全部変えちゃうんだろうかと思った。
A/Bテストがビジネスルールを変えていく
http://wired.jp/2012/12/29/abtest_vol5-2/ [wired.jp]
A/Bテストの採用はともかくとしても、
「デザイナーが考えた良いデザイン」よりも「利用者が満足しているようにみえるデザイン」の方が良いのだから、
新しいデザインが良いデザインだと確信していたとしても、
利用者の動向をテストしてからリニューアルした方が良かったんじゃないか。
※実ははてなの狙う導線があるとか、利用者満足以外にも別の狙いがあるのかもしれないけれど
毎日.jp の場合 (スコア:0)
以前は名のあるデザイナーがデザインしたマルチカラムレイアウトだったのですが、何故かリニューアルしてしましました。
http://mainichi.jp/ [mainichi.jp]
http://internet.watch.impress.co.jp/cda/news/2009/04/01/22992.html [impress.co.jp]
新聞なのに真っ白で、こんな紙面ガラガラな感があるなら、みんなYahooNews使ってしまいますよね。。
Re:毎日.jp の場合 (スコア:1)
そういえば朝日新聞 [asahi.com]も昨日くらいからえらく見難いレイアウトに変更されました。
見出しなどの文字サイズ周囲が異様に白く開いています。
たぶん、指でタッチするときの干渉を避けるためなのでしょうが、今後は
タブレット重視でPCユーザは迫害される方向になるのかな？
Re: (スコア:0)
はたしてそこまで（PCユーザーの利便を損なう判断をするに値するだけ）タブレットユーザーが多いのか？ってのも疑問ですね。
スマホで見る層が多いってのならまぁわかるんですが。
Re: (スコア:0)
いつまでたった一人の記者の行為で全体を語ってるの？
DQN過ぎだろ。
Re: (スコア:0)
記者はそれぞれが新聞社の代表だよ。
Re: (スコア:0)
それは新聞社に限りませんな。
そういう責任は個人に帰属させないと大変なことになるよ。
1秒でもいいから考えてくれ。
Re: (スコア:0)
10年ちかく放っておいて個人も何もないな
毎日新聞問題の情報集積wiki - 毎日新聞英語版から配信された記事一覧 [atwiki.jp]
Re: (スコア:0)
まぁ、編集部ぐるみだった週刊朝日のほうがよっぽど問題ですね。
10年目でやっと発覚したという事は、つまり日本人は、英語新聞記事なんて誰も読みはしないわーという事で。
Re: (スコア:0)
「たった一人の記者」？
記者は複数ですよ。ライアン・コネルだけじゃないです。
毎日新聞問題の情報集積wiki - WaiWaiの記者一覧 [atwiki.jp]
各記者の登場回数（Web時代）
スラドのデザインリニューアル (スコア:0)
Re:スラドのデザインリニューアル (スコア:1)
個人的には文字に関してはこれでもまだ大きいと感じてしまうため、
ページを縮小して閲覧してます…
一人以外は全員敗者
それでもあきらめるより熱くなれ
Re: (スコア:0)
文字に関しては、サイト毎に拡大縮小覚えてくれたり、最低サイズ指定できたりと、それなりに回避策はありますね。
問題は、そうやって文字の大きさ変えると隠れたり崩れたりして見るに堪えなくなるようなサイトがまれにあったりすることですね。
Re:スラドのデザインリニューアル (スコア:1)
最近は「字小せぇぞ糞が」とかの文句聞かなくなったね。
そんなんあったっけと思ってStylish切ったら見事に読めないサイトになったでござるの巻
Re: (スコア:0)
右に同じく。
つかフォントサイズに関しては前回のアップデート [srad.jp]時にも糞味噌に叩かれましたが。
Re:スラドのデザインリニューアル (スコア:1)
字は拡大すればいいだけだからいいんだけど、
コメントを毎回取得しないといけないのが面倒すぎる。
#最近コメントが50以上ある記事は少ない気もしますが
Re: (スコア:0)
これはありますね
上のスライドバーずらして
一番下の追加取得連打して
一番上まで戻って読み始めなければいけないものすごいUI設計
Re: (スコア:0)
アカウント取得すればマイナスコメントも操作無しで読めるし、全コメント取得も記事直下の「すべてのコメントを取得」ボタンで出来るよ。
アカウント取らないとかは知らん。
Re: (スコア:0)
IEだと、スライダーが動かないんだぜ...
だったら、表示するなと。
Re: (スコア:0)
慣れでしょうね。
何でもそうなんですが、使い慣れたものから新しいものに変えると、一から覚え直さないといけませんからね。
# Windows8が出た当初、/.jをIE10で閲覧したらスコアのバーが動かなかったが、今は改善しているのだろうか。
# 個人的には、iPhoneやタブレットで/.jを見ていたので、携帯電話版の廃止は痛かった。
前回 (スコア:0)
貼っておきますね。
http://b.hatena.ne.jp/entry/hatena.g.hatena.ne.jp/hatenabookmark/20081... [hatena.ne.jp]
まあ、このときはシステム自体のリニューアルで半月ベータテストしてからだったんですけどね。
ブーメラン？ (スコア:0)
> 画面の中の情報量は減ってるので、多くスクロールしなきゃいけなくなって、不便ってなことになるわけです
ニコニコ動画の事ですね。分ります。
Re:ブーメラン？ (スコア:1)
ひろゆき氏の日記最後まで読んだら、ニコQは使いづらいってんで旧バージョン使ってるらしいです。
一人以外は全員敗者
それでもあきらめるより熱くなれ
Re: (スコア:0)
ニコニコ動画は、話題性を出すために故意に使いにくくしているとの事。
ついでに、経営方針として無駄金を使う企業が少ないから、率先して赤字事業(イベント等)を行っている。
#とどのつまり、ニコニコ動画は永遠に使いにくく、アフィや有料会員で支えようとしても社長のお遊びでドブに捨てられる
Re: (スコア:0)
どこかに回ってるんだから、ドブには捨てられてないじゃん。
自分たちの首が絞まりきるほど無駄金は使わんだろうし、割りとどうでもいい。
好きにすりゃ良いよ。
眼を動かすデザイン (スコア:0)
はてブ旧デザインやGoogleReaderのようなデザインだと視点移動が少なくなりますが
新デザインやYahooオークションの「画像を大きく」の表示、Amazon.co.jpのランキングなどは視点移動が頻繁に起こります。
眼を動かし疲れさせる方が、多少眼の運動になって良い気がした。
スクロールする指への負担も減りますし・・・
ちなみにスマートフォン向けの画面は変更ないようです。 (スコア:0)
最近PCでもtouchのついたURLがよく貼られるようになったがそっちのほうが断然見やすい件