InterfaceDesign_3rd.Lecture.UserExperienceDesign.pdf 자료

3강
2025_ID_3rd.Lecture.UserExperienceDesign
사용자 경험 디자인 이야기

1. KAYWON UNIVERSITY OF ART 5? DESIGN
SMART PRODUCT DESIGN LAB
INTERFACE DESIGN
인터페이스 디자인
kwonjeongeun5?naver.com
3강 43사용자 경험3?UX3?44 디자인 이야기
/ 521

2. 사용자 경험 디자인 이야기
남긴 이야기
팀 사전 과제 제출 및 발표 준수사항
UX Tool 레슨
/ 522

3. 학습의 원추
출처:?에드거?데일?Edgar?Dale,?학습의?원추?Cone?of?Learning? / 523
2주 후, 기억의 정도 개입의 정도
말 하거나 행한 것의 906?
실제로 행하는 경우
능동적
Active
실제 경험을 시뮬레이션 하는 경우
극적인 프레젠테이션을 하는 경우
말한 것의 706?
말을 하는 경우
토론에 참여하는 경우
듣거나 본 것의 506?
현장에서 행위를 목격하는 경우
수동적
Passive
시범을 보는 경우
전시물을 보는 경우
영상을 보는 경우
본 것의 306? 그림이나 사진을 보는 경우
들은 것의 206? 강의를 듣는 경우
읽은 것의 106? 자료를 읽는 경우

4. 앞과 뒤, 차이?
/특정 시장을
위한 디자인 모두를
위한 디자인
/ 524

5. 앞과 뒤, 차이?
/
/ 525차가움
기술
차별성
제품 따뜻함
자연
공공성
사람

6. 비판적 사고 ‘무엇을 말하지 않는가’
/ 526
/비물질 물질

7. / 527
사용자 경험 디자인
UX/UI 디자이너.
대한민국, 1990년대 초 시작 추정.
30년 역사. 젊은 직업.
정확히 알고, 일하는 사람 드물어
①UX, UI가 무엇?
5L 43디지털44이라는 추상의 세계.
5L 43인터페이스44라는 추상의 개념.
②이 직군이 진짜 무엇을 디자인?
③전문서적 많아. 대중이 이해 가능한 미디어는 소수.

8. 41디자인이란 3?3?3?3?3?3?3?3?3?3?3?3?3?3?3? 이다.42
5L # 생소한 단어 ? 적기
5L # 유명인 ? 적기
5L # 사용자 경험 디자인 타인의 정의 적기
5L # 사용자 경험 디자인 나의 정의 적기
/ 528
비판적인 시각 을 가지고 시청합니다
Netflix, 이언 스폴터, 디지털 경험과 디자인3?20193? 46:13

9. 사용자 경험 디자인 이야기
남긴 이야기
팀 사전 과제 제출 및 발표 준수사항
UX Tool 레슨
/ 529

10. / 5210
정보 설계자
무한 스크롤
3rd Party 개발
프로토타입
소비자 인터넷
허영지표
인터랙션 디자인
매킨토시 프로젝트
…
생소한 단어?

11. / 5211
스티브 잡스
에이자 래스킨
제프 래스킨
이언 스폴터
케빈 시스트롬
…
유명인?

12. / 5212
사용하면서 경험을 디자인하는 일 - 문맥이 중요함
개선을 통해 기능을 추가하는 일
소비자의 피드백을 반영해서 수정하는 일
사용자 시선에서 제품을 사용하는 경험을 만드는 일
…
사용자 경험 디자인 이란?

13. 내가 생각하는 … 사용자 경험 디자인 이란?
/ 5213
사용자가 도달하는 과정을 고안하고, 설계하는 일
사용자의 시선과 경험을 설계해서 -> 사용자 경험을
향상시키는 일
사용자에게 최적의 경험을 제시하는 일
편의성이 특히 중요한 일
사용자를 이해해서 -> 직관적인 인터페이스를 디자
인하는 일
사용자에게 표현할 수 있는 상호작용을 만드는 일
…

