1강 1st.Lecture.Introduction 인터페이스 디자인의 시작. 현재를 이해한다.

1. KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인 2
kwonjeongeun@naver.com
1강 강의 소개
/ 38
1

2. 강의 소개
강의 계획
평가 기준
워밍업
/ 38
2

3. 규제도 제약도 한계도 없는 비트의 세계
/ 38
3
물리 디지털
원 자 비 트
(ATOM ) (BIT)

4. 최근, 인류의 성과
/ 38
4
&
힌트 1. 앨런 머스크, 스티븐 호킹, 스티브 워즈니악
“이것은 인류 최고의 OO”
“OOO을 연 것”
힌트 2. OO 비슷. 모르면서…
A I B O T
R O

5. 최근, 인류의 성과
/ 38
5
A I B O
& T
R O
‘신경망 네트워크’ 1950년 개념
왜, AI 이제서야 구현?

6. 독일에서 실험
/ 38
6
2003년식 컴퓨터
연산 1분
1982년식 컴퓨터
연산 82년
2개 컴퓨터의 차이
✓HW 1000배 성장
✓SW 43000배 성장
시사점. HW < SW 성장 속도
-SW, 알고리듬의 발전
-알고리듬의 결정체, AI
-HW, 무엇?

7. 왜, AI 이제서야 구현?
1. 하드웨어 발전 필요 - GPU - NDIVIA, AMD
2. 소프트웨어 발전 필요 - 알고리듬
3. 공부할 지식, 데이터 필요 - 빅 데이터
3가지가 충족될 때, AI가 만들어진다.
Q. 미국?
Q. 한국?
/ 38
7

8. 숙제가 많은 원자의 세계
/ 38
8
2016년 기준. 미, 50개 중 8개 주 허용
✓음주 운전
✓졸음 운전
✓24시간 운전 - 물류 혁신
Q. 인명 사고?
윤리적 문제, 풀기 어려운 숙제 산재. 사회적 합의를 이끌어야 할 부분 많다.

9. 우리의 미션
/ 38
9
물리 디지털
인 터 이 스
페
디 인
자

10. 최고의 교수님들 저서
우리의 가이드
/ 38
10

11. 쉽게 읽히는 책
우리의 가이드
/ 38
11 / 38
11
주교재

12. 구글 검색 : UX Prototype Tool
우리의 도구
/ 38
12

13. 우리의 도구
/ 38
13
Adobe Photoshop
이미지 편집, 사진 편집
유럽, 네덜란드, 보헤미안 코딩.
Sketch -UI 디자인 최적화된 툴
미, 실리콘밸리
Adobe, 기분은? OO
…
XD

14. 우리의 도구
/ 38
14
큰 회사
1달 1번 업데이트
무료 -> 최근, 유료
Win & Mac - O
난이도 하
Adobe XD
작은 회사
1년에 1번 업데이트
유료
Mac Only
난이도 중/상
Sketch

15. 우리의 도구
/ 38
15
Adobe XD 다운로드 : https://www.adobe.com/kr/products/xd.html

16. Adobe XD 레슨에 대해서
/ 38
16
1.제 수업은 툴 수업이 아닙니다.
-UXD를 더 알고 졸업하기를 바라는 마음입니다.
2.튜토리얼 영상을 별도로 올리지 않습니다.
-수업 매우 집중 or 녹화? 한 주 해보고 대비
3.2학기 수업에서 한 번 더 복습합니다.
-다음 주, 2학기가 첫 수업인 학생들을 위해 3시간 강의 = 1강 축약
-다음 주, 반드시 설치 완료해서 오기. 와서 처음 설치 또는 처음 파일 열기 없기
4.왜, 1학기부터?
-팀원 중에 매년 있었어요. “저는 툴은 못 다뤄요.”
안 됩니다. 방학을 활용해서 준비해야 합니다.
2학기에는 개인 과제로 나갑니다.

