最近ちょくちょく目につくメディアデザインについて、記憶のフックとして残すために書いてたEvernoteメモをまとめた上で色々書き足しました。

===
ここ最近海外のメディアやよく見かけるブログがどんどんmedium likeなシングルカラムのミニマルなデザインへとリニューアルしてる。

medium likeなデザイン

Fonts have feelings too — Crew Dispatch — Medium

Twitter創業者のEvan Williamsのブログプラットフォームmediumのような、シングルカラムでフォントサイズも大きめ、写真と文章などのコンテンツをメインに据えたレイアウトのことをここではmedium likeなシングルカラムデザインと呼ぶことにする。

そもそもシングルカラムはあまりにも普遍的なWebサイトレイアウトの1つであることに間違いない。ただ、今確実にこのレイアウトが再び大きな理由とともに色々なサイト―特にメディア―で取り入れられている結果を見て、何故今シングルカラムなの、という理由を知りたいなと。

シングルカラムデザインを取り入れているメディアサイト

WIRED UK

http://www.wired.co.uk/magazine/archive/2014/10/features/power-plant
http://www.wired.co.uk/

BBC NEWS

http://www.bbc.co.uk/news/special/2014/newsspec_7141/index.html

イギリスBBCの一部の特集もワンカラムに。

WiredとBBCに共通しているのはメインのシングルカラムの内容に合わせてサイドバーに画像が固定されたり、その画像が変わったりするところ。これ厳密にはシングルカラムとは呼ばないかもですが、サイドバーがあるわけでもなく、ベースとなるシングルカラムが主なのは変わらないかな、と。

BBCはShorthandというこういったデザインフォーマットを提供してくれるブログエンジン?であるshorthandというサービスを利用している模様。

http://shorthand.com/

shorthandのページから他に同じフォーマットを使っているサイトを見れるが、そこにはGuardianも。

Bloomberg Politics

http://www.bloomberg.com/politics/articles/2014-10-06/the-truth-about-jeb-bushs-presidential-ambitions

http://www.bloomberg.com/politics

こちらは本日リニューアルされたばかり。The Vergeの元編集長Joshua Topolskyが彼がBloombergに移ってのこの2ヶ月間の仕事の成果がこのサイトだとtweetしてるのを発見。

このサイトはここ最近見たサイトの中でも特に良く出来ていると思う。記事個別でスクロールで次の記事に行くときのインタラクションが紙がめくれていくような間隔で、とても自然。引き込むデザインと読みやすさ・使いやすさの両立がされているなと思います。
じっくり見てみると他のコンテンツでもBloombergのデザインへの注力っぷりがすごすぎてもう圧巻。伝えようという姿勢が見えるとはデザイナーの視点から見過ぎかな、でもとてもかっこいい。

http://www.bloomberg.com/visual-data/best-and-worst/?cmpid=300×250

結局はビジネスのゴールをどこに置き、それをどのように達成しようとするか

日本のメディアサイトではまだあんまりこういうワンカラムサイトを見ない。(Web系の会社のブログではよく見るけど。)日常生活で普段接することの多いメディアのほとんどがサイドバーにたくさんのバナーがあったり他の記事への動線がある。確かにそこから他のページヘと行くこともあるけどそれがどれだけの数あるんだろう?

短期的な広告収入やPVの向上をゴールとするのであればページ内回遊動線も他のレイアウトに比べて圧倒的に少ないmedium likeなシングルカラムレイアウトは選ばれないかもしれない。でも、いったんは短期的な売上増加を捨て、まず読むことにフォーカスしてもらってそこから記事のファン、メディアのファンを増やしたいと思うならシングルカラムレイアウト、ありだよねと。

おまけ

メディアサイトじゃないけど、今週EvernoteのWeb appが大幅なリニューアルを行ってこれまでどシンプルなワンカラムになった。最初は何がどこにあるのか分からなかったし、ノートをショートカットへ追加する方法は未だに発見出来ないけど 1日がっつり使って別にそこまで困らない上、シンプルに書けるしそれが自動保存されるという意味では最早メモを取るのにエディターを開かなくていいんだなと感じている。

3bc120032c3adaee39c9827011d3d9a4