Windows Phone アプリ用の日本語ボタンがダサい件

執筆: つやつや

日時: 2012-01-25 (水) 2:37 PM

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

image

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

ちなみにこちらが初代。

wp7_152x50_blue

こちらが2代目。

Download-EN-Med

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

Download-EN-Med

 

日本語版のボタンだけダサいのはなぜ?

パッと見て違和感を覚えたのが日本語版のボタンです。

Download-JP-Med

さて、どこがおかしいのでしょうか。

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

image

目視で区別が付くかどうかはさておき、これは別の色です。少なくともよく訓練されたデザイナーであれば、何らかの意図がない限りこのような変更はしないでしょう。

 

次にテキストの配置です。英語版では、テキストのベースラインと Windows フラッグがバランスよく配置されています。Windows フラッグの扱いに慣れた人間がデザインしている印象を受けます。

image

 

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

image

これらの違いから推測すると、日本語版のボタンは元のボタンとは別の環境で作られており、本職のデザイナーではない人間が手がけていると思われます。

正直いって、このようなクオリティのボタンは Windows Mobile の時代なら許容範囲とされるかもしれませんが、Windows Phone では使えないレベルです。

 

私も個人的にいくつか改善案をつくってみました。まず、日本語テキストとフラッグのバランスを調整してみます。

image

 

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

image

 

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

image

 

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

image

 

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

ソース [App Hub]

管理人コメント:

がっかりだよ
tunakko コメント:

日本語のボタンだけやたら文字がにじんで見えるね

この記事のタグ: , , ,

One Response

  1. (・∀・)イイネ!!
    ジョブズが、iPhoneのSafariでのGoogleのロゴに文句(改善案)をつけた様に、このロゴをマイクロソフトに送りつけちゃえ( ゚∀゚)o彡

    kentaro

    2012-01-25 (水) 2:37 PM

    このコメントへのリンク

Leave a Reply