17. 주차 수업 내용 비고
1_9/5 화 강의 소개 : 강의 내용, 진행 방법, 평가 기준 안내
-Adobe XD 프로그램 설치 필수
-팀 과제 : 주요 특징 작성
2_9/12 화
인터페이스의 이해 : 인터페이스, 인터랙션, 제품과 서비스, 서비스 디자인
UI Prototyping 제작 실습(1)
-팀 과제 : 주요 특징 작성, 기능 리
스트 작성
-Adobe XD 실습 1강 총 복습
3_9/19 화
UI 디자인 프로세스 소개 : IA의 이해, 스토리보드의 이해, UI Prototyping 제작 방법
UI Prototyping 제작 실습(2)
-팀 과제 : 기능 리스트 정리, 메뉴
트리 정리
-Adobe XD 실습 2강
4_9/26 화
IA 제작
UI Prototyping 제작 실습(3)
-팀 과제 : 메뉴 트리 작성
-Adobe XD 실습 3강
5_10/10 화
IA 제작
스토리보드 제작
UI Prototyping 제작 실습(4)
-팀 과제 : UI 화면 스케치
-Adobe XD 실습 4강
6_10/17 화
스토리보드 제작
UI Prototyping 제작
-팀 과제 : UI 화면 스케치
7_10/24 화 UI Prototyping 제작
-팀 과제 : 디지털 Prototyping 제
작
8_10/31 화 중간 고사 : 서비스 소개 및 UI Prototyping 시연
*팀 중간 과제 발표 pdf 파일 제출
*개인 과제 파일 제출
우리의 계획
/ 38
17

18. 주차 수업 내용 비고
9_11/7 화
GUI 디자인 제작 1
-GUI 디자인 콘셉트 도출 및 디자인
-팀 과제 : UI 디자인 컨셉 보드
11/7 화 ~ : 졸업작품 심사
10_11/14 화
GUI 디자인 제작 2
-GUI 디자인 콘셉트 도출 및 디자인
전시 설치 버전으로 시연 준비*
-팀 과제 : UI 디자인 컨셉 보드 및
전시 설치 버전 보완
11_11/21 화
GUI 디자인 제작 3
-GUI 디자인 콘셉트 도출 및 디자인
전시 설치 버전으로 시연 준비*
-팀 과제 : UI 디자인 컨셉 보드 및
전시 설치 버전 보완
11/24 금 ~ 11/27 월 : 졸업 전시
12_11/28 화 좋은 사용자 경험의 기준 : 유용성에 대해 -팀 과제 : 개선점 도출 및 수정(1)
13_12/5 화
사용성과 사용자 경험 : 사용성에 대해
사용자 테스트 1
-팀 과제 : 개선점 도출 및 수정(2)
14_12/12 화
사용자 경험을 만드는 기본 원칙들
사용자 테스트 2
-팀 과제 : 개선점 도출 및 수정(3)
15_12/19 화
(10/3 화 보강)
기말 고사 : 산출물 제출
*팀 기말 과제 산출물 제출(포맷 미
정)
*개인 기말 과제 파일 제출
우리의 계획
/ 38
18

19. 주소 : https://www.slideshare.net/JeongeunKwon
1
중요 : 강의 자료는 다.운.로.드.해서 보세요.
강의 자료
/ 38
19

20. 이메일 초대장으로 입장이 가능합니다.
반 대표?
저에게 이름과 이메일을 적어서 제출해 주세요.
이메일 초대장으로 입장이 가능합니다.
우리의 대화
/ 38
20

21. / 38
21
프로필 수정하기

22. 1
프로필 수정하기
/ 38
22
2
프로필 사진
• 측면, 반 측면 X
• 웃긴 사진 X
• 연예인 사진 X
3
4 5

23. 프로필 수정하기
/ 38
23
5 전화번호
반드시 추가!

24. 오늘(9/5, 화)까지 할 일
/ 38
24
1. 이메일 초대장 확인
2. 프로필 수정하기
3.팀 방 만들기

25. 강의 소개
강의 계획
평가 기준
워밍업
/ 38
25

26. 70
30
35
35
20
10
프로의
기본
수행 및 완성도
중간
출석
최종
개인 과제
(팀원 크로스 평가)
협업
개인 +
(팀원 크로스 평가)
/ 38
26
생각의 끝까지
걸어가 본다.
새로운 관점을
본다.
과정을 본다.
개인, 팀과제 기
여도를 본다.

27. 70
30
35
35
20
10
프로의
기본
수행 및 완성도
중간
출석
최종
개인 과제
(팀원 크로스 평가)
협업
개인 +
(팀원 크로스 평가)
/ 38
27
생각의 끝까지
걸어가 본다.
새로운 관점을
본다.
과정을 본다.
개인, 팀과제 기
여도를 본다.
매너를 지키자
디자이너 = 커뮤니케이터

