FREENANCE Ad

見やすいWebメディアの特徴とは?米・報道ネットワーク「NBC」のリニューアルデザインを考察!

MSNBC-after
FREENANCE Ad

アメリカの三大ネットワークのひとつであるNBCが、自社のWebデザインを刷新しました。Webサイトの重要性が増す中、Webデザインの変更によって成果をあげているメディアサイトは数多くあります。

今回はNBCのWebデザインの変革を取り上げ、その内容を探ります。アメリカの大手ネットワーク会社はどのようにデザインを変身させたのでしょうか。

Webデザインのビフォーアフター

NBCが所有するメディアであるNBC NewsMSNBCTodayが、Webデザインを刷新しました。そのビフォーアフターを比べてみましょう。

NBC News

Before

NBC-beforeNBC News

After

NBC-after NBC News

MSNBC

Before

MSNBC-beforeMSNBC

After

MSNBC-afterMSNBC

Today

Before

TODAY-beforeToday

After

TODAY-afterToday

 

改善された4つのポイント

新旧のデザインを比べてみると、画像や映像に重点を置いているという点は変わっていないようです。では、どこが改善されたのでしょうか。

1. 情報がコンパクトにまとまっている

旧デザインに比べると、新デザインでは情報がよりコンパクトにまとめられているようです。デザインの移行に伴ってWebサイトが大きくなっているため、理にかなった変化であるといえるでしょう。

2. 余白が少ない

旧デザインはアシンメトリーで広告などのために余白が設けられていましたが、新デザインでは余白が少なくなっています。

3. ブログのようなデザインになった

NBC NewsとMSNBCはテクノロジーやビジネス関連のブログのようなデザイン、Todayはライフスタイルやゴシップ誌のようなデザインになりました。Todayの印象については、タイポグラフィによる影響が大きいでしょう。

4. レイアウトが必要に応じて変化する

プレスリリースによると、自動か手動かは不明ですが、新デザインでは記事の数などに応じてレイアウトが変化するようです。

 

NBCによる解説

英語ではありますが、Webデザインの変革に関する解説をNBCがMediumで発表しています。この記事は新デザインがデビューした際に発表されたもので、テンプレートに執着しすぎないこと、映像や画像の見せかたをより洗練されたものにすること、より読みやすいデザインにすることなど、NBCのこだわりを知ることができます。

おわりに

NBCは彼ら自身が設定したゴールに見事到達し、Webサイトを華麗に変身させました。下に載せた新デザインからもその様子を見てとることができるはずです。Webサイトのデザインを変えようと思っているかたは、ぜひNBCの例を参考にしてみてください。

NBC News

MSNBC

Today

(翻訳:Asuka Nakajima)

SHARE

  • 広告主募集
  • ライター・編集者募集
  • WorkshipSPACE
デザイナー副業案件
Workship