Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

모바일 UX디자인의 개요

8,411 views

Published on

삼성멀티캠퍼스와 KT연수원에서 열린 UX/UI개발강의를 위한 제1강 강의자료입니다.

Published in: Technology, Business

모바일 UX디자인의 개요

  1. 1. 앱개발자를 위한 UX디자인 실무<br />KT / 삼성멀티캠퍼스 / 동준상 강사<br />
  2. 2. 오늘의 강사소개<br />동 준 상 (@jonathanis | www.nextapp.co.kr)직위 – 현 넥스트앱 대표, 위너스랩UX 아키텍트강의 - 삼성멀티캠퍼스, KT연수원, 한국온라인미디어협회경력 –교직원공제회 / 서울대학교 치과병원 스마트회의 / 중소기업청 / 블랙박스 / 조선호텔 /신세계푸드/ 세븐럭카지노/ 보디가드 / 00700 / 클라우드 학원 플랫폼<br />
  3. 3. 오늘 강의 개요<br />고급개발자 - 최소의 변환작업을 통해 크로스 플랫폼으로 적용 가능한 UX디자인 패턴 확보<br />중급개발자 - 최신 앱 컨텐츠와 디자인의 모범사례를 통해 보유한 기술의 적용방향을 확인<br />개발입문자 - 전형적인 모바일UX디자인을 이해함으로써 Model과 View를 효과적으로 결합<br />
  4. 4. 오늘 강의 목차<br />H1. 아이폰 UX디자인  모바일 UX의 기본요소<br />H2. 아이패드 UX디자인  아이폰과의 차별성<br />H3. 안드로이드/윈도우폰7 UX디자인  플랫폼별 전형성<br />H4. 모바일UX 개발프로세스  페르소나부터 목업까지<br />H5. 모바일UI/UX 사례 (중소기업청) 실제 개발프로세스<br />H6. UX 실무  앱주제선정/UX문서활용/UX컨셉<br />H7. UX 실무  스토리보드/와이어스케치/세부요소<br />
  5. 5. H1. iPhone UX Design<br />아이폰 UX 디자인<br />PackMan<br />
  6. 6. H1. iPhone UX Design<br />UX Design vs. UI Development<br />전형적인 iPhone UX Design<br />재해석된 iPhone UX Design<br />같은 Model, 다른 UX (나이키 플러스 vs 운동트레이너)<br />오늘날 전형적인 iPhone UX Design의 필수요소<br />
  7. 7. UI Development vs. UX Design <br /><ul><li>UX</li></ul>UI<br />LiveTrack24<br />
  8. 8. UI Development vs. UX Design <br /><ul><li>UX</li></ul>UI<br />A Place<br />Interaction<br />Development<br />Feelings<br />Easiness<br />Practicality<br />Efficiency<br />Design<br />LiveTrack24<br />
  9. 9. UI Development vs. UX Design <br />UI<br />사람, 기기, 소통, 장소<br />LiveTrack24<br />
  10. 10. UI Development vs. UX Design <br />UI<br />사람, 기기, 소통, 장소<br />사람과 기기간의 소통을 위한 산업디자인의 영역에서, <br />UI란 사람과 기기 사이에서 소통이 일어나는 장소이다.<br />In the industrial design field of human-machine interaction, the user interface is (a place) where interaction between humans and machines occurs. <br />LiveTrack24<br />
  11. 11. UI Development vs. UX Design <br />Usability<br />UI, 효과, 효율, 만족<br />LiveTrack24<br />
  12. 12. UI Development vs. UX Design <br />Usability<br />UI, 효과, 효율, 만족<br />사용성이란 특정 UI의 디자인이 사용자의 정신과 육체에 영향을 미치는 정도이며, 그것을 통해 시스템 사용의 절차를 효과적, 효율적, 그리고 만족스럽게 만드는 정도를 의미한다.<br />Usability is the degree to which the design of a particular user interface takes into account the human psychology and physiology of the users, and makes the process of using the system effective, efficient and satisfying.<br />LiveTrack24<br />
  13. 13. UI Development vs. UX Design <br />Usability<br />UI, 요구, 반영<br />LiveTrack24<br />
  14. 14. UI Development vs. UX Design <br />Usability<br />UI, 요구, 반영<br />사용성이라는 지표는 어떤 제품이 목표한 사용자에게 어느정도의 효율성, 효과성, 만족성을 제공하는지와 사용으로부터 발생된 요구사항이 얼마나 잘 반영되었는가를 나타내준다.<br /> It describes how well a product can be used for its intended purpose by its target users with efficiency, effectiveness, and satisfaction, also taking into account the requirements from its context of use.<br />LiveTrack24<br />
  15. 15. UI Development vs. UX Design <br />UX by<br />Donald Norman<br />
  16. 16. UI Development vs. UX Design <br />UX by<br />Donald Norman<br />MIT / User-centered Design<br />‘일상적인 물건의 디자인’이라는 책을 통해, Norman 교수는 폭 넓은 실증적 조사를 통해, 좋은 디자인과 나쁜 디자인의 이면에 있는 인간의 심리를 설명하고, 그것을 통해 디자인 원칙을 제안한다. 그는 우리의 일상적인 삶에 있어 디자인의 중요성과 함께, 나쁜 디자인에 의해 야기되는 오류의 결과를 역설하고 있다.<br />
  17. 17. UI Development vs. UX Design <br />UX<br />사용, 인지, 반응<br />ISO 9241-210는 UX를 ‘제품이나 시스템, 서비스를 사용하려고 예상하거나, 사용한 결과로 나타난 사람의 인지와 반응이다.’ 로 정의하고 있다. 이에 따르면, UX란 ‘사용’에 집중되고 또한 종속된 개념이다.<br />ISO 9241-210 defines user experience as "a person's perceptions and responses that result from the use or anticipated use of a product, system or service". So, user experience is subjective and focuses on the use.<br />
  18. 18. UI Development vs. UX Design <br />UX<br />느낌, 실용성, 용이성, 효율성<br />UX란 시스템을 사용한 사람의, 사용에 대한 느낌이다. 사람-컴퓨터반응론(HCI)이나 제품의 소유를 통해 얻는 경험적이고 영향적이며 가치있는 사용자의 경험에 초점을 맞추는 동시에, 물건의 사용에 따르는 실용적 측면이나 사용의 용이성, 시스템의 효율성과 같은 넓은 범위를 다룬다. UX가 시스템을 사용하는 인간의 감정과 생각 그리고 효용에 대한 것을 다루므로 UX는 인간의 본성에 종속된 개념이며, 또한 주변 여건이 변화함에 따라 사용의 경험 역시 변화하므로 UX는 역동적으로 변화하는 개념이다. <br />User eXperience (UX) is about how a person feels about using a system. User experience highlights the experiential, affective, meaningful and valuable aspects of human-computer interaction (HCI) and product ownership, but it also covers a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in nature, because it is about an individual’s performance, feelings and thoughts about the system. User experience is dynamic, because it changes over time as the circumstances change.<br />
  19. 19. UI Development vs. UX Design <br />UX Design<br />인식, 학습, 실제사용<br />제품과 관련된 사용자의 모든 소통과 교류의 측면 - 사용자는 그것을 어떻게 인식하는가, 혹은 어떻게 사용법을 배우는가, 그리고 실제로 어떻게 그것을 사용하는가 와 같은 분야를 관장하는 것이다.<br />The scope of the field is directed at affecting "all aspects of the user’s interaction with the product: how it is perceived, learned, and used.“<br />LiveTrack24<br />
  20. 20. UI Development vs. UX Design <br />UX Designer<br />경험의 기회를 제공<br />사용자 경험이라는 것은 인간의 감정을 이루는 요소이므로 실제로 ‘디자인되어’ 질 수는 없다. 대신 UX디자이너는 사용자로 하여금 특정한 경험을 할 수 있도록 경험의 기회는 제공할 수 있는 것이다. <br />As user experience is a subjective feeling, it cannot actually be "designed". Instead, you can design for a user experience, trying to enable certain kind of experiences.<br />LiveTrack24<br />
  21. 21. 전형적인 iPhone UX Design<br />Knot<br />
  22. 22. 전형적인 iPhone UX Design<br />HIG개요<br />
  23. 23. 재해석된 iPhone UX Design<br />WhereTo<br />PackMan<br />LiveTrack24<br />
  24. 24. 재해석된 iPhone UX Design<br />중심이슈<br />
  25. 25. 같은 Model, 다른 UX<br />NB Total Fit<br />Cardio Track<br />Nike + <br />
  26. 26. 같은 Model, 다른 UX, 다른 Price<br />NB Total Fit<br />Free<br />Cardio Track<br />$49.99<br />Nike +<br />$1.99 <br />
  27. 27. 같은 Model, 다른 UX<br />나이키 플러스<br />
  28. 28. 같은 Model, 다른 UX<br />NB 토탈핏<br />
  29. 29. 같은 Model, 다른 UX<br />Cardio Track<br />
  30. 30. 감사합니다. <br />Contact us<br />Follow me : @jonathanis<br />Be Facebook Friend : Jonathan Dong <br />Brand-site : http://www.nextapp.co.kr<br />Useful blog-Post : http:// naebon.blog.me<br />Email : naebon1@gmail.com<br />

×