Windows Phone UX

32
윈윈윈윈 윈윈윈윈 UX 윈 윈윈윈윈 윈윈 , 윈윈윈윈윈윈 서서서 서서 ([email protected] ) 서서서 / 서서서서 서서서서 서서서서서서 서서 서서서서서서서 서서서 : http://blogs.msdn.com/jinhoseo 서서서서 : http://www.winmodev.net 서서서 : @synabreu

description

윈도우폰 혁신적인 UX와 마켓플레이스

Transcript of Windows Phone UX

Page 1: Windows Phone UX

윈도우폰 혁신적인 UX 와 개발자의 미래 , 마켓플레이스

서진호 차장 ([email protected]) 모바일 / 임베디드 디벨로퍼 에반젤리스트

한국 마이크로소프트블로그 : http://blogs.msdn.com/jinhoseo

커뮤니티 : http://www.winmodev.net트위터 : @synabreu

Page 2: Windows Phone UX

Mobile User Experience is a Key in your Apps!

Page 3: Windows Phone UX

Mobile User Experience

Device

Platform

Applica-tion

Web Ser-vices

Page 4: Windows Phone UX

Device• CPU, Memory and Externals • Display Size and Orientation• Input (Keypad vs. Touch)• Touch (Registive vs. Capacitive)• Network

• 3G, WiFi, Bluetooth

Page 5: Windows Phone UX

Platform

Page 6: Windows Phone UX

Source: United Nations Economic and Social Commission

Application

Page 7: Windows Phone UX

Web Services

Page 8: Windows Phone UX

Why is User Experience in Phone?

Better than Graphic User ExperienceIntuitive and Productive Phone UIBrowsing Inside Out (Mobile/Desktop)Seamless ConnectivityRich Multimedia ExperienceIntegrate with Office Tools

Page 9: Windows Phone UX

Demo

Windows Mobile 6.5

Page 10: Windows Phone UX

Best Practice:Mobile Photo Apps UXPrototype

Page 11: Windows Phone UX

11User Story (Observe to People)

Page 12: Windows Phone UX

Different from Mobile to Desktop

Page 13: Windows Phone UX

Prototype Example (1)

• Design User-Centric Diagram

Page 14: Windows Phone UX

Prototype Example (2)

Page 15: Windows Phone UX

Prototype Example (3)

Page 16: Windows Phone UX

Visual Design

• Wire Frames (layout) • Pages (Form/Dialog) • Behaviour

(Interaction)• Composition (Panel)

• Animation and Shadow

• Margins + Padding• Typography (Word)

Page 17: Windows Phone UX

• Keep It Simple• Navigation

• Pan, Scroll and Hold

Interaction Design

Page 18: Windows Phone UX

Touch Gesture : How to play

GF_BEGIN GF_INERTIA

GF_END

GESTUREINFO

종류에 따라(Gesture IDs)

GID_BEGIN = 1GID_END = 2GID_PAN = 4GID_SCROLL = 8GID_HOLD = 9GID_SELECT = 10GID_DOUBLESELECT = 11GID_LAST = 11

Page 19: Windows Phone UX

Demo

How to make Gesture Apps

Page 20: Windows Phone UX

Considerationof Application Design

Page 21: Windows Phone UX

211. It’s funny and Crazy!

Page 22: Windows Phone UX

222. Enable to Web Site/Service

Page 23: Windows Phone UX

233. Send/Receive Bite-Size Chunks

Page 24: Windows Phone UX

244. Time-Sensitive to Info/Alert

Page 25: Windows Phone UX

254. Geo-Location based Apps

Page 26: Windows Phone UX

http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.htmlhttp://sender11.typepad.com/sender11/2008/04/more-on-mobile.html

LandscapeMulti-scape

128X

128

128X

160

176X

208/220

240X

320

320X

480

640X

200/360/480

800X

352/400/480

96X65

Portrait

5. Consider Multiple Display Size

Page 27: Windows Phone UX

Windows Phone Apps Development

Smart Device projectPlatform Builder

Hardware

Software

OS

ApplicationWin32, MFC, ATL

C#, VB.NET

C/C++

Page 28: Windows Phone UX

Extensibility: Open Source Framework

• Faster implement to your creative idea!!• Re-usable and Productive

Page 29: Windows Phone UX

Windows Phone Marketplace

Developers Consumer

On-device client

Globalreach

Purchasediscoverab

ility

Attractive Rev Share

Purchase convenien

ce

Purchase confidence

On-device client

Globalreach

Attractive revenue

share

Purchasediscoverab

ility

Purchase convenien

ce

Purchase confidence

Deployment Purchase Order

• Great UX and High Quality Commercial Apps• 3,600 SKU, 41 Country and 50K downloads• South Korea will launch at H1 2010

Page 30: Windows Phone UX

Conclusion: People will PAY for great UX!

Page 31: Windows Phone UX

Reference

• 서진호의 윈도우 폰 이야기 http://blogs.msdn.com/jinhoseo• Windows Phone Developers Group http://www.winmodev.net• Twitter : Follow up @wmdevkr • Windows Phone Developer Web Cast http://msdn.microsoft.com/ko-kr/ee872765.aspx

Page 32: Windows Phone UX

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the

date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.