14. 사용자 경험 디자인 이야기
남긴 이야기
팀 사전 과제 제출 및 발표 준수사항
UX Tool 레슨
/ 5214

15. 사용자 경험 디자인, 어디서 들어 봤나?
/ 5215
컴퓨터 ← HCI ← UX

16. 초기 컴퓨터(1940)
/ 5216
현대 컴퓨터의 시작
왼쪽?출처:?영화?<이미테이션?게임>

17. 초기 컴퓨터(1960)
/ 5217
IBM 초기 컴퓨터
출처:?영화?<히든?피겨스>

18. 과거, 컴퓨터의 용도, 인식, 의미?
Exclusive
Professional
Privileged
5L 특정 사람만 사용 가능 영역
5L 전문성의 영역
5L 특권 의식의 영역
Computer
/ 5218

19. “아니야!
집.집.마.다. 컴퓨터를 갖는
개인 컴퓨터의 시대가 올거야!”
/ 5219
과거, 컴퓨터의 용도, 인식, 의미?

20. 개인 컴퓨터의 시대를 열다
Apple 그리고 IBM
/ 5220

21. 개인 컴퓨터, 제약을 해결하다
Size
Price
Use
5L 너무 크다
5L 너무 비싸다
5L 너무 어렵다
/ 5221

22. 3?제약3?
사용법
개인 컴퓨터, 제약을 해결하다
특정
소수
기업 컴퓨터
글자 언어
CLI
Keyboard
Type
범용
다수
개인 컴퓨터
그림 언어
GUI
Keyboard 6? Mouse
Click, Drag, …
매킨토시 프로젝트 *
제프 러스킨*
도널드 노먼
/ 5222

23. 6? 6?
/ 5123
도구를
사용할 줄
아는 것
도구를
만들 줄
아는 것
도구 관념기술
개인 컴퓨터, 제약을 해결하다

24. 대중, 힘을 발휘하다
200년 전, 산업혁명 초기
근대 ~
Profession: 특정 기계를 다루는 직업
발명
기차
비행기
자동차
직업
기관사
파일럿
운전사
/ 5224

25. 사람이
기계를
배우는 시대
FITTING
THE MAN
TO THE TASK
기계를
사람에게
맞추는 시대
FITTING
TO THE TASK
TO THE MAN
범용화
일용화
대중화
보편화
기계
대중, 힘을 발휘하다
/ 5225

26. 사람이
기계를
배우는 시대
FITTING
THE MAN
TO THE TASK
기계를
사람에게
맞추는 시대
FITTING
TO THE TASK
TO THE MAN
범용화
일용화
대중화
보편화
대중, 힘을 발휘하다
/ 5226
기계
?????
사용성에 ?람
! ... 사용성?

27. 사용성의 한계
어떻게 하면 사람이 이 기계를 효과적으로 조작할 수 있을까?
#에러율
사용성 테스트 후, 개선, 다시 테스트, …
기능 개선, 사용법 개선, …
도구로서 기능 상, 사용 상 완벽
뭔가 아쉽네… 채워지지 않는 이것은 무엇?
원인?
인간 공학
Ergonomics
Human Factor
/ 5227

28. 시장의 변화
/ 5228
공급 과잉의 시대
기능만으로 팔 수 없다

29. 소비자의 변화
/ 5229
똑똑하고, 적극적이다

30. 웹 1.0 예시: 야후
/ 5230

31. 웹 2.0 예시: Wikipedia (2001)
무료 온라인 백과사전
이익을 추구하는 기업이 아닌 비영리 재단으로 운영.
금전적인 대가를 받지 않고 정보 제공자들이 핵심적 역할을 한다는 원칙을 고수 중.
돈을 받는 전문가들보다는 특정 정보에 대해 진심으로 관심이 있는 사람들이 참여.
신뢰를 얻을 수 있고 품질을 관리 할 수 있으며 정보의 적합성을 유지 할 수 있다.
위키피디아는 참여의 힘을 보여주는 살아 있는 증거이다.
/ 5231

