Posts in 未分類

The FlipView control is useful as same as the ListBox control, how to use the ItemTemplate […]

Hamburger menu is very familiar as menu UI recently as which is used in mobile device […]

Two panes app, for example, an app which constructed with Menu tab area and contents area […]

Operation system provides an association of the specified file or URI which can run the default […]

A data binding architecture is important feature for client side MVC. In XAML until windows 8.1, […]

Microsoft design languageは、レガシーアプリケーションの時代からアプリケーションをとりまく環境が大きく変わったことに対応してきました。Metroでは「非同期処理によるUIのインタラクティブの変化」や「親指操作を主とするスモールスクリーンのUI操作の変化」、「ペンやタッチといった入力の変化」です。これらはバルマーが言うところの「Many screens and a cloud」に対応した大きなパラダイムシフトでした。GUIというコンテキストがUXに拡張された理由は、アプリケーションにこれらの環境の変化を取り込む必要があったからです。 そして、Build 2017でサティアが「Intelligent cloud and Intelligent edge」という大きなパラダイムシフトに対応することをデベロッパーに望んでいます。Metroが必要だったように、Modernアプリケーションのエクスペリエンスデザインには、HoloLensを含むiOSやAndroid、スクリーンレスなデバイスがAIやコグニティブをサービスとして利用できる環境に対応できるパターン&プラクティスや広汎なDesign principleが必要で、Microsoft design languageはそのひとつの解であると考えます。 […]

Metroをご存知の方は、当時のGUIというコンテキストがUXに拡張され、ユーザー体験を含むソフトウェアとの関わりという意味に変化したことを記憶していると思います。クラウドやIoTなどのファシリティが一通り揃った今、MicrosoftはいよいよHoloLensを含むiOSやAndroidなどのマルチデバイスに向けたUXのパターン&プラクティスを提唱しようとしています。これは、3Dデザインやゲームにまで及びAdobe社を巻き込んだ広汎なDesign principle (原則)になると予想できます。ここでは、このメトロデザイン第二弾について外観をご紹介します。 Metroを振り返る そもそも、なんで今デザインの話をしなきゃいけないのかというところから解説します。過去にレガシーアプリケーションが持つUIがスマートフォンや大きなスクリーンに対応するのが困難になってきた時期がありました。その際、Modern UIのパラダイムとしてMicrosoftがコードネームMetroを発表しました（これが今のProject Neonに引き継がれます）。この際にMicrosoft design languageは広く認知されるようになりました。このような理由で、Microsoft Fluent Designは「Microsoft Design Language 2」、「metro2」と呼ばれることがあります。 まずはMetroの復習です。1分強のビデオです。 https://www.youtube.com/watch?v=aebfjzdLxJA […]