マイクロソフトのホームページが “Windows 8” 化 【増田 @maskin】

TECH WAVE / 2012年6月29日 17時0分





new_mshp

 米Microsoftホームページの次期デザインプレビューが公開され話題となっている。



 まもなく正式リリースとなるであろう「Windows 8」のUIを踏襲したであろうそのデザインは、過去のいわゆる “考えて詰め込みました的” なものとは一線を画する、新しいMicrosoftを体現する洗練されたイメージを与えている。



 そのそもWindows 8 のデザインは「Metro UI」というコンセプト&ルールで統一されているわけだが、ホームページについてもそれが適用されているようだ。

No Chrome、タイポや余白、グリッドまで定義




 Metro UIでの情報デザインにおけるルールは詳細に定義されている。横スクロールこそできないものの、少なくとも「No Chrome」という立体的でなくタイル状に統一することで情報そのものにフォーカスできるような部分や、タイポ、余白のルールなどはMetro UI のそれに合わせているようだ。



 現行のホームページは、とにかくコンポーネント毎に情報やらボタンやらを詰め込んでいる。機能的に考え尽くしたのかもしれないが、余白もなく、フォントサイズも整然とした感じもなく、情報過多っぽく見えてしまう。



screenshot_187



 一方のMetro UI的新デザインは、一言で「すっきり」という印象。情報量的には現行とあまり変わりがないが、グリッドに沿って余白をうまく使ってレイアウトされているため情報が素直に入ってくる。ボタンやアイコンが徹底的に削られているため惑わされない。



screenshot_189



 マイクロソフトは、Metro UIの世界観を体現するため独自のハードウェア「Surface」をリリースしているが、今後、ホームページを含め、あらゆるリソースにこの情報デザインポリシーを適用させるのかもしれない。



【関連URL】

・Microsoft | Preview

http://www.microsoft.com/en-us/preview/

・Metro スタイルの設計原則

http://msdn.microsoft.com/ja-jp/library/hh781237.aspx

・明らかになる「Metro スタイル アプリ」開発 ーデザイン編

http://techwave.jp/archives/51741856.html

・Windows 8 Metro スタイル アプリ 開発週間 [TechWave記事]

http://techwave.jp/archives/51740586.html



蛇足:僕はこう思ったッス

Windows 8 Metro UIが採用した情報デザインルールに魅了されている。彼らは、ルールを適用することで「情報そのものに没入することができる」と主張しているが、まったくその通りだと思う。

著者プロフィール:TechWave副編集長・イマジニア 増田(maskin)真樹

 8才でプログラマ、12才で起業。18才でライター。道具としてIT/ネットを追求し、日米のIT/ネットをあれこれ見つつ、生み伝えることを生業として今ここに。1990年代はソフト/ハード開発&マーケティング→週刊アスキーなど多数のIT関連媒体で雑誌ライターとして疾走後、シリコンバレーで証券情報サービスベンチャーの起業に参画。帰国後、ネットエイジ等で複数のスタートアップに関与。関心空間、@cosme、ニフティやソニーなどのブログ&SNS国内展開に広く関与。坂本龍一氏などが参加するプロジェクトのブログ立ち上げなどを主導。 Rick Smolanの24hours in CyberSpaceの数少ない日本人被写体として現MITメディアラボ所長 伊藤穣一氏らと出演。TechWaveでは創出支援に注力。エレベーターピッチ絶賛受け付け中! (まずはAirTimeでどうぞ!)
メール maskin(at)metamix.com | 書籍情報・Twitter @maskincoffee-meeting | facebook 詳しいプロフィールはこちら




LINEが拓く新たなパラダイム 蛇足:オレはこう思う#LINEjp【湯川】
スマホ時代のポータルへ…「LINE Channel」を7月上旬スタート 、世界4500万人にゲーム・クーポン等提供 【増田 @maskin】 #LINEjp
「LINE」プラットフォーム戦略発表とあわせて読みたい @maskin】
価格39.99ドルのWindows 8 Pro アップグレードキャンペーンを発表 【増田 @maskin】
さあ新しい時代の幕開けだ LINEカンファレンス本日1時から生中継【湯川】

TECH WAVE

この記事に関連するニュース

トピックスRSS

ランキング