• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Developers Summit 2013【14-E-3】Windows 8デザインガイド
 

Developers Summit 2013【14-E-3】Windows 8デザインガイド

on

  • 5,331 views

後半の「デスクトップアプリ編」です。

後半の「デスクトップアプリ編」です。

Statistics

Views

Total Views
5,331
Views on SlideShare
3,769
Embed Views
1,562

Actions

Likes
7
Downloads
55
Comments
1

11 Embeds 1,562

http://d.hatena.ne.jp 965
http://event.shoeisha.jp 214
http://unsolublesugar.com 197
http://namihira.hatenablog.com 144
https://twitter.com 29
http://intra.iwest.in.infocom.co.jp 7
http://cc.bingj.com 2
https://si0.twimg.com 1
http://localhost 1
http://test-event.shoeisha.jp 1
http://translate.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 最終ページ 「高DPI」のリンクが ttp になっていて、開けなくなっていますね。
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Developers Summit 2013【14-E-3】Windows 8デザインガイド Developers Summit 2013【14-E-3】Windows 8デザインガイド Presentation Transcript

    • Windows 8デザインガイド ~魅力的なWindowsストアアプリと デスクトップアプリを作るために~14-E-3 春日井良隆 八巻雄哉Developers Summit 2013 Action !
    • デスクトップアプリ編
    • 本日お伝えしたいことAGENDA UXガイドラインを読もう! Windowsユーザーエクスペリエンスガイドライン Windows 8時代のデスクトップアプリ タッチ操作 高精細ディスプレイ Developers Summit 2013 Action !
    • UXガイドラインを読もう!
    • デスクトップアプリのためのガイドラインWINDOWS 8 DESKTOP APPLICATION DESIGN GUIDE Developers Summit 2013 Action !
    • クイズQUIZ• プリンターの設定にある「用紙方向」の選択に 最も適したUIパターン(コントロール)は、 次のうちどれですか? A B ドロップダウンリスト リストボックス C D ラジオボタン チェックボックス Developers Summit 2013 Action !
    • 実際のプリンタの設定画面ACTUAL PRINTER SETTINGS Developers Summit 2013 Action !
    • 実際のプリンタの設定画面ACTUAL PRINTER SETTINGS Developers Summit 2013 Action !
    • 実際のプリンタの設定画面ACTUAL PRINTER SETTINGS Developers Summit 2013 Action !
    • プリンターメーカーの標準THE STANDARD FOR PRINTERS• 日本で使用しているプリンター メーカーのほとんどは、 用紙方向を選択するUIとして C ラジオボタン を使用している。 Developers Summit 2013 Action !
    • Microsoft XPS Document Writer 印刷設定PRINTING PREFERENCES OF MICROSOFT XPS DOCUMENT WRITER Developers Summit 2013 Action !
    • Windowsストアアプリでの印刷PRINTING FROM WINDOWS STORE APPS Developers Summit 2013 Action !
    • マイクロソフトの標準THE STANDARD FOR MICROSOFT• マイクロソフトは、 用紙方向を選択するUIとして A ドロップダウンリスト を使用している。 Developers Summit 2013 Action !
    • なぜか?
    • UXガイドライン ラジオボタンUX GUIDELINE - RADIOBUTTON Developers Summit 2013 Action !
    • UXガイドラインドロップダウンリストとコンボ ボックスUX GUIDELINE –DROPDOWNLIST AND COMBOBOX Developers Summit 2013 Action !
    • 用紙方向「横」を使う機会は どのくらいあるのか?
    • デスクトップアプリのためのガイドラインWINDOWS 8 DESKTOP APPLICATION DESIGN GUIDE Developers Summit 2013 Action !
    • Windows 8時代のデスクトップアプリ Surface TM
    • ハードウェアの変革HARDWARE SHIFT タッチ可能な デバイスの普及 ディスプレイ の高精細化 Developers Summit 2013 Action !
    • レガシーサポートLEGACY SUPPORTタッチ操作 マップ先 生成されるメッセージ WM_LBUTTONDOWNタップ マウスの左クリック WM_LBUTTONUP スクロールホイール WM_VSCROLLパン の使用 WM_HSCROLL WM_RBUTTONDOWNプレスアンドホールド マウスの右クリック WM_RBUTTONUP Ctrlキーを押しながら lParam で マウス ホイールを MK_CONTROLがズーム 回転させて 設定された スクロールする操作 WM_MOUSEWHEEL Developers Summit 2013 Action !
    • 対応が必要となる操作AN OPERATION THAT NEEDS TO BE DEALT WITH Developers Summit 2013 Action !
    • Microsoft Office 2013MICROSOFT OFFICE 2013 1.32倍 1.78倍マウスモード タッチモード Developers Summit 2013 Action !
    • Microsoft Office 2013MICROSOFT OFFICE 2013 2.5倍マウスクリック タップ(タッチ) Developers Summit 2013 Action !
    • Intelの予測:ノートPCとデスクトップのRetinaディスプレイは2013年に来るINTEL: RETINA L A P T O P, DESKTOP DISPLAYS COMING IN 2013 Developers Summit 2013 Action !
    • 高精細ディスプレイ搭載Windows 8機WINDOWS 8 PCS, WHICH HAVE HIGH DPI DISPLAY ディスプレイ 解像度 ピクセル密度モデル名 サイズ (総画素数) (PPI) (インチ)Surface for Windows 8 Pro 10.6 1,920×1,080 208ThinkPad Helix 11.6 1,920×1,080 190VAIO Duo 11 11.6 1,920×1,080 190ICONIA W700 11.6 1,920×1,080 190XPS 12 12.5 1,920×1,080 176MacBook Pro(Retina) 15.4 2,880×1,800 220Series 9 WQHD prototype 13.3 2,560x1,440 220 Developers Summit 2013 Action !
    • XGA(1,024×768)のウィンドウXGA WINDOW Developers Summit 2013 Action !
    • 約96PPI 23インチ FHD(1,920×1,080)ABOUT 96 PPI Developers Summit 2013 Action !
    • 約128PPI 23インチ WQHD(2,560×1,440)ABOUT 128 PPI Developers Summit 2013 Action !
    • 約192PPI 23インチ QFHD(3,840×2,160)ABOUT 192 PPI Developers Summit 2013 Action !
    • DPIスケーリングDPI SCALING• システムフォントやUIのサイズを スケールさせる機能 Developers Summit 2013 Action !
    • 100% 200%
    • DPIスケーリングDPI SCALING• システムフォントやUIのサイズを スケールさせる機能 Windows 7以前 ユーザー操作により 既定値は100% 125%等のスケールが可能 Windows 8以降 ディスプレイのピクセル密度により既定値が変化 Developers Summit 2013 Action !
    • Windows 7WINDOWS 7 Developers Summit 2013 Action !
    • Windows 8WINDOWS 8 Developers Summit 2013 Action !
    • DPIスケーリング対応SUPPORT FOR DPI SCALING • 対応不要 • すべての条件で ベクター表示によるWPF 適切なスケーリング • 要確認 Windowsフォーム • 多くの場合 MFC等(Win32) 対応が必要 Silverlight OOB Developers Summit 2013 Action !
    • Windows 8の アプリを作る人は 必ず読もう UXガイドライン14-E-3 デブサミ2013Developers Summit 2013 Action ! Action!
    • 参考資料RESOURCES• 今さらWPF?いいえ、今こそWPF!• DPIスケール変更時におけるWPFと Silverlightの違い - Yuya Yamaki’s blog• 高 DPI(MSDN ライブラリ) Developers Summit 2013 Action !