1st.Lecture.Introduction.pdf

KAYWON UNIVERSITY OF ART & DESIGN

INDUSTRIAL DESIGN LAB

USER EXPERIENCE

DESIGN
사용자경험디자인 2
kwonjeongeun@naver.com
/ 41
1
1강 강의 소개

강의 소개

강의 계획

평가 기준

Adobe XD 레슨

워밍업

/ 41
2

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

최근, 인류의 성과
/ 41
4
A I B O
& T
R O
‘신경망 네트워크’ 1950년 개념

왜, AI 이제서야 구현?

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

숙제가 많은 원자의 세계
/ 41
6 / 41
6

우리의 미션
/ 41
7
물리 디지털
인 터 이 스
페
디 인
자

최고의 교수님들 저서
우리의 가이드
/ 41
8

쉽게 읽히는 책
우리의 가이드
/ 41
9 / 41
9
주교재

구글 검색 : UX Prototype Tool
우리의 도구
/ 41
10

우리의 도구
/ 41
11
큰 회사

한 달 한 번 업데이트

무료 -> 최근, 유료

Win & Mac - O

난이도 하
작은 회사

1년에 한 번 업데이트

유료

Mac Only

난이도 중/상
Sketch
Adobe XD

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

주차 수업 내용 비고
1_9/16 금
강의 소개 : 강의 내용, 진행 방법, 평가 기준 안내
UI Prototyping 제작 실습(1)
-XD 프로그램 설치 필수
-팀 과제 : 주요 특징 작성
2_9/23 금
인터페이스의 이해 : 인터페이스, 인터랙션, 제품과 서비스, 서비스 디자인
-팀 과제 : 주요 특징 작성, 기능 리
스트 작성
3_9/30 금
UI 디자인 프로세스 소개 : IA의 이해, 스토리보드의 이해, UI Prototyping 제작 방법
-팀 과제 : 기능 리스트 정리, 메뉴
트리 정리
4_10/7 금
IA 제작
-팀 과제 : 메뉴 트리 작성
5_10/14 금
IA 제작, 스토리보드 제작
-팀 과제 : UI 화면 스케치
6_10/21 금
스토리보드 제작, UI Prototyping 제작
UI Prototyping 제작 실습(6) 종료
-팀 과제 : UI 화면 스케치
-팀 과제 : 디지털 Prototyping 제
작
7_10/28 금 중간 고사 : 서비스 소개 및 UI Prototyping 시연 or 산출물 제출
*팀 중간 과제 발표 pdf 파일 제출
*개인 과제 파일 제출
우리의 계획
/ 41
13

주차 수업 내용 비고
8_11/4 금
GUI 디자인 제작 1
-GUI 디자인 콘셉트 도출 및 디자인
-팀 과제 : 도록 제작 + 배너 제작
9_11/11 금
*도록 컨펌(팀 기말 산출물에 포함)
10_11/18 금
*배너 컨펌(팀 기말 산출물에 포함)
11_11/25 금 졸업 전시 오픈
12_12/2 금 좋은 사용자 경험의 기준 : 유용성에 대해 -팀 과제 : 개선점 도출 및 수정(1)
13_12/9 금 사용성과 사용자 경험 : 사용성에 대해 -팀 과제 : 개선점 도출 및 수정(2)
14_12/16 금 사용자 경험을 만드는 기본 원칙들 -팀 과제 : 개선점 도출 및 수정(3)
15_12/23 금 기말 고사 : 산출물 제출
*팀 기말 과제 산출물 제출(포맷 미
정)
*개인 기말 과제 파일 제출
우리의 계획
/ 41
14

1학기 인포그래픽 예시
/ 41
15

/ 41
16

/ 41
17

/ 41
18

도록 예시
/ 41
19
2학기 - 모바일 서비스
1학기 - 인포그래픽

도록 예시
/ 41
20

도록 예시
/ 41
21

주소 : https://www.slideshare.net/JeongeunKwon
1

중요 : 강의 자료는 다.운.로.드.해서 보세요.
강의 자료
/ 41
22

2학기, 새로운 공간으로 이사하겠습니다.

반 대표?

