0
윈도우폰 혁신적인 UX 와 개발자의 미래, 마켓플레이스<br />서진호 차장 (Jinho.Seo@microsoft.com)<br /> 모바일/임베디드 디벨로퍼 에반젤리스트<br />한국 마이크로소프트<br />블로그: ...
Mobile User Experience is a Key in your Apps!<br />
Mobile User Experience<br />
Device<br /><ul><li>CPU, Memory and Externals
Display Size and Orientation
Input (Keypad vs. Touch)
Touch </li></ul>    (Registivevs. Capacitive)<br /><ul><li>Network
3G, WiFi, Bluetooth</li></li></ul><li>Platform<br />
Application<br />Source: United Nations Economic and Social Commission<br />
Web Services<br />
Why is User Experience in Phone?<br />Better than Graphic User Experience<br />Intuitive and Productive Phone UI<br />Brow...
Demo<br />Windows Mobile 6.5<br />
Best Practice:Mobile Photo Apps UXPrototype <br />
User Story (Observe to People)<br />11<br />
Different from Mobile to Desktop<br />
Prototype Example (1)<br />Design User-Centric Diagram<br />
Prototype Example (2)<br />
Prototype Example (3)<br />
Visual Design<br />Animation and Shadow<br />Margins + Padding<br />Typography (Word)<br />Wire Frames (layout) <br />Page...
Interaction Design<br /><ul><li>Keep It Simple
 Navigation
Pan, Scroll and Hold</li></li></ul><li>Touch Gesture : How to play<br />GESTUREINFO<br />GF_INERTIA<br />GF_BEGIN<br />종류에...
Demo<br />How to make Gesture Apps<br />
Considerationof Application Design<br />
1. It’s funny and Crazy!<br />21<br />
2. Enable to Web Site/Service<br />22<br />
Bite-Size Chunks of Information<br />Time-Sensitive to Info/alert<br />Geo-Location based Apps<br />Multiple Display and O...
Time-Sensitive to Info/alert<br />Geo-Location based Apps<br />Multiple Display and Orientation<br />4. Time-Sensitive to ...
Geo-Location based Apps<br />Multiple Display and Orientation<br />4. Geo-Location based Apps<br />25<br />
5. Consider Multiple Display Size<br />http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html<br />http://sende...
Windows Phone Apps Development<br />Platform Builder<br />Smart Device project<br />C#, VB.NET<br />C/C++<br />Hardware<br...
Extensibility: Open Source Framework<br />Faster implement to your creative idea!!<br />Re-usable and Productive<br />
Upcoming SlideShare
Loading in...5
×

Windows Phone UX

3,867

