web-dev-qa-db-ja.com

Windows 8のMetro UXについて、どのようなことを学ぶことができますか？

MicrosoftのMetro設計言語は、Windows 8で主流に移行しています。

Wikipediaのページ Metro Design Language（Wikipedia） や Windows Phone 7 Series UI Design＆Interaction Guide など、Metroデザインの理論について説明しているオンラインリファレンスがいくつかあります。 Windows Phone 7ブログからリンクされているPDF。

Windows 8コミュニティプレビュー（別名ベータ版）が（2012年2月29日から）公開され、Metroスタイルデスクトップアプリケーションを初めて使用して操作できるようになりました。

この機会は、Metroスタイルが実際にどのように実装されているかを確認する機会を与えてくれます。

効果的なMetroユーザーエクスペリエンスについて、Windows 8から何を学ぶことができますか？

Metroの影響力、Webサイトや従来のアプリケーションがMetroスタイルになった場合、Metroのどの機能をWindows 8およびWindows Phone 7で使用できるようにするか、およびより広く再利用しますか？

[編集注：私は、Metroが優れたアイデアであるかどうかについての議論ではなく、Metroスタイルで本物で効果的なユーザーエクスペリエンスを作成するのに役立つ答えを探しています。この質問を投稿する際の私の懸念のいくつかを確認するには、私の メタ質問 を参照してください。]

windows-phone-7metrowindows-8
8
Bevan

スタイルに関するレッスン：

Mike Kruzeniski（Creative Director Windows Phone Design team）は彼のブログで 新しいMetro UI Style の利点について論じています。これは短い 新しいBauhaus 。個人的には、バウハウスは装飾品（ここではUI Chrome）だけでなく（いいえChrome単なるタイプミス）でもないので、彼は「新しいブランド」で多くの歴史を築こうとしていると思います。バウハウスはフォームは機能に従っており、アフォーダンスを失うため、クロムレスボタンの利点はわかりません。

私の意見では、新しいMetro UIスタイルは、クリーンで美しくタイプミスのあるインターフェースであり、モダンで美しく見えます。しかし、それ以上はありません。

相互作用に関するレッスン：

Metro UIの主要な機能の1つは、いわゆるcharms（ dev center および UX video at min 50 ）。これはすべてのアプリで事前定義されたツールバーであり、アプリ間、ユーザー間、またはデバイス間でデータを共有できます。すべてクラウドシステムを使用します。アプリを終了する場合は、アプリの保存状況を保存することもできます。デザイナーとして、アプリで共有するデータを定義する必要があります。実際、どのデータが他のアプリで利用可能になるのが理にかなっています。

もう1つは、IEブラウザを含むすべてのアプリのchromelessnessです。これは、Webサイトのセキュリティ（フィッシングサイトを特定する方法？））および 異なる感触 、つまり通知バーとスティッキーヘッダーを使用すると、ブラウジングエクスペリエンスを今よりも包括的にカスタマイズできます。IEは、従来のデスクトップスタイルでもクロムレスです！ （私は秋にDev Previewを使用したため、古くなっている可能性があります）

つづく...

3
FrankL

Metroスタイルアプリの注目点は、WindowsフォームおよびWPFアプリケーションでの主要なUXコンポーネントであるDataGridを除外することです。これにより、開発者とUXデザイナーは、大量のリッチデータを表示するためのより賢い方法を考え出す必要があります。

多くの人々は、アイテムを識別して比較するために重要なデータのみを含むタイルを備えたダッシュボードのようなビューを構築しているようで、ユーザーは1つのアイテムのデータを注意深く検査するために、ユーザーがまったく新しいフルスクリーンビューを使用して、より詳細に自然に流れ込むことができます。一度に。

これは、データグリッドからの優れたステップです。なぜなら、データの負荷でユーザーの注意をそらすことなく、興味深いアイテムの比較と識別が可能だからです。データグリッドの松葉杖がなくても、より使いやすい（タッチ対応の）リッチデータアプリケーションを構築できます。

私が言っていることの良い例については、消費者プレビューがプリインストールされているFinancesアプリを見てください。 Visual Studio 11のベータ版に付属するこのパターンのテンプレートもあります。

2
Owen Johnson

メトロデザインの原則：

Metro Design Principlesは、Windows Phoneのエクスペリエンスの作成を導く柱（通常は抽象的な概念）です。

Metro Design Languageは、一連の具体的なユーザーインタラクション、ビジュアルデザイン、モーション、およびアプリケーションフローの要素とルールです。

Windows Phoneの設計原則は次のとおりです。

  • 軽量、クリーン、オープン、高速（激しい削減）
  • Chromeではなくコンテンツ
  • タイポグラフィ（複数のフォントファミリを使用できます）
  • モーション
  • 本物のデジタル

ナビゲーションモデル：

略称：

  • ピボット
  • パノラマ
  • ページ

ここでMetro UI/UXの詳細を取得できます： http://ux.artu.tv/?page_id=19

1
jelumalai