記事

そろそろ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

    「レジ袋の有料化」と「レジ袋の減少化」が生んだ本末転倒な事態

    自由人

    09月22日 22:07

  2. 2

    賃上げ・労働分配率向上策は、河野氏の法人税減税よりも高市氏の人材育成投資が有効

    赤池 まさあき

    09月22日 09:04

  3. 3

    アメリカの輸入規制撤廃に福島から喜びの声 「菅首相の置き土産?」指摘も

    BLOGOS編集部

    09月22日 16:26

  4. 4

    横浜市長就任後も疑惑について説明しない山中竹春氏 ウソと恫喝の追及は続く

    郷原信郎

    09月22日 10:56

  5. 5

    菅さんの水面下での仕事の成果が今になって出て来たようだ

    早川忠孝

    09月22日 15:52

  6. 6

    サンドウィッチマン、かまいたち、千鳥…Googleで検索されている芸人ランキング

    放送作家の徹夜は2日まで

    09月22日 10:48

  7. 7

    河野太郎氏は、国会議員投票でも一位を取るべく全力を尽くしべし

    早川忠孝

    09月22日 17:41

  8. 8

    ワクチンパスポートの目的は差別じゃない~区別と差別を明確に切り分ける重要性~

    山崎 毅(食の安全と安心)

    09月22日 08:19

  9. 9

    公明・山口代表 給付金を選挙公約に掲げるも「何をいまさら」と呆れ声

    女性自身

    09月22日 16:21

  10. 10

    鳩山由紀夫氏“民主党は内ゲバで崩壊”と的確な分析に賛同も「急にまとも」と困惑続出

    女性自身

    09月22日 14:37

ログイン

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

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

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