Published on

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

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
  • Excellent graphics. You've shared information clearly and concisely. It's one of my favorites. Seek your permission to embed it to my site at www.sprintringtones.org/ .

    Anita Gomez .
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,867
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
50
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Windows Phone UX"

  1. 1. 윈도우폰 혁신적인 UX 와 개발자의 미래, 마켓플레이스<br />서진호 차장 (Jinho.Seo@microsoft.com)<br /> 모바일/임베디드 디벨로퍼 에반젤리스트<br />한국 마이크로소프트<br />블로그: http://blogs.msdn.com/jinhoseo<br />커뮤니티: http://www.winmodev.net<br />트위터: @synabreu<br />
  2. 2. Mobile User Experience is a Key in your Apps!<br />
  3. 3. Mobile User Experience<br />
  4. 4. Device<br /><ul><li>CPU, Memory and Externals
  5. 5. Display Size and Orientation
  6. 6. Input (Keypad vs. Touch)
  7. 7. Touch </li></ul> (Registivevs. Capacitive)<br /><ul><li>Network
  8. 8. 3G, WiFi, Bluetooth</li></li></ul><li>Platform<br />
  9. 9. Application<br />Source: United Nations Economic and Social Commission<br />
  10. 10. Web Services<br />
  11. 11. Why is User Experience in Phone?<br />Better than Graphic User Experience<br />Intuitive and Productive Phone UI<br />Browsing Inside Out(Mobile/Desktop)<br />Seamless Connectivity<br />Rich Multimedia Experience<br />Integrate with Office Tools<br />
  12. 12. Demo<br />Windows Mobile 6.5<br />
  13. 13. Best Practice:Mobile Photo Apps UXPrototype <br />
  14. 14. User Story (Observe to People)<br />11<br />
  15. 15. Different from Mobile to Desktop<br />
  16. 16. Prototype Example (1)<br />Design User-Centric Diagram<br />
  17. 17. Prototype Example (2)<br />
  18. 18. Prototype Example (3)<br />
  19. 19. Visual Design<br />Animation and Shadow<br />Margins + Padding<br />Typography (Word)<br />Wire Frames (layout) <br />Pages (Form/Dialog) <br />Behaviour(Interaction)<br />Composition (Panel)<br />
  20. 20. Interaction Design<br /><ul><li>Keep It Simple
  21. 21. Navigation
  22. 22. Pan, Scroll and Hold</li></li></ul><li>Touch Gesture : How to play<br />GESTUREINFO<br />GF_INERTIA<br />GF_BEGIN<br />종류에 따라<br />(Gesture IDs)<br />GF_END<br />GID_BEGIN = 1<br />GID_END = 2<br />GID_PAN = 4<br />GID_SCROLL = 8<br />GID_HOLD = 9<br />GID_SELECT = 10<br />GID_DOUBLESELECT = 11<br />GID_LAST = 11<br />
  23. 23. Demo<br />How to make Gesture Apps<br />
  24. 24. Considerationof Application Design<br />
  25. 25. 1. It’s funny and Crazy!<br />21<br />
  26. 26. 2. Enable to Web Site/Service<br />22<br />
  27. 27. Bite-Size Chunks of Information<br />Time-Sensitive to Info/alert<br />Geo-Location based Apps<br />Multiple Display and Orientation<br />3. Send/Receive Bite-Size Chunks<br />23<br />
  28. 28. Time-Sensitive to Info/alert<br />Geo-Location based Apps<br />Multiple Display and Orientation<br />4. Time-Sensitive to Info/Alert<br />24<br />
  29. 29. Geo-Location based Apps<br />Multiple Display and Orientation<br />4. Geo-Location based Apps<br />25<br />
  30. 30. 5. Consider Multiple Display Size<br />http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html<br />http://sender11.typepad.com/sender11/2008/04/more-on-mobile.html<br />Landscape<br />Multi-scape<br />Portrait<br />128<br />X<br />128<br />128<br />X<br />160<br />176<br />X<br />208/220<br />240<br />X<br />320<br />320<br />X<br />480<br />640<br />X<br />200/360/480<br />800<br />X<br />352/400/480<br />96<br />X<br />65<br />
  31. 31. Windows Phone Apps Development<br />Platform Builder<br />Smart Device project<br />C#, VB.NET<br />C/C++<br />Hardware<br />Software<br />Application<br />Win32, MFC, ATL<br />OS<br />
  32. 32. Extensibility: Open Source Framework<br />Faster implement to your creative idea!!<br />Re-usable and Productive<br />
  33. 33. Windows Phone Marketplace<br />Developers<br />Consumer<br />On-device client<br />Global<br />reach<br />Purchase<br />discoverability<br />Attractive Rev Share<br />Purchase convenience<br />Purchase confidence<br />On-device client<br />Global<br />reach<br />Attractive <br />revenue <br />share<br />Great UX and High Quality Commercial Apps<br />3,600 SKU, 41 Country and 50K downloads<br />South Korea will launch at H1 2010<br />Purchase<br />discoverability<br />Purchase convenience<br />Purchase confidence<br />Deployment<br />Purchase Order<br />
  34. 34. Conclusion: People will PAY for great UX!<br />
  35. 35. Reference<br />서진호의 윈도우 폰 이야기<br />http://blogs.msdn.com/jinhoseo<br />Windows Phone Developers Group <br />http://www.winmodev.net<br />Twitter : Follow up @wmdevkr<br />Windows Phone Developer Web Cast<br />http://msdn.microsoft.com/ko-kr/ee872765.aspx<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×