windows 8 ux guidelines

37
Windows 8 UX Guidelines WCAF vol.9

Upload: takaaki-suzuki

Post on 01-Jul-2015

323 views

Category:

Technology


0 download

DESCRIPTION

2012/11/23 WCAF vol.9 セッション資料

TRANSCRIPT

Page 1: Windows 8 UX Guidelines

Windows 8UX GuidelinesWCAF vol.9

Page 2: Windows 8 UX Guidelines

About Me

Name

鈴木孝明

Twitter Account

@xin9le

Award

Microsoft MVP for Visual C#

Blog

http://xin9le.net

Page 3: Windows 8 UX Guidelines
Page 4: Windows 8 UX Guidelines
Page 5: Windows 8 UX Guidelines

Web Articles

@ITで連載

http://www.atmarkit.co.jp/fdotnet/chushin/masterasync_index/

連載 : C# 5.0 & VB11.0 新機能「async/await 非同期メソッド」入門

Page 6: Windows 8 UX Guidelines

Design Concept

Page 7: Windows 8 UX Guidelines
Page 8: Windows 8 UX Guidelines
Page 9: Windows 8 UX Guidelines

Concept

削ぎ落とす 一体感 軽快

Page 10: Windows 8 UX Guidelines
Page 11: Windows 8 UX Guidelines

Background

Page 12: Windows 8 UX Guidelines

Market Share

Page 13: Windows 8 UX Guidelines

Strategy

Page 14: Windows 8 UX Guidelines

UX Guidelines

Page 15: Windows 8 UX Guidelines

Immersive

没入感コンテンツ最優先 ムダの排除

Page 16: Windows 8 UX Guidelines
Page 17: Windows 8 UX Guidelines
Page 18: Windows 8 UX Guidelines
Page 19: Windows 8 UX Guidelines

Layout

枠線なし グリッド 余白

Page 20: Windows 8 UX Guidelines
Page 21: Windows 8 UX Guidelines
Page 22: Windows 8 UX Guidelines

Emphasis

1

2

3

Page 23: Windows 8 UX Guidelines
Page 24: Windows 8 UX Guidelines

Typography

Segoe UI

Regular

Semibold

Bold

補足

9pt

Semilight

Regular

Semibold

本文

11pt

Light

Semilight

Regular

小見出し

20pt

Light

見出し

42pt

Page 25: Windows 8 UX Guidelines

42pt

20pt

11pt

11pt

9pt

Page 26: Windows 8 UX Guidelines

Edge

チャーム アプリバー スナップ

Page 27: Windows 8 UX Guidelines
Page 28: Windows 8 UX Guidelines
Page 29: Windows 8 UX Guidelines
Page 30: Windows 8 UX Guidelines
Page 31: Windows 8 UX Guidelines

Notification

ライブタイル バッジ

トースト通知

Page 32: Windows 8 UX Guidelines
Page 33: Windows 8 UX Guidelines

Feedback

操作に応答

適度なアニメーション

フリーズしない

Page 34: Windows 8 UX Guidelines

Thank youEnjoy Windows 8 UX Design!!

Page 35: Windows 8 UX Guidelines

Video

http://channel9.msdn.com/Events/Windows-Camp/DeveloperCampjp/-Developer-Camp-UDX-Session-E2-1

Page 36: Windows 8 UX Guidelines

Books

Page 37: Windows 8 UX Guidelines