[Windows Phone 7 UIガイドを読み解く] 第1回 ～WP7のデザイン哲学～
[Windows Phone 7 UI ガイドを読み解く ] 第 1 回 ～ WP7 のデザイン哲学～ 新しい連載として、 Windows Phone 7 の UI デザインについての連載を始めます。 UI Design and Interaction Guide for Windows Phone 7 というドキュメントが発表されています。 このドキュメントは英語で書かれているので、その中からいくつかのトピックを抜き出し、紹介していきます。 オリジナルのドキュメントは、下記 Web サイトよりダウンロードできます。 http://msdn.microsoft.com/en-us/library/ff637515(VS.92).aspx このページの最初のほうにある、「 UI Design and Interaction….. 」というリンクをクリックすると、ダウンロードが始まります。 [Windows Phone 7 design philosophy] (8 ページ – 13 ページ ) 直訳すると WP7 のデザイン哲学でしょうか。 この 6 ページに、 Windows Phone 7 のデザインの目指すところが書いてあります。 WP7 のアプリケーションの指標として、以下の 3 つの柱があります。 • Personal ( 個人的な ) – your day, your way • Relevant ( 適切な ) – your people, your location • Connected ( つながっている ) – your stuff, your peace of mind アプリケーションは、この 3 つの柱のどれかを意識して開発するのがよいでしょう。 UI ガイドには、上記のようなシンプルな言葉でしか書かれていませんが、僕はこんな感じで勝手に解釈しています。 Personal とは、 WP7 を使っているユーザーの生活や生き方に関するようなアプリのこと。 Relevant とは人とのつながりや今いる場所のような、 TPO に合わせた情報を扱ったり、 TPO にあわせて振る舞いが変わるようなアプリのこと。 Connected とは、そのユーザーの信念や信条とどうつながるアプリを提供できるかということ。 これを見ると、「人が使っている」ということをすごく重視している感じがします。 デザイン哲学のページの最初の一節は、 Windows Phone 7 is for Life Maximizers です。 「人生を最大化させる人」のためのものと言っているように、人が中心なんですね。 WP7 の UI は、 メトロ という名前がついています。 地下鉄のメトロです。 地下鉄や空港では、言葉がわからない人にも分かるように、視覚的にデザインされた案内が出ています。 (UI ガイドより引用した図 ) この図に東京の地下鉄の案内図も載っているように、案内図は日本語が分からない方が見ても、意味が分かるように設計されています。 メトロデザインは、以下の 5 つの主題で開発されています。 1) Clean, light, open, and fast : It is visually distinctive, contains ample white space, reduces clutter and elevates typography as a key design element.
More:
[Windows Phone 7 UIガイドを読み解く] 第1回 ～WP7のデザイン哲学～
