[Msd09]mobile design

942 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
942
On SlideShare
0
From Embeds
0
Number of Embeds
177
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[Msd09]mobile design

  1. 1. http://msd2013.jylee6977.com/tcKGIT 2013 SPRING CLASS @ JYLEEMobileServiceDesign
  2. 2. MobileServiceDesignhttp://msd2013.jylee6977.com/tc1 Class Orientation- 수업 및 프로젝트 소개- 아이스 브레이킹2What is Mobile App?What is Service Design?- 모바일과 모바일 앱에 대한 이해- 모바일 서비스 개발을 위한 서비스 디자인3Mobile Context& User Experience- 모바일 컨텍스트에 대한 이해- 모바일 사용자 경험에 대한 이해- 모바일 UI에 대한 이해4Mobile Service Design(1)- Discovery Phase- 무엇을 서비스화/디자인 할 것인가?- Desk Research를 통한 발견5Mobile Service Design(2)- Define Phase : 문제정의- 서비스 대상에 대한 문제정의- User Research. Service Safari6Mobile Service Design(3)- Define Phase : 서비스전략- 문제정의에 따른 컨셉 및 전략 구축- Interpretation & Mapping7Mobile Service Design(4)- Define Phase : 디자인원칙수립- 전략 및 컨셉에 따른 사용자 시나리오- Persona, Service Principle, Design Criteria
  3. 3. MobileServiceDesignhttp://msd2013.jylee6977.com/tcDefine| 배경 및 환경조사Discovery| 사용자 조사 및 관찰Synthesis| 모델링, 아이디어Implementation| 프로토타이핑, 적용!Problem Define무엇이 문제이고 그것을 어떻게 해결할 것인가?Design Goal& Principle해결을 위해 서비스 사용자들의 Unmet Needs와Latent Needs는 무엇인가?Solution Suggestion환경적 문제와 사용자들의 Needs와의Gap을 줄일 수 있는 방안은 무엇이 있는가?Big Idea
  4. 4. MobileServiceDesignFORAPP PROCESS
  5. 5. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  6. 6. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobileServiceDesign기획디자인개발개발 디자인Collaboration
  7. 7. MobileServiceDesignhttp://msd2013.jylee6977.com/tcREVIEW & GOSession1 Session2REVIEW & GO REVIEW & GO
  8. 8. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMAPPING
  9. 9. MobileServiceDesignhttp://msd2013.jylee6977.com/tcApp Design Process(after service strategy)IDEA WIREFRAME DESIGNINGMapping
  10. 10. MobileServiceDesignhttp://msd2013.jylee6977.com/tcApp Design Process(after service strategy)IDEA WIREFRAME DESIGNINGMapping
  11. 11. MobileServiceDesign1. Converting Idea to ContentsUSER SCENARIO
  12. 12. MobileServiceDesignhttp://msd2013.jylee6977.com/tc••••
  13. 13. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  14. 14. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  15. 15. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  16. 16. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  17. 17. MobileServiceDesignhttp://msd2013.jylee6977.com/tc••••••
  18. 18. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  19. 19. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  20. 20. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  21. 21. MobileServiceDesignhttp://msd2013.jylee6977.com/tc>
  22. 22. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  23. 23. MobileServiceDesignhttp://msd2013.jylee6977.com/tc
  24. 24. MobileServiceDesignhttp://msd2013.jylee6977.com/tcApp Design Process(after service strategy)IDEA WIREFRAME DESIGNINGMapping
  25. 25. MobileServiceDesign2. For Information ArchitectureMobile IA
  26. 26. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns
  27. 27. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns1. Hierarchy
  28. 28. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns2. Hub & Spoke
  29. 29. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns3. Nexted Doll
  30. 30. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns4. Tabbed View
  31. 31. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns5. Bento Box / Dashboard
  32. 32. MobileServiceDesignhttp://msd2013.jylee6977.com/tcMobile IA Patterns6. Filtered Views
  33. 33. MobileServiceDesign3. For List of tasks and functionsPrototyping
  34. 34. MobileServiceDesignhttp://msd2013.jylee6977.com/tcWhy Prototype?
  35. 35. MobileServiceDesignhttp://msd2013.jylee6977.com/tcWhy Mobile is Difference?
  36. 36. MobileServiceDesignhttp://msd2013.jylee6977.com/tcWhy Mobile is Difference?
  37. 37. MobileServiceDesignhttp://msd2013.jylee6977.com/tcCONTENTS STRATEGYINFORMATION VISUALIZATION정보의CONTENTS화아이디어,기능, 메타포일반정보일반정보일반정보사용자에게유의미한CONTENTSREQUIREMENTUSER’S TASK TO ACHIEVEGOAL
  38. 38. MobileServiceDesignhttp://msd2013.jylee6977.com/tcPaper Prototype Process
  39. 39. MobileServiceDesignhttp://msd2013.jylee6977.com/tcPaper Prototype Process
  40. 40. MobileServiceDesignhttp://msd2013.jylee6977.com/tcPaper Prototype Process
  41. 41. MobileServiceDesignhttp://msd2013.jylee6977.com/tcPaper Prototype Process
  42. 42. MobileServiceDesignhttp://msd2013.jylee6977.com/tcPaper Prototype Process
  43. 43. MobileServiceDesignhttp://msd2013.jylee6977.com/tciPhone Idea Sheet iPhone Application Sketch TemplateAndroid Wireframe Templates Wireframe Print and Sketch Template
  44. 44. MobileServiceDesignFOR NEXT WEEK1. SCENARIO2. SELECT KEY IDEA & IA PATTERN3. PAPER PROTOTYPE4. SITEMAP (LIST OF FUNCTIONS&SPECS)5. UI WIREFRAME준비해올 것!
  45. 45. MobileServiceDesignhttp://msd2013.jylee6977.com/tcSAMPLES>>선배들의 작업들을 한번 볼까요? (MASH UP SERVICE DESIGN 2010)U-GALLERYDate Couch

×