32. 웹 1.0 그리고 웹 2.0
웹 1.0
일방적
웹 2.0
체험적
참여적
개인적
/ 5232

33. 어쩌다, 사용자 경험
“처음 사용자 경험이라는 용어를 만들었던 이유는 휴먼 인터페
이스, 사용성의 범위 가 너무 좁다고 생각했었기 때문입니다. 나
는 그 용어가 산업 디자인, 그래픽, 인터페이스, 물리적 인터랙
션, 매뉴얼까지 포함한 시스템과 인간 경험의 모든 측면을 포괄
하길 원했습니다.”
/ 5233

34. 어쩌다, 사용자 경험
“기존의 UI 개념으로는 설명하기 어려운 것들이
있었기 때문에 의미를 확장해야 할 필요를 느꼈고,
그때 발견한 단어가 ‘ 경험’이었다.”
- 도널드 노먼 <감성 디자인 > 中
/ 5234

35. 여기서 말하는 경험이란?
/ 5235
UI - 세상에 존재하는 도구 - 인터페이스
UX - 세상, 도구 사용하는 시간 + 사용하지 않는 시간 - 경
험

36. 디자이너, 무엇을 해야 하나?
/ 5236
공간이 아닌
시간을 디자인한다.
모바일 화면이 아닌
사용자의 시간을 디자인한다.
5L사용자의 동기와 계기를 부여하는 디자인
5L필요성을 전달하는 디자인
5L삶을 변화시키는 디자인

37. 사람의 선택과 행동을 바꾸는 일
/ 5237
사람의 기존 인식, 태도, 행위를 바꿔서
새 ??/?!D&='?/\????
치밀한 조사와 설계
디자이너, 생각의 프레임이 달라야 한다.

38. 사용자 경험 디자인이란
/ 5238
사용할 혹은 사용하는 사용자에 대한 자료를
문화 인류학적 방법으로 ①수집하여
의미 있는 결과를 ②발견하고
인간의 본질적 가치를 제공하는
사용자 경험을 ③만들어내는 일

39. 문화 인류학이란
출처:?문학비평용어사전 ,?두산백과 / 5239
현존하는 인류를 대상으로 문화를 관찰, 분석하고
문화의 법칙성, 규칙성, 변이를 탐구하는 과학
방법론:
함께 살기, 따라다니며 관찰하기, 숨어서 관찰하기,
인터뷰하기, 역할 놀이, 상황극 지켜보기 등…

40. 문화 인류학이란
출처:?문학비평용어사전 ,?두산백과 / 5240
현존하는 인류를 대상으로 문화를 관찰, 분석하고
문화의 법칙성, 규칙성, 변이를 탐구하는 과학
방법론:
함께 살기, 따라다니며 관찰하기, 숨어서 관찰하기,
인터뷰하기, 역할 놀이, 상황극 지켜보기 등…
관찰,?통찰

41. ‘저축’ 경험, Bank of America (200S)
고민: 신규 고객을 창출하는 동시에 기존 고객을 유지할 수 있는 매력적인 상품 기획
관찰 1. 모든 사람이 저축을 더 원하지만 실천할 사람은 소수에 불가하다.
관찰 2. 많은 사람이 동전으로 받은 거스름돈을 저금통이나
작은 단지에 넣는 습관을 보았다.
제안: 고객들이 물건값을 결제할 때 차액을 고객 통장에 이체하는 서비스
결과: 총 1,200만 명 신규 고객 유치
/ 5241

