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

서진호 차장 (Jinho.Seo@microsoft.com) 모바일 / 임베디드 디벨로퍼 에반젤리스트

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

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

Mobile User Experience is a Key in your Apps!

Mobile User Experience

Device

Platform

Applica-tion

Web Ser-vices

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

• 3G, WiFi, Bluetooth

Platform

Source: United Nations Economic and Social Commission

Application

Web Services

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

Demo

Windows Mobile 6.5

Best Practice:Mobile Photo Apps UXPrototype

11User Story (Observe to People)

Different from Mobile to Desktop

Prototype Example (1)

• Design User-Centric Diagram

Prototype Example (2)

Prototype Example (3)

Visual Design

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

(Interaction)• Composition (Panel)

• Animation and Shadow

• Margins + Padding• Typography (Word)

• Keep It Simple• Navigation

• Pan, Scroll and Hold

Interaction Design

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

Demo

How to make Gesture Apps

Considerationof Application Design

211. It’s funny and Crazy!

222. Enable to Web Site/Service

233. Send/Receive Bite-Size Chunks

244. Time-Sensitive to Info/Alert

254. Geo-Location based Apps

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

Windows Phone Apps Development

Smart Device projectPlatform Builder

Hardware

Software

OS

ApplicationWin32, MFC, ATL

C#, VB.NET

C/C++

Extensibility: Open Source Framework

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

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

Conclusion: People will PAY for great 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

© 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.