デザイン

デザイン

【リデザインを読み解く】有名Webサイトのクリエイティブな非公式リデザイン25選!

461 views

デザインにおける創造性ということに関して、人口に膾炙した、有名なWebサイトのリデザインほど多くをを教えてくれるものはありません。

サイトやブランドアイデンティティの「見せ方」がリニューアルされる様子からは、デザインについての特定の決定が何故くだされたのかを考えることができ、これはデザイン・ワークにとっての良きエクササイズとなります。

ときにリデザインが賛否両論を巻き起こすこともありますが、いずれにせよそれらからは、どのようにすればデザインはより分かりやすく使い勝手のよい、ユーザ・フレンドリーなものとなるのかについてヒントを与えてくれるのです。

本記事では、そんな有名サイトのリデザイン例を集めてみました。

 

 

 

ニューヨークタイムズ―Andy Rutledge氏

 

その大胆さで大きな議論を巻き起こしたRutledge氏の非公式リデザインですが、ニューヨークタイムズがユーザビリティに重きをおいた場合にどんな風になるのかを示唆する興味深いものではないでしょうか。

 

リデザイン

redeisgn_01

 

 

アメリカンエアラインズ-Dustin Curtis氏

 

最も有名な非公式リデザインのひとつと言えば、Curtis氏のアメリカンエアラインズのリデザイン案です。使いづらいサイトにうんざりしたのか、とてもシンプルですっきりとしたデザインになっています。

 

リデザイン

redeisgn_02

 

 

IMDB-Vladimir Kudinov氏

 

実際のサイトとは大きく異なるデザインになっており、ユーザビリティに極端な違いはないものの、重要な情報がしっかりと目立つようになっています。

 

リデザイン

redeisgn_03

 

 

Facebook―Jonathan Moreira氏

 

すっきりとしていて洗練された印象で、異なるコンテンツを区別しやすくなっています。誕生日の表示や検索バーがしっかりと主張していて、コンテンツを詰め込みすぎず余白を活かしているため見ていて息苦しい感じがしません。

 

リデザイン

redeisgn_04

 

 

Google検索-Craig Reville氏

 

実際のサーチエンジンよりもミニマムなコンセプトを取っており、情報がきちんと整えられたインターフェイスになっています。

 

リデザイン

redeisgn_05

 

 

Google-Frenchlabs

 

グーグルのロゴの上をホバーすると、AmazonやWikipediaといったほかのサーチエンジンに切り替えられるようになっています。

 

リデザイン

redeisgn_06

 

 

Instapaper(iPadアプリ)-Tim Van Damme氏

 

InstapaperというiPadアプリを再解釈した面白い非公式リデザインです。余白を大きくとってコンテンツをより区別しやすくし、2段のレイアウトを採用して新聞感覚で見ることができるようになっています。

 

リデザイン

redeisgn_07

 

 

 Twitter -Bluroon

redesign_concept_01

 

 

Twitter Redesign Concept-Zsolt Hutvagner氏

 

Twitter Redesign - Web Redesign Concept

 

 

Twitter Redesign Concept-Lucas Reif氏

 

Twitter Redesign - Web Redesign Concept

 

 

Facebook Redesign ― David Samuel Einenkel氏

 

Facebook - Web Redesign Concept

 

 

Facebook – New Look & Concept ― Fred Nerbys氏

 

Facebook - Web Redesign Concept

 

 

Facebook Facelift ― Barton Smith氏

 

Facebook - Web Redesign Concept

 

 

Youtube ― Alex Tapein氏

 

 - Web Redesign Concept

 

 

Youtube ― Charlie via Issland氏

 

Youtube - Web Redesign Concept

 

 

Google Redesign V2 ― Andrea Fabiano氏

 

Google - Web Redesign Concept

 

 

Google Redesign Concept - Ayman Shaltoni氏

 

Google - Web Redesign Concept

 

 

Google+ ― Shadman Ahmed氏

 

Google+ - Web Redesign Concept

 

 

Dribbble - Paresh Khatri氏

 

Dribbble - Web Redesign Concept

 

 

Dribbble Simplified - Kuba Stanek氏

 

Dribbble - Web Redesign Concept

 

 

Dribbble Profile - Jan氏

 

Dribbble - Web Redesign Concept

 

 

Dribbble - Felipe Mendes氏

 

Dribbble - Web Redesign Concept

 

 

BBC Website - Michael Coyle氏

 

 - Web Redesign Concept

 

 

BBC Sport Re-Imagined - Jesse Payne氏

 

BBC Website - Web Redesign Concept

 

 

BBC iPlayer - Steven Harding氏

 

BBC iPlayer - Web Redesign Concept

 

 

BBC Me Concept - Dmitrij Paškevic氏

 

BBC Me - Web Redesign Concept

 

 

BBC Suitcase - Joshua Ogden氏

 

BBC Suitcase - Web Redesign Concept

 

 

IMDB Filmpage Concept - Vladimir Kudinov氏

 

IMDB Filmpage Concept - Web Redesign Concept

 

 

Yahoo!  - Dave Wharton氏

 

Yahoo! - Web Redesign Concept

 

 

Flickr - Dickson Fong氏

 

Flickr - Web Redesign Concept

 

 

Amazon Concept - Altay Suna氏

 

Amazon - Web Redesign Concept

 

National Geographic - Enes Danis氏

 

National Geographic - Web Redesign Concept

 

まとめ

 

いかがでしたでしょうか。

もちろん中には、単純にユーザビリティの向上のみを目指したのではないリデザインもあります(言うまでもなく、デザインは様々に異なった要求によって成り立っているものです)。

そうだとしても、リデザインの目的や意図、それがどのように達成されているかを考えることは、デザイン・シンキングにとって重要なことなのです。

ぜひ参考にしてくださいね。

 

 

※本記事は、25 Creative Redesigns of Popular Web Sitesを翻訳・再構成したものです。

関連記事

おすすめ記事