Skip to main content More Related Content
PDF
【14-E-3】Windows 8デザインガイド ～魅力的なWindowsストアアプリとデスクトップアプリを作るために～ 
PDF
One ASP.NET ～ 今、ASP.NET に何が起こっているのか？ ～ 
PPT
デブサミ 2013 日本App Inventorユーザー会 
PDF
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ... 
PDF
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013 
PDF
PPTX
モバイル＆コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ 
PDF
XAML のこれまでとこれから、今「やる」べき意義 What's hot
PDF
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること 
PDF
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに！ 
PDF
PDF
インフラジスティックス WPF コントロールを用いたリッチ アプリケーション開発 ![[devsumi2013]【15-D-7】実演！現場の悩みをTOCfEで考え抜く！](/proxy?url=https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fdevsumi2013tocfe-130217055825-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
PDF
[devsumi2013]【15-D-7】実演！現場の悩みをTOCfEで考え抜く！ 
PDF
人が作るソフトウェア 〜今組織パターンを読む意味〜 
PDF
デスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革 
ODP
KEY
PDF
PDF
PPTX
PDF
PDF
PPTX
PPTX
PDF
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門 
PDF
PDF
Infragistics Ultimate 2018 Vol.2最新機能 
PDF
AndroidのUI設計で押さえておきたいポイント Viewers also liked
PDF
PDF
PDF
Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～ 
PDF
PDF
月間6アプリリリースの開発現場でのQiita:Team活用法 
PDF
PDF
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話（とくに初動面）」 
PDF
Windowsの画面スケーリングを きちんと理解しよう 
PDF
PDF
クリスマスもコードを書きたいアナタに送る！ 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜 
PDF
77回スピーカーを経験して分かったこと」共有します 
PDF
PDF
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX! 
PDF
しょぼいプレゼンをパワポのせいにするな! by @jessedee 
PDF
PPT
PDF
見やすいプレゼン資料の作り方 - リニューアル増量版 Similar to Developers Summit 2013【14-E-3】Windows 8デザインガイド
PDF
PDF
PDF
Windowsフォームで大丈夫か？一番良いのを頼む。 
PDF
CLT-004_Windows 10 におけるアプリの互換性と移行 
PPTX
Developer Summit 2013 18-D-1 
PDF
Windows8/8.1時代のWin32プログラミング #sapporocpp 
PDF
Metroスタイルで花開くか？ XAMLベースのUIフレームワーク 
PDF
【15-e-7】Kinectから始まったスタートアップ #devsumi 
PDF
PDF
PDF
![[Japan Tech summit 2017] APP 006](/proxy?url=https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Ftechsummit2017pdfapp006-171127040530-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
PDF
[Japan Tech summit 2017] APP 006 
PDF
PDF
わんくま名古屋#25(20121201) 「Win8ストア・アプリ WP8アプリ、両面撃破作戦」 
PDF
【ソフトウェアプロジェクトにおけるツールの活用を考える会】 ソフトウェア開発におけるツール活用 - Team Foundation Server をベース... 
PDF
Developers Summit 2013【15-B-8】タブレット進化論 
PPTX
Windows8活用研究2 2013-01-26-公開用 
PPTX
PDF
Silverlight Line-Of-Business Applications 
PDF
半透明は飾りです 偉い人にはそれがわからんのですよ More from Yuya Yamaki
PDF
PDF
PDF
PDF
PDF
PDF
デスクトップアプリ開発者が押さえておくべき Windows 8時代の変革 
PDF
Windows 8時代のUXを支える非同期プログラミング 
PDF
WPF/Silverlight視点で視る MetroスタイルのXAML 
PDF
PDF
60分でわかる！SilverlightとWPFの入力チェック 
PDF
Visual Studio 2010でWPF/Silverlightをはじめる5つの理由～業務アプリ開発編～ 
PDF
Wpf 4とSilverlight 4、これから業務アプリを開発するならどっち？ 
PDF
【13 C 2】デベロッパーに贈る！M-V-VMパターンで造るWPFアプリケーション Developers Summit 2013【14-E-3】Windows 8デザインガイド
- 1.
Windows 8デザインガイド
～魅力的なWindowsストアアプリと
デスクトップアプリを作るために～
14-E-3 春日井良隆
八巻雄哉
Developers Summit
2013 Action !
- 2.
- 3.
本日お伝えしたいこと
AGENDA
UXガイドラインを読もう！
Windowsユーザーエクスペリエンスガイドライン
Windows 8時代のデスクトップアプリ
タッチ操作 高精細ディスプレイ
Developers Summit
2013 Action !
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
プリンターメーカーの標準
THE STANDARD FOR PRINTERS
• 日本で使用しているプリンター
メーカーのほとんどは、
用紙方向を選択するUIとして
C
ラジオボタン
を使用している。
Developers Summit
2013 Action !
- 11.
Microsoft XPS DocumentWriter 印刷設定
PRINTING PREFERENCES OF MICROSOFT XPS DOCUMENT WRITER
Developers Summit
2013 Action !
- 12.
- 13.
マイクロソフトの標準
THE STANDARD FOR MICROSOFT
• マイクロソフトは、
用紙方向を選択するUIとして
A
ドロップダウンリスト
を使用している。
Developers Summit
2013 Action !
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
レガシーサポート
LEGACY SUPPORT
タッチ操作 マップ先 生成されるメッセージ
WM_LBUTTONDOWN
タップ マウスの左クリック
WM_LBUTTONUP
スクロールホイール WM_VSCROLL
パン
の使用 WM_HSCROLL
WM_RBUTTONDOWN
プレスアンドホールド マウスの右クリック
WM_RBUTTONUP
Ctrlキーを押しながら lParam で
マウス ホイールを MK_CONTROLが
ズーム
回転させて 設定された
スクロールする操作 WM_MOUSEWHEEL
Developers Summit
2013 Action !
- 22.
対応が必要となる操作
AN OPERATION THAT NEEDS TO BE DEALT WITH
Developers Summit
2013 Action !
- 23.
- 24.
- 25.
- 26.
高精細ディスプレイ搭載Windows 8機
WINDOWS 8 PCS, WHICH HAVE HIGH DPI DISPLAY
ディスプレイ
解像度 ピクセル密度
モデル名 サイズ
（総画素数） （PPI）
（インチ）
Surface for Windows 8 Pro 10.6 1,920×1,080 208
ThinkPad Helix 11.6 1,920×1,080 190
VAIO Duo 11 11.6 1,920×1,080 190
ICONIA W700 11.6 1,920×1,080 190
XPS 12 12.5 1,920×1,080 176
MacBook Pro（Retina） 15.4 2,880×1,800 220
Series 9 WQHD prototype 13.3 2,560x1,440 220
Developers Summit
2013 Action !
- 27.
- 28.
約96PPI 23インチ FHD（1,920×1,080）
ABOUT 96 PPI
Developers Summit
2013 Action !
- 29.
約128PPI 23インチ WQHD（2,560×1,440）
ABOUT 128 PPI
Developers Summit
2013 Action !
- 30.
約192PPI 23インチ QFHD（3,840×2,160）
ABOUT 192 PPI
Developers Summit
2013 Action !
- 31.
DPIスケーリング
DPI SCALING
• システムフォントやUIのサイズを
スケールさせる機能
Developers Summit
2013 Action !
- 32.
- 33.
DPIスケーリング
DPI SCALING
• システムフォントやUIのサイズを
スケールさせる機能
Windows 7以前
ユーザー操作により
既定値は100%
125%等のスケールが可能
Windows 8以降
ディスプレイのピクセル密度により既定値が変化
Developers Summit
2013 Action !
- 34.
- 35.
- 36.
DPIスケーリング対応
SUPPORT FOR DPI SCALING
• 対応不要
• すべての条件で
ベクター表示による
WPF 適切なスケーリング
• 要確認
Windowsフォーム • 多くの場合
MFC等（Win32） 対応が必要
Silverlight OOB
Developers Summit
2013 Action !
- 37.
Windows 8の
アプリを作る人は
必ず読もう
UXガイドライン
14-E-3 デブサミ2013
Developers Summit
2013 Action !
Action!
- 38.