28. 지각 그리고 병가에 대해
/ 38
28
출석과 지각
-출석 : 정시 호명할 때 있어야 출석.
-지각 : 수업 끝나고, 저에게 오세요.
공결 : 학칙 기준으로 적용
-병가 : 학과에서 확인하세요. 입원 외 승인 불가.
-따라서 아프면, 푹 쉬는 날.

29. / 38
29
Q & A
Q. B반, 반 대표?
김준형 학생
Q. C반 반 대표?
오혜린 학생

30. 강의 소개
강의 계획
평가 기준
워밍업
/ 38
30

31. B반 팀 구성
/ 38
31
2학기 서비스 필요
2학기 서비스 필요

32. C반 팀 구성
/ 38
32

33. 화면 스케치에 들어가기 전 준비 될 사항
/ 38
33
1.여정지도로 판단합니다.
2
.B_
2
, B_
4
, C_
1
, C_
4
1학기 여정지도 정리가 잘 된 것으로 확인했습니다.
3. 다음 주, 수업에서 기능 리스트를 작성하면 될 것.

34. Word 파일, 월요일 오후 6시까지 slack 방에 업로드
팀이 하려고 하는 서비스를 저에게 설명해 주세요.
목적 : 1.팀이 리딩 하는 것.
2.그만큼 서비스에 대한 생각이 중심을 잡고 있는지 확인.
포함할 내용
Who : 서비스 이름 : OOO(가칭)
Why : 우리의 시작, 문제 제기. 이런 경험 있죠?
What : OOO는 무엇입니다. by/through 이론/기술을 이용한 것이고요.
If : OOO 서비스를 사용하면 이런 걸 할 수 있어요.
장점 1. XXXXX
장점 2. XXXXX
장점 N. XXXXX
특징을 전달하는 모델링 이미지 N 컷
예시 보기
2학기 새로운 시작 팀, 주요 특징 준수사항
/ 38
34

35. 출처 : reddot award 2018 Design Concept Smart 부문 수상작
사례 : Sound FIT
Sound FIT는 '크런치 효과'를 통해 식이 습관을 향상시키는 착용 장치입니다. '크런치 효과'는 씹는 음식의 소리를 뇌로 전달함으로써 포만
감을 증가시킵니다. 외부의 소리가 먹는 소리보다 더 크게 들리면 포만감이 줄어들고 더 많이 먹게 됩니다.
Sound FIT는 과식을 방지하기 위해 (음식을) 씹는 소리를 증폭시키고 결국 사용자가 건강한 식습관을 구축하는 데 도움을 줍니다. Sound
FIT은 응용 프로그램과 함께 실시간으로 식사에 대한 피드백을 받고 식사 데이터 그래프를 통해 식습관을 추적할 수 있습니다.
/ 38
35

36. 출처 : reddot award 2018 Design Concept Smart 부문 수상작
사례 : ONE-STEP USB
ONE-STEP USB는 OLED, 중력 센서 및 광학 지문 센서의 기술을 통합하여 기존의 USB 사용 방식을 혁신하여 사용자가 메모리 부족 및 데
이터 누출과 같은 문제를 피할 수 있도록 도와줍니다.
USB를 흔들면 남은 메모리를 쉽게 검색할 수 있어 사용자가 이러한 새로운 상호 작용으로 즐거움을 즐길 수 있습니다. 사용자가 이 USB 디
스크를 장치에 삽입하면 무의식적인 지문 식별 프로세스가 완료됩니다. 디스크는 최근의 시간 순서로 저장된 파일을 표시하여 프린터 또는
컴퓨터를 작동시키지 않고도 OLED 화면에서 파일을 인쇄하거나 전송할 수 있습니다.
ONE-STEP USB는 간결하게 설계되었다. 고전적인 줄무늬는 시원하고 최소한의 미적 감각을 가져다주며 미끄러지지 않는 그립을 제공한
다. 전체 디자인은 형태와 기능을 밀접하게 결합하면서 사용자의 요구에 초점을 맞추고 새롭고 흥미로운 대화형 경험을 제공합니다.
/ 38
36

37. 그래서 오늘 워밍업은
/ 38
37
B반에서 B_
1
, B_
4
팀.
C반에서 C_
2
팀.
무엇을 할지 결정 후, 저와 이야기하고 퇴근.
나머지는 가도 좋습니다.
수업은 이상입니다.

38. 끝. 갈 수 있을 때 가라.
다음 주 과제 :
새로운 시작 팀, Word 주요 특징 작성하기.
Adobe XD 설치하기.
/ 38
38
kwonjeongeun@naver.com