なぜなに windows universal app (パイロット版)
TRANSCRIPT
なぜなにWindows Universal App たん
WinJS 4 編 じゃなかった
～ 迫りくる Windows 10 のリリースに備えて ～
れいさにゃんMicrosoft MVP – Microsoft Azure
Windows 8 とは何だったのか
新しいコンピューティングの提案
・タッチインターフェースに最適化した全く新しい UI を定義
・タッチインターフェースに重点
（Windows 8.1 でマウスでの操作性を改善）
Windows 8 のインターフェースデザイン
・単体でみたとき決して悪くなく、むしろ完成度は素晴らしい。
・行き過ぎた独自性の追求により他のプラットフォームとギャップが生じてしまった。
Windows 10 での方向修正
協調性 → ユニバーサル化
・行き過ぎた独自性を見直し、他プラットフォームとの協調性を重視。
・ひとつのデバイスに特化するより、すべてのデバイスで共通の操作性を基本とする。
無かったことになるもの
水平スクロール ×
従来の垂直スクロールが基本にもどります
画像の引用元: http://blog.instin.com/post/58985277707/designing-for-windows-8-metro
アプリバー ×
レガシーストアアプリ※はタイトルバーのハンバーガーボタンか、上からスワイプすると出せます（全画面時）
画像の引用元: Yabumi / Webnium
レガシーストアアプリ※はタイトルバーのハンバーガーボタンか、上からスワイプすると出せます（全画面時）
アプリバー ×
画像の引用元: Yabumi / Webnium
すぐできる！おすすめ改修
・コントロールを常に表示させておくことが基本なので・アプリバーは最初から表示させておく！↓エンドユーザーが混乱しない ◎
チャーム ×
レガシーストアアプリ※が使用する共有チャーム等はタイトルバーのハンバーガーボタンで出せます
画像の引用元: http://telecompk.net/2012/08/27/review-windows-8-is-it-worth-upgrading/
チャーム ×
レガシーストアアプリ※が使用する共有チャーム等はタイトルバーのハンバーガーボタンで出せます
画像の引用元: http://telecompk.net/2012/08/27/review-windows-8-is-it-worth-upgrading/
某れ○さ氏のつぶやき
チャーム、好きでした・・・
君のこと絶対に忘れないよ・・・
さよなら・・・
などなど
新生アプリバー
コマンドバー（新アプリバー）
基本的に常に見える状態に
画像の引用元: https://msdn.microsoft.com/ja-jp/library/windows/apps/hh465302.aspx
共有ソースは要ボタン配置
共有ソース
チャームは無くなったのです。共有するためのボタンを配置しましょう。
画像の引用元: http://blog.instin.com/post/58985277707/designing-for-windows-8-metro
ユニバーサルアプリ
３つの基本構成要素
画像の引用元: http://www.slideshare.net/LucaFino/windows-10-app-design
① コンテンツ要素
これがないと審査におちます
画像の引用元: http://www.slideshare.net/LucaFino/windows-10-app-design
② コマンド要素
コンテンツに対するコマンドをボタンやコマンドバーで実行できるようにします
画像の引用元: http://www.slideshare.net/LucaFino/windows-10-app-design
③ ナビゲーション要素
表示するコンテンツを選択するための要素です
画像の引用元: http://www.slideshare.net/LucaFino/windows-10-app-design
ナビゲーションは大きく分けて5パターンこれらのパターンはあくまで参考です
ハブ
ハンバーガー
ピボット
マスター/詳細
タブ
http://design.windows.com
実は WinJS ではほとんど未実装
なぜ Windows 10 は垂直スクロールなのか
水平スクロールの問題
既存インターフェースとの齟齬
・そもそも水平スクロールできないマウスがある
・垂直スクロールを水平スクロールに変換してた→混乱の元
・ウェブアプリや他プラットフォームに合わせる
ハンバーガーボタンについて
ハンバーガーボタン問題。
・ハンバーガーボタンは元々表示領域の狭い場合のための UI である
・表示できる余裕がある場合は展開しておくとUX が向上する
http://design.windows.com
イカのせいで WinJS のことすっかりわすれてました
未解決疑問集
Azure 新Portal の水平スクロールはどうなるの？
Microsoft Edge のバグはRTMには治ってるの？