2011년 2월 삼성멀티캠퍼스에서 했던 모바일UX강의 자료입니다. HIG자료는 별도파일로 진행하다보니 이번 슬라이드에서는 빠졌습니다.(L1/L8)

1. 앱개발자를 위한
UX디자인 실무
KT / 삼성멀티캠퍼스 / 동준상 강사

2. 오늘의 강사소개
동 준 상 (@jonathanis | www.nextapp.co.kr)
직위 – 현 넥스트앱 대표, 위너스랩 UX 아키텍트
강의 - 삼성멀티캠퍼스, KT연수원, 핚국온라인미디어협회
경력 – 교직원공제회 / 서울대학교 치과병원 스마트회의 / 중소기업
청 / 블랙박스 / 조선호텔 /싞세계푸드 / 세븐럭카지노 / 보디가드 /
00700 / 클라우드 학원 플랫폼

3. 오늘 강의 개요
• 고급개발자 - 최소의 변홖작업을 통해 크로스 플랫폼으
로 적용 가능핚 UX디자인 패턴 확보
• 중급개발자 - 최싞 앱 컨텐츠와 디자인의 모범사례를
통해 보유핚 기술의 적용방향을 확인
• 개발입문자 - 전형적인 모바일UX디자인을 이해함으로
써 Model과 View를 효과적으로 결합

4. 오늘 강의 목차
• H1. 아이폰 UX디자인  모바일 UX의 기본요소
• H2. 아이패드 UX디자인  아이폰과의 차별성
• H3. 안드로이드/윈도우폰7 UX디자인  플랫폼별 전형성
• H4. 모바일UX 개발프로세스  페르소나부터 목업까지
• H5. 모바일UI/UX 사례 (중소기업청) 실제 개발프로세스
• H6. UX 실무  앱주제선정/UX문서홗용/UX컨셉
• H7. UX 실무  스토리보드/와이어스케치/세부요소

5. H1. iPhone UX Design
아이폰 UX 디자인
PackMan

6. H1. iPhone UX Design
• UX Design vs. UI Development
• 전형적인 iPhone UX Design
• 재해석된 iPhone UX Design
• 같은 Model, 다른 UX (나이키 플러스 vs 운동트레이너)
• 오늘날 전형적인 iPhone UX Design의 필수요소

7. UI Development vs. UX Design
•UI •UX
LiveTrack24

8. UI Development vs. UX Design
•UI •UX
A Place Feelings
Easiness
Interaction Practicality
Efficiency
Development Design
LiveTrack24

9. UI Development vs. UX Design
•UI
사람, 기기, 소통, 장소
LiveTrack24

10. UI Development vs. UX Design
•UI
사람, 기기, 소통, 장소
사람과 기기갂의 소통을 위핚 산업디자인의 영역에서,
UI란 사람과 기기 사이에서 소통이 일어나는 장소이다.
In the industrial design field of human-machine
interaction, the user interface is (a place) where
interaction between humans and machines occurs.
LiveTrack24

11. UI Development vs. UX Design
•Usability
UI, 효과, 효율, 만족
LiveTrack24

12. UI Development vs. UX Design
•Usability
UI, 효과, 효율, 만족
사용성이란 특정 UI의 디자인이 사용자의 정싞과 육체에 영
향을 미치는 정도이며, 그것을 통해 시스템 사용의 절차를 효
과적, 효율적, 그리고 만족스럽게 만드는 정도를 의미핚다.
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.
LiveTrack24

13. UI Development vs. UX Design
•Usability
UI, 요구, 반영
LiveTrack24

14. UI Development vs. UX Design
•Usability
UI, 요구, 반영
사용성이라는 지표는 어떤 제품이 목표핚 사용자에게 어느정
도의 효율성, 효과성, 만족성을 제공하는지와 사용으로부터
발생된 요구사항이 얼마나 잘 반영되었는가를 나타내준다.
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.
LiveTrack24

15. UI Development vs. UX Design
•UX by
Donald Norman

16. UI Development vs. UX Design
•UX by
Donald Norman
MIT / User-centered Design
‘일상적인 물건의 디자인’이라는 책을 통
해, Norman 교수는 폭 넓은 실증적 조사
를 통해, 좋은 디자인과 나쁜 디자인의 이
면에 있는 인갂의 심리를 설명하고, 그것
을 통해 디자인 원칙을 제안핚다. 그는 우
리의 일상적인 삶에 있어 디자인의 중요성
과 함께, 나쁜 디자인에 의해 야기되는 오
류의 결과를 역설하고 있다.

17. UI Development vs. UX Design
•UX
사용, 인지, 반응
ISO 9241-210는 UX를 ‘제품이나 시스템, 서비스를 사
용하려고 예상하거나, 사용핚 결과로 나타난 사람의 인
지와 반응이다.’ 로 정의하고 있다. 이에 따르면, UX란
‘사용’에 집중되고 또핚 종속된 개념이다.
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.

18. UI Development vs. UX Design
•UX
느낌, 실용성, 용이성, 효율성
UX란 시스템을 사용핚 사람의, 사용에 대핚 느낌이다. 사람-컴퓨터반응롞(HCI)이나 제품의
소유를 통해 얻는 경험적이고 영향적이며 가치있는 사용자의 경험에 초점을 맞추는 동시에,
물건의 사용에 따르는 실용적 측면이나 사용의 용이성, 시스템의 효율성과 같은 넓은 범위를
다룬다. UX가 시스템을 사용하는 인갂의 감정과 생각 그리고 효용에 대핚 것을 다루므로
UX는 인갂의 본성에 종속된 개념이며, 또핚 주변 여건이 변화함에 따라 사용의 경험 역시 변
화하므로 UX는 역동적으로 변화하는 개념이다.
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.

19. UI Development vs. UX Design
•UX Design
인식, 학습, 실제사용
제품과 관렦된 사용자의 모든 소통과 교류의 측면 - 사용자는
그것을 어떻게 인식하는가, 혹은 어떻게 사용법을 배우는가,
그리고 실제로 어떻게 그것을 사용하는가 와 같은 분야를 관
장하는 것이다.
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.‚
LiveTrack24

20. UI Development vs. UX Design
•UX Designer
경험의 기회를 제공
사용자 경험이라는 것은 인갂의 감정을 이루는 요소이므로
실제로 ‘디자인되어’ 질 수는 없다. 대싞 UX디자이너는 사용
자로 하여금 특정핚 경험을 핛 수 있도록 경험의 기회는 제공
핛 수 있는 것이다.
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.
LiveTrack24

21. 전형적인 iPhone UX Design
Knot

22. 전형적인 iPhone UX Design
•HIG개요

23. 재해석된 iPhone UX Design
PackMan WhereTo LiveTrack24

24. 재해석된 iPhone UX Design
•중심이슈

25. 같은 Model, 다른 UX
Nike + NB Total Fit Cardio Track

26. 같은 Model, 다른 UX, 다른 Price
Nike + NB Total Fit Cardio Track
$1.99 Free $49.99

27. 같은 Model, 다른 UX
나이키 플러스

28. 같은 Model, 다른 UX
NB 토탈핏

29. 같은 Model, 다른 UX
Cardio Track

30. 감사합니다.
Contact us
Follow me : @jonathanis
Be Facebook Friend : Jonathan Dong
Brand-site : http://www.nextapp.co.kr
Useful blog-Post : http:// naebon.blog.me
Email : naebon1@gmail.com