Windows Phone アプリのダウンロード用リンクに使えるボタンがリニューアルされています。

これまでは、Windows Phone が最初から対応していた5言語 (英語・フランス語・ドイツ語・スペイン語・イタリア語) のみでしたが、今回から新たに日本語版が加わり、6言語となっています。
ちなみにこちらが初代。

こちらが2代目。

そしてこちらが3代目となっています。

日本語版のボタンだけダサいのはなぜ?
パッと見て違和感を覚えたのが日本語版のボタンです。

さて、どこがおかしいのでしょうか。
直感的に思ったのは赤色です。日本語以外のボタンは #E31E26 という赤色を使っているのに対し、日本語版だけは #E51E25 という色になっています。

目視で区別が付くかどうかはさておき、これは別の色です。少なくともよく訓練されたデザイナーであれば、何らかの意図がない限りこのような変更はしないでしょう。
次にテキストの配置です。英語版では、テキストのベースラインと Windows フラッグがバランスよく配置されています。Windows フラッグの扱いに慣れた人間がデザインしている印象を受けます。

しかし日本語版のボタンでは、「にダウンロード」というテキストがフラッグから大きく外れた位置に配置されており、バランスが崩れています。

これらの違いから推測すると、日本語版のボタンは元のボタンとは別の環境で作られており、本職のデザイナーではない人間が手がけていると思われます。
正直いって、このようなクオリティのボタンは Windows Mobile の時代なら許容範囲とされるかもしれませんが、Windows Phone では使えないレベルです。
私も個人的にいくつか改善案をつくってみました。まず、日本語テキストとフラッグのバランスを調整してみます。

さらに MS UI ゴシックを Windows Phone ならではの「游ゴシック」に置き換えてみます。

「にダウンロード」がゲシュタルト崩壊しそうなので、上段に移動してみました。全体的に文字を小さくしています。

ボタンの幅自体を広げて、文字サイズを確保してみました。フランス語版はボタンが他よりも長いので、言語によってボタンの幅を変えるのは問題なさそうです。

いずれも正式なものではありません。日本語版が耐えられない方には、英語版の使用をおすすめしておきます。
がっかりだよ











(・∀・)イイネ!!
ジョブズが、iPhoneのSafariでのGoogleのロゴに文句(改善案)をつけた様に、このロゴをマイクロソフトに送りつけちゃえ( ゚∀゚)o彡
kentaro
2012-01-25 (水) 2:37 PM
このコメントへのリンク