42. ‘교육 공간’ 경험, Steelcase (2005)
고민: 고등교육을 즐거운 경험, 대학의 실제 변화를 불러올 교실 공간 개선
관찰 1. 일렬로 앉아 강의를 듣는다. 토론이 쉽지 않다.
관찰 2. 수업 준비는 도서 대여, 열람 대신 컴퓨터를 사용한다.
관찰 3. 소그룹 과제가 대부분. 강의실, 도서관에서 토론이 이뤄진다.
제안: 제품 컨셉 43노드44. 새로운 제품 컨셉 43미디어 스케이프44.
결과: 학생의 적극적인 수업 몰입, 참여, 만족도 976?.
/ 5242

43. 니즈가 보이지 않는 시대
특정 사용자의 제약을 찾아 이슈를 새롭게 제시한 디자인
3?Agenda Setting3?
그런 소비/동참/경험하고 싶게 만드는 디자인3?Engage3?
삶의/사회의 변화로 이어지는 디자인3?Change3?
좋은 사용자 경험 디자인이란?
/ 5243

44. 중간
과제
기말
과제
인터페이스 디자인, 수업 계획
이해 해체 계획 제작분석
/ 5244
사전
과제

45. 사용자 경험 디자인 이야기
남긴 이야기
팀 사전 과제 제출 및 발표 준수사항
UX Tool 레슨
/ 5245

46. 제출 포맷: 피그마 max 18장 이내 엄수
1 3?Appendix 1장 + 50장 제외한3? 18장입니다.
2 앞 커버, 3?팀만의3? 목차, 뒤 커버를 반드시 포함합니다.
3 남은 15장 이내에서 자유롭게 내용을 구성합니다.
4 서비스마다 다수 항목과 정보가 읽히고 보여야 합니다.
5 뒤 커버 이후에 Appendix 관련 장표를 배치합니다.
/ 5246
팀 사전 과제 1, 2 제출 준수사항

47. 제출 포맷: 피그마 max 18장 이내 엄수
6 제출 기한: 목, 오후 11시 59분까지. 시간 엄수. 말풍선으
로 저를 호출합니다.
7 제출 전, PDF로 Export 테스트 바랍니다.
8 엄수: 제출 포맷, 제출 기한, 문서 가이드라인, 내용 구
성, … - 고마운 분들…
/ 5247
팀 사전 과제 1, 2 제출 준수사항

48. 발표 시간: 10분 이내
1 다른 팀 일정을 배려해서 10분을 넘기면
팀 피드백을 시작하겠습니다.
2 발표자는 1인입니다.
3 발표자는 스크립트를 들고 읽지 않습니다.
/ 5248
팀 사전 과제 1, 2 발표 준수사항

49. / 5249
팀 사전 과제 1, 2 발표 준수사항
총 3세션으로 나눠서 진행
-1세션 11:00~11:40: A3?1, A3?4
-2세션 12:00~12:40: A3?3, A3?6
-3세션 13:00~13:40: A3?2, A3?5
1 해당 세션에만 참석 합니다.
2 세션 정시에 출석 체크 후, 바로 발표를 시작합니다.
3 발표를 듣는 태도3?경청 매너3?도 평가합니다.
4 반 대표? 첫 세션에 3개 폴더로 발표 자료 준비를 부탁합
니다.

50. / 5250
팀 사전 과제 1, 2 발표 준수사항
총 3세션으로 나눠서 진행
-1세션 16:00~16:40: B3?4, B3?3
-2세션 17:00~17:40: B3?5, B3?2
-3세션 18:00~18:40: B3?6, B3?1
1 해당 세션에만 참석 합니다.
2 세션 정시에 출석 체크 후, 바로 발표를 시작합니다.
3 발표를 듣는 태도3?경청 매너3?도 평가합니다.
4 반 대표? 첫 세션에 3개 폴더로 발표 자료 준비를 부탁합
니다.

51. 사용자 경험 디자인 이야기
남긴 이야기
팀 사전 과제 제출 및 발표 준수사항
UX Tool 레슨
/ 5251

52. kwonjeongeun5?naver.com
/ 5252
끝.
다음 주 과제 :
-사전 과제 1, 2 제출 및 발표 준비
-UX Tool 레슨 2강 복습 및 과제 완료