Loading article…
Microsoft Design Language ( MDL ) [ 1 ]は、 Metroとも呼ばれ、 Microsoftが作成したデザイン言語で、フラットデザインスタイルに基づいています。このデザイン言語は、タイポグラフィと簡素化されたアイコン、不要な要素の排除、コンテンツとクロームの比率の向上 (「クロームより先にコンテンツ」)、および基本的な幾何学的形状に重点を置いています。
MDL の原則の初期の例は、Encarta 95とMSN 2.0に見られます。[ 2 ] [ 3 ]このデザイン言語はWindows Media CenterとZuneで進化し、2010 年にWindows Phone 7の発表時に Metro として正式に導入され、その後、Xbox 360 システム ソフトウェア、Xbox One システム ソフトウェア、Windows 8、Windows Phone、Outlook.comなど、同社の他のいくつかの製品に組み込まれました。[ 4 ] [ 5 ]「Microsoft デザイン言語」という名称が正式に採用される前は、Microsoft 幹部のQi Lu 氏が MIXX カンファレンスの基調講演で、これを最新の UIデザイン言語と呼んでいました。[ 6 ] Microsoft によると、「Metro」は常にコードネームであり、最終製品として意図されたものではありませんでしたが、ニュースサイトはこの変更を商標の問題によるものとしています。[ 4 ]
Microsoft Design Language 2 (MDL2) はWindows 10と並行して開発され、いくつかの調整が加えられました。[ 7 ] [ 8 ] 2017 年に Microsoft はFluent Design Systemを導入し、その後数年間で Metro を徐々に置き換えていきました。[ 9 ]
デザイン言語は、古典的なスイスのグラフィックデザインのデザイン原則に基づいています。このスタイルの初期の兆候は、テキストを主要なナビゲーション形式として採用した Windows XP Media Center Edition の Windows Media Center [ 10 ] や、Neptune の初期コンセプト [ 11 ] に見られました。このインターフェースは、後のMedia Centerのバージョンにも引き継がれました。2006 年、Zune はこれらの原則を使用してインターフェースを刷新しました。Microsoft のデザイナーは、UI の装飾を減らし、よりクリーンなタイポグラフィに重点を置いたインターフェースを再設計することにしました[ 12 ]これらの原則と新しい Zune UI は、 2010 年に初めてリリースされたWindows Phoneに引き継がれました (Windows 8 の多くはそこから着想を得ています)。Zune デスクトップ クライアントも、Zune の以前のポータブル メディア センターベースの UI とは異なる、タイポグラフィとクリーンなデザインに重点を置いて再設計されました。フラットな色の「ライブ タイル」は、初期の Windows Phone の研究中にデザイン言語に導入されました。
インタビューでは、マイクロソフトの各部門が互いの製品を使用しており、Metroの拡張は全社的なアプローチではなく、XboxなどのチームがMetroを気に入って自社製品に採用したことが説明された。マイクロソフトの多くの部門が最終的にMetroを採用した。[ 13 ]
Microsoft Design Language 2 (MDL2) は Windows 10 と同時に開発されました。このバージョンでは、日付ピッカー、トグル、スイッチなどの新しいウィジェットが導入され、すべてのユーザーインターフェイス要素の境界線の太さが縮小されました。[ 7 ] [ 8 ]その他の変更点としては、元の Metro のパノラマ/カルーセルの代わりに、ハンバーガーボタンを使用してビューにアクセスできるようになりました。 [ 14 ]
Microsoft のデザインチームは、公共交通機関でよく見られるサインのデザイン言語のインスピレーションとしてこれを挙げています。[ 15 ]このデザイン言語は、優れたタイポグラフィを重視し、目を引く大きなテキストを使用しています。Microsoft は、このデザイン言語を「洗練されていて、速く、モダン」であり、Windows、Android、iOSのアイコンベースのインターフェイスからの「刷新」であると見ています。[ 16 ]すべてのインスタンスは、Agfa MonotypeのSteve Mattesonが設計し、Microsoft にライセンス供与されたSegoeフォントファミリーに基づくフォントを使用しています。Zune 用に、Microsoft は Zegoe UI と呼ばれるカスタムバージョンを作成し、[ 17 ] Windows Phone用にSegoe WP フォントファミリーを作成しました。フォントは、ほとんどの場合、細かい部分でのみ異なります。Segoe UI と Segoe WP のより明白な違いは、それぞれの数字文字に現れます。Windows 8 の Segoe UI フォントは、Segoe WP と同様に、明白な違いがありました。顕著な書体変更が見られた文字には、1、2、4、5、7、8、I、Qが含まれる。
ジョー・ベルフィオーレはMetroの設計者の1人でした。Nokia World 2011で、ベルフィオーレはUIがテキスト要素とアイコンにおいて「芸術的」であることを目指していると説明しました。彼はまた、特にWindows Phoneのライブタイル、動くドット、キネティックスクロールのUIの「動き」についても言及しました。[ 18 ]
マイクロソフトは、共通するタスクをまとめて操作速度を向上させるために、このデザイン言語を特別に設計しました。不要なグラフィックを排除し、コンテンツそのものをメインUIとして活用することで、これを実現しています。結果として、小さなボタンよりも大きなハブが優先され、横スクロール可能なキャンバスが頻繁に採用されています。ページタイトルも通常大きく表示されるため、横スクロールを効果的に活用できます。
アニメーションは大きな役割を果たします。Microsoft は、トランジションやユーザー操作 (タップやスワイプなど) を、何らかの自然なアニメーションやモーションで一貫して認識することを推奨しています。これは、ユーザーに「生き生きとした」応答性の高い UI と「奥行き感」を与えることを目的としています。[ 19 ] [ 20 ]
初期の反応は概ね好意的だった。Zune HDのレビューでEngadgetは、「Microsoft はここでも大きな文字への取り組みを続けており、洗練された整然としたレイアウトは、魅力的であると同時に機能的でもある」と述べている。[ 21 ] CNET はデザイン言語を称賛し、「iPhone や iPod Touch の窮屈で無機質なアイコン グリッドやローロデックス メニューよりも、少し大胆で非公式だ」と述べている。[ 22 ]
IDEA 2011授賞式で、米国工業デザイナー協会（IDSA）は、UIを使用しているWindows Phone 7に「ゴールドインタラクティブ」賞、「ピープルズチョイス賞」、および「ベストインショー」賞を授与しました。[ 23 ] [ 24 ] IDSAのユーザーエクスペリエンスコンサルタントであるイザベル・アンコナは、Windows Phoneが受賞した理由を次のように説明しました。[ 25 ]
ここでの革新性は、従来のウィンドウやフレームといったユーザーインターフェースの慣習を用いず、流動的なユーザー体験とデータへの集中を実現している点にあります。データそのものが視覚的な要素やコントロールとなり、シンプルなジェスチャーとトランジションによってユーザーはコンテンツの奥深くへと導かれます。まさに洗練された、他に類を見ない体験です。
UIは女性や初めて利用するユーザーに好評だったと報告されている。[ 18 ]
特に批判の的となったのは、すべて大文字のテキストの使用である。インターネット利用の増加に伴い、批評家たちはこれを、コンピューター プログラムがユーザーに怒鳴りつけているようなものだと例えた。IT ジャーナリストの Lee Hutchinson は、Microsoft がmacOS版OneNoteでこの手法を使用していることを「ひどい」と評し、「OS X のデザイン慣習に違反するどころか、それを物置の裏に持って行ってガソリンをかけて火をつけるような、狂気じみた非標準的なアプリケーション ウィンドウ メニューがすべて大文字で呪われている」と主張した。[ 26 ]
Windows 8の登場に伴い、オペレーティングシステムのユーザー インターフェイスとデザイン言語の使用は、概して否定的な批評を受けました。2012 年 8 月 25 日、Ars Technicaの Peter Bright は Windows 8 のプレビュー リリースをレビューし、レビューの最初の部分を Windows 8 と Windows 7 で使用されているスタート メニューデザインの比較に費やしました。長所と短所を列挙し、Peter Bright は、問題がないわけではないものの、Windows 8 のスタート メニュー (スタート スクリーンと呼ばれています) が明らかに勝者であると結論付けました。しかし、彼は Windows 8 のユーザー インターフェイスはイライラさせられるものであり、ユーザー インターフェイスのさまざまな側面がうまく連携していないと結論付けました。[ 27 ] Woody Leonhard はさらに批判的で、「ユーザーの視点からすると、Windows 8 は失敗作です。ユーザーを 2 つの方向に同時に引っ張るぎこちないごちゃ混ぜです」と述べています。[ 28 ]
スタート メニューの変更に加えて、Windows 8 は、アイコン ベースのデスクトップ インターフェイスへの依存から脱却し、フルスクリーン アプリを使用するモーダルなアプローチを採用しています。しかし、そうすることで、Microsoft はマルチタスクやビジネス生産性から焦点をずらしてしまいました。[ 29 ]
2012年8月、The Vergeは、重要なヨーロッパのパートナーとの協議のため「Metro」という用語の使用を「中止する」という決定を発表する社内メモが開発者とマイクロソフトの従業員に送られ、「代替用語に取り組んでいる」と報じた。[ 30 ]テクノロジーニュースメディアのArs Technica、[ 31 ] TechRadar、[ 32 ] CNET、[ 33 ] Engadget [ 34 ] Network World [ 35 ] 、および主流メディアのBits Blog from The New York Times Company [ 36 ]とBBC News Online [ 37 ]は、メモで言及されているパートナーはマイクロソフトの小売パートナーの1つであるドイツのMetro AGである可能性があり、その名前は同社の「Metro」商標を侵害する可能性があると報じた。マイクロソフトは後に、名称を控えめにした理由は現在の訴訟とは関係なく、「Metro」は単なる社内プロジェクトのコードネームだったと述べたが、[ 38 ]同社はブランドを大々的に一般に宣伝していた。[ 39 ]一部の文脈では、同社は新しいデザインを指すのに「Modern」またはより一般的な「Windows 8」という修飾語を使用し始めたが、これはおそらくプレースホルダーとしてだった。[ 40 ]
2012 年 9 月、「Microsoft デザイン言語」がデザイン スタイルの正式名称として採用されました。[ 1 ] [ 41 ]この用語は、Microsoft Developer Network のドキュメント[ 42 ] [ 43 ] [ 44 ] [ 45 ]や 2012 年のMicrosoft Buildカンファレンスでデザイン言語を指すために使用されました。 [ 1 ] [ 46 ]
関連する変更として、マイクロソフトはWindowsストア経由で配布されるモバイルアプリを指す際に「 Metroスタイルのアプリ」という表現の使用をやめた。[ 41 ]