저에게 이름과 이메일을 적어서 제출해 주세요.

이메일 초대장으로 들어올 수 있습니다.
우리의 대화
/ 41
23

/ 41
24
프로필 수정하기

/ 41
25
1
프로필 사진

• 측면, 반 측면 X

• 웃긴 사진 X

• 연예인 사진 X

• 사물 사진 X
2
3
4

/ 41
26
5 전화번호

반드시 추가!

오늘(9/15, 금)까지 할 일
/ 41
27
1. 이메일 초대장 확인

2. 프로필 수정하기

3.팀 방 만들기

강의 소개

강의 계획

평가 기준

Adobe XD 레슨

워밍업

/ 41
28

프로의
기본
70
30
20
10
개인 과제
수업/크리틱 참여도
출석
협업
개인 +
/ 41
29
𝞪
용기 & 통찰력
수행 및 완성도 35
기말
+
𝞪
35
중간
생각의 끝까지
걸어가 본다.
새로운 관점을
본다.
과정을 본다.
개인, 팀과제 기
여도를 본다.
(팀원 크로스 평가)

프로의
기본
70
30
20
10
개인 과제
출석
협업
개인 +
/ 41
30
𝞪
용기 & 통찰력
수행 및 완성도 35
기말
+
𝞪
35
중간
생각의 끝까지
걸어가 본다.
새로운 관점을
본다.
과정을 본다.
개인, 팀과제 기
여도를 본다.
매너를 지키자

디자이너 = 커뮤니케이터

출석과 지각에 대해
/ 41
31
정시 호명.

자리에 없으면, 지각.

지각한 사람, 수업 끝나고 저에게 옵니다.

대면 수업에서 최대치를 진행합니다.

강의 소개

강의 계획

평가 기준

Adobe XD 레슨

워밍업

/ 41
32

XD 레슨 들어가기 앞서서
/ 41
33
1.사용자 경험 디자인2는 툴 수업이 아닙니다.

2.더 알고 졸업하면 좋을 것 같아서 시간을 내서 하는 수업입니다.

3.따라서 튜토리얼 영상을 따로 올리지 않습니다.

4.녹화를 허용합니다.

단, 수업 중에 녹화만 하고 작업을 안 하는 일은 안 됩니다.

-10분 과제, 20분 과제, 2시간 과제 있음

5.오늘, 들어보고 다음 주를 대비하기를 권합니다.

강의 소개

강의 계획

평가 기준

Adobe XD 레슨

워밍업

/ 41
34

화면 스케치에 들어가기 전 준비 될 사항
/ 41
35
1.여정지도로 판단합니다.

2.필요한 화면 및 화면 스텝이 보이지 않는 여정지도는

보완이 필요하다는 뜻입니다.

3. 잘 보이는 여정지도 예시

여정지도 C_
4
예시
/ 41
36
1 2 3 4 5 6 7

여정지도 C_
4
예시
/ 41
37
1 2 3 4 5 6

여정지도 B_
2
예시
/ 41
38
3_1
1 2 4 5 6
3_2

우리 팀, 있는 것 같은데요?
/ 41
39
아니요. 팀만 알아볼 수 있을지도 몰라요.

✓Step이 잘 안 보이고

✓Task가 안 보입니다.

여기서 Task란?

‘이 화면에 주요 목적, 주요 Task는 이것이다’가 명확하다.

✓스케치에 들어갈 수 있다고 판단하기 어려운 상태입니다.

그래서 오늘 워밍업은
/ 41
40
각 반에서 1팀 정도

서비스 서술 내용을 저와 검토.

나머지는 여정지도를 보완하는 작업을 진행합니다.

그리고 질문 주세요.

수업은 이상은입니다.

끝.
다음 주 과제 :

여정지도 보완하기.

XD 레슨 1강 복습.
/ 41
41
kwonjeongeun@naver.com

1st.Lecture.Introduction.pdf

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to 1st.Lecture.Introduction.pdf

Similar to 1st.Lecture.Introduction.pdf (20)

More from Jeongeun Kwon

More from Jeongeun Kwon (20)

1st.Lecture.Introduction.pdf