記事

そろそろMetro UIに関して一言言っておくか

1/2
画像を見る
404 Blog Not Found:0th Impression - Windows Phone IS12T
Metro UIに関しては別記事で改めて書くことにして

やっとこさ素材が揃ったので。



俺のWindowsがこんなにかっこいいわけがない



最初に見た瞬間に思い起こしたのは、これ。




明彩色の背景にシルエット。でも踊っているのはみなさんおなじみの…。


しかし出自を考えればそれも納得がいく。



Metro (design language) - Wikipedia, the free encyclopedia
Metro is an internal code name for a typography-based design language created by Microsoft, originally for use in Windows Phone 7. Early uses of the Metro principles, such as the typography, began as early as Microsoft Encarta 95, and later evolved into products such as Windows Media Center and Zune.

元々iPod、そしてiPhoneに対抗するために生み出されたのが、これだったのだから。



一読瞭然



私は(現時点では)単なる一ユーザーなのだけど、それでもその将来性は一目、いや一読で感じ取ることが出来た。これなら、小はハンドセットから大はデジタルサイネージまでカバーできる「ユニバーサルUI」が実現できるのではないか、と。



長方形のパネルにテキストメインの表示。それだけ書くとまるでGUI以前どころかApple ][の時代を彷彿とさせるが、それはある意味間違っていない。STEINS;GATE 8bitではないが、Metroは8bitでもそこそこ使えて見栄えするのではないか。



それでいて現代の高速なCPUを、ベクターレンダリングでフル活用できるし、活用すると実に見応えがあるものになる。残念ながらこれは自分で使ってみないとなかなかわからないのだが、今でも Windows 8 DP ないし Windows Phone 7 で体験できる。ただし気持ちのいいのは後者。デスクトップとマウスという過去を背負っている分、前者はピンときにくい。



Web UIとしてもずいぶんと相性がよさそうだ。グラデーションも角丸も不要どころか排除しているのだから、HTML5どころか古き佳きIE 6でもそれなりに見られるものが作れそうである。実際 HTML5 + JavaScript というのは、Windows 8 でも Windows Phone でも First Class Environment だ。一ドットに一喜一憂せずにすむのは実にありがたいことではないのか?



触っていいの?



見やすくて作りやすい。この点に関して異論は認め難い。いいことづくめに「読める」Metro UIだが、実際使ってみると、外から眺めているだけでは欠点も感じるようになる。



その筆頭が、インディケーターとコントロールが区別がつきにくいこと。



そこに表示されているそれは、単に状態を表示しているだけなのか、それとも操作できるものなのか、一目でははわかりにくいのだ。



実例をあげよう。


iPhoneに完成度で劣るが、将来への期待を感じさせる - Windows Phone「IS12T」レビュー:ITpro


画像を見る
画像を見る

左がiPhone、右がWindows Phoneだ。見やすさに関しては両者互角という感じであるが、右側を一目みて、一つ前のページに戻るにはどうしたらよいかすぐにおわかりになるだろうか?URLフィールドの左にある○が「現在リロード中」なのか「ここを押すとリロード」なのか判別がつくだろうか?そして右の「…」を押すと何が起こるかおわかりになるだろうか?



このわかりづらさが最も顕著になるのが、スライダー。



上からWindows Phone(IS12T)、Android、iPhoneであるが、「指にとってのわかりやすさ」もこの順で並んでいるのは確かだろう。それにしてもAndroidの画面の(見にくさ|醜)さは、Windows 3.xの頃を思い出させる。HQってなんだよ?そうでなかったら「アナログ」か?



余談であるが、Windows Phoneではローカルな動画はスライダーで早送り/巻き戻しができるのだがネット動画は対応していない。Windows 8はとにかくWindows Phoneはすでに出荷されているのだから一刻も早く対応するように。



だからといって、私はMicrosoftにAndroidのような小賢しい妥協をして欲しくない。コントロールが「読める」ようになるまで慣れが必要だというのは、Metroがデザイン言語である以上、避けられない宿命なのだから。



それに言語には言語の強みがある。一度話せるようになれば、一生忘れることはないのだ。

実際、7月末の発表会においてKDDI代表取締役社長の田中孝司氏も、「最初は非常に取っつきにくい印象を与える」と前置きし、「それを過ぎるとだんだん気持ちよくなってくる」と述べているように、ある程度時間がかかるようである。

これもまた、Metroが言語であることの傍証である。取っ付きにくいのはそれが外国語だから。話していくうちにそれは自然となり、ついには自分がそれを話していることすら意識しなくなる。


画像を見る

意外に高い「互換性」



Appleのお株を奪いそうな捨てっぷりの Metro UI であるが、iOSを見ると実は結構「互換性」も高いこともわかる。というのもAppleもまた、デザインの簡略化を静かにしかし確実に進めてきたからだ。歴代の Mac OS X を見れば、ウィンドウが徐々に「薄く」なってきているのが見てとれる。Lionに至ってはMacBook Airなみの薄さだ。



iPhoneの画面を見てみよう。SMS/MMS、電話、iTunes、App Store、iPodあたりのアイコンは、「カバー」を外せばそのまま Metro UI になりそうには見えないだろうか?



下のロゴの「未来」はあくまで冗談なのだが、AppleはとにかくMicrosoftのそれは冗談ではないだろう。



The past and the future of famous logos | StockLogos.com

トピックス

  1. 一覧を見る

ランキング

  1. 1

    コロナはインフルエンザ程度?インフルエンザで死ぬかと思った24歳の時の話

    かさこ

    08月01日 09:14

  2. 2

    新型コロナ感染者数が過去最多も 病院のひっ迫状況を強調するだけの尾身茂会長に苦言

    深谷隆司

    08月01日 17:19

  3. 3

    「日本人の給料はなぜ30年間上がっていないのか」すべての責任は日本銀行にある

    PRESIDENT Online

    08月01日 16:13

  4. 4

    五輪の「祝賀モード」は選挙で政権に有利になるのか?減り続ける菅総理のポスターと自民党の焦り

    音喜多 駿(参議院議員 / 東京都選挙区)

    08月01日 11:04

  5. 5

    バッハ高笑い!?東京五輪「やってよかった」が77%も!

    女性自身

    08月01日 08:42

  6. 6

    資格と能力は違う?資格や履歴書が充実していても使えない人材多い日本

    ヒロ

    08月01日 11:28

  7. 7

    こういう五輪中止の可能性

    krmmk3

    08月01日 15:19

  8. 8

    横浜市長選に立憲民主党等が擁立する候補予定者の適格性が問題視されるという異常な事態

    早川忠孝

    08月01日 22:01

  9. 9

    次の総選挙結果は「与野党伯仲」ー〝真夏の白昼夢〟を見た/8-1

    赤松正雄

    08月01日 08:31

  10. 10

    「400店舗から27店舗に」"絶滅危惧種"だったドムドムを黒字化した"元専業主婦社長"の実力

    PRESIDENT Online

    08月01日 10:35

ログイン

ログインするアカウントをお選びください。
以下のいずれかのアカウントでBLOGOSにログインすることができます。

コメントを書き込むには FacebookID、TwitterID のいずれかで認証を行う必要があります。

※livedoorIDでログインした場合、ご利用できるのはフォロー機能、マイページ機能、支持するボタンのみとなります。