InterfaceDesign_1st.Lecture.Introduction.pdf 자료

2025_ID_1st.Lecture.Introduction
강의 계획과 평가 대한 OT

1. KAYWON UNIVERSITY OF ART 5? DESIGN
SMART PRODUCT DESIGN LAB
INTERFACE DESIGN
인터페이스 디자인
kwonjeongeun5?naver.com
1강 강의 소개
/ 401

2. 교사 소개
교과목 소개
평가 방법
우리의 약속
과제 안내
/ 402

3. 학력
2번째로 유명한 예술고등학교 졸업
등록금이 9번째로 비싼 대학교에서 한국화와 미술사학 전공
등록금이 10번째로 비싼 대학원에서 디지털미디어디자인 전공
OO OO의 이름을 딴 대학원에서 New Media Lab 교환 석사과정 수료
요약
주로 등록금이 비싼 학교로 진학하여 불효를 저질렀으나
재수나 휴학 없이 학업을 빨리 마치려고
수업에 충실했던 범생이
權 庭 銀
뜰에 빛나는 은
권 정 은
/ 403

4. 뜰에 빛나는 은
권 정 은
경력
OO세 16억 낸 기업의 무한연구기술장려연구소, OO종합기술원. 사회생활시작.
상장3?IPO3?를 이룬 S/W 대표기업, 3?주3?OO캐스트. UX 실무 트레이닝.
무리한 개발로 모두가 걱정하는 S/W 대표기업, 3?주3?OOO소프트. UX 팀장으로
등업 외.
UX/UI 컨설팅, 제안, 디자인 개발, 교육 재직 중.
요약
소프트웨어 개발 회사 10년. 서비스의 시스템 구조와 개발을 이해.
중견기업이지만 여전히 벤처정신을 외치는 국내 문화로 쭉 벤처정신으로 일해 옴.
權 庭 銀
/ 404

5. 뜰에 빛나는 은
권 정 은
權 庭 銀
잠시 제 포트폴리오를 감상하겠습니다.
/ 405

6. 교사 소개
교과목 소개
평가 방법
우리의 약속
과제 안내
/ 406

7. 인터페이스 디자인, INTERFACE DESIGN
HCI
I
H - Information・Interaction・Interface 3? C
I I
UX
User Experience
/ 407

8. 교과목 개요
인터페이스 디자인, Interface Design
사용자 경험 디자인 의 기본 개념, 역할, 개발 프로세스 등을 이해하
며 비즈니스의 다양한 분야에서 사용자 경험 디자인이 어떻게 쓰이
고 있는지 사례를 통해 학습을 한다. 또한 실무적 디자인 감각을 학
습하기 위해 사용자 경험 디자인 개발 프로세스를 실습을 통해 경험
한다.
①
②
/ 408
③

9. 교과목 목표
인터페이스 디자인, Interface Design
사용자에 대한 이해 를 바탕으로 제품 디자인 개발 시 사용자 경험
요소를 기획 및 설계하여 디자인하며 프로토타입을 만들고 사용성
평가를 할 수 있는 능력을 갖추도록 한다.
/ 409

10. 주차 수업 주제 수업 내용 과제 및 자료
1 강의 소개
-교사 소개
-교과목 소개, 평가 방법 등
2
인터페이스 디자인
워밍업
디자인 이야기
-팀 사전 과제 소개
준비물: 사인펜, PC, UX
Tool 설치
3
인터페이스 디자인
워밍업
사용자 경험3?UX3? 디자인 이야기
4
인터페이스 디자인
워밍업
팀 사전 과제: 발표
-좋은 인터페이스 디자인?
-팀의 해체 서비스는? 후보 N가지 준비
5
인터페이스 디자인
Exercise #1
UI 디자인 프로세스
3?Interface 이해
-Information Architecture 이해
과제: IA 해체
6
인터페이스 디자인
Exercise #1
-Task 이해
-Task Flow 이해
과제: Task Flow 해체
7
인터페이스 디자인
Exercise #1
-Wireframe 이해
-Lo3?Fi Prototype 이해
과제: Wireframe 6?
Prototype 제작
8
인터페이스 디자인
Exercise #1
직무수행능력평가 1
-팀 중간 과제: 발표와 시연
과제: 기말 과제, 팀 주제 후
보군 준비
우리의 계획
중간: #사례 #분석 #해체
기말: #설계 #수행
/ 4010

11. 주차 수업 주제 수업 내용 과제 및 자료
9
인터페이스 디자인
Exercise #2
팀 기말 과제 소개
-팀 주제 후보군 발표
-주요 특징 제작
과제: 주요 특징, 기능 리스
트, IA 제작
10
인터페이스 디자인
Exercise #2
-기능 리스트 제작
-IA 제작
과제: 손 스케치
11
인터페이스 디자인
Exercise #2
-주요 화면 스케치
-Task Flow 스케치
과제: Wireframe 제작
12
인터페이스 디자인
Exercise #2
-Wireframe 제작 과제: GUI 콘셉트 제작
13
인터페이스 디자인
Exercise #2
-GUI 콘셉트 제작 및 디자인 개발 과제: GUI 디자인 개발
14
인터페이스 디자인
Exercise #2
-GUI 콘셉트 제작 및 디자인 개발
과제: GUI 디자인 개발 +
Prototype 제작
15
인터페이스 디자인
Exercise #2
직무수행능력평가 2
-팀 기말 과제: 산출물 제출
우리의 계획
/ 4011
중간: #사례 #분석 #해체
기말: #설계 #수행

12. 이론 1시간, 실습 3시간
Design Thinking은 통계적인 데이터에 의한 기획과 전략보다는
관찰3?Observation3?과 토론3?Brainstorming3? 그리고 놀이3?Play
-> Construction Play, Role Play3?를 통해서 경험을 중시하는 제
품 개발 프로세스이자 통합적 사고3?Integrative Thinking3?를 익
힌다. 통합적 사고를 보유할 수 있는 디자이너 육성을 위하여 분석
적, 통계적 사고에 창의적 사고를 융합시키는 디자인 프로세스 학습
을 목표로 한다.
우리의 계획
/ 4012
1교시: 출석 체크 및 과제 발표
2교시: 이론
3교시: 실습
4교시:실습 및 과제 공지

13. 우리의 계획
/ 4013
수업 지참
매주 실습이 있습니다.
PC 가져오기.
수업 지참
매주 실습이 있습니다.
PC 가져오기.

14. 우리의 계획
/ 4014
Microsoft Office
학사 행정 종합정보시스템
http://kuad.kaywon.ac.kr
Microsoft Office 365 유료 계정 제공

15. / 4015

16. 우리의 대화
/ 4016
스마트출석부 > 강의공지
3?중요3? 매주 확인. 수업 관련, 준비물 공지

17. 우리의 대화
/ 4017
스마트출석부 > 과제
3?중요3? 개인 과제 제출은 이곳.

18. 우리의 대화
/ 4018
피그마 팀 공간
3?중요3? 팀 과제 제출은 이곳.

19. 링크: https://www.slideshare.net/JeongeunKwon1
강의 자료는 다운로드 해서 보는 것을 추천.
강의 자료
/ 4019

20. 우리의 도구
/ 4020
퍼플랙시티 검색: UX Tools
구글 검색: UX Tools

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

22. 우리의 도구
/ 4022
큰 회사
1달 1번/수시 업데이트
무료 -> 유료
Win 5? Mac
난이도 하
협업?
최종, 공유
Adobe XD
작은 회사
1년에 1번 업데이트
유료
Mac Only
난이도 중/상
Sketch Figma
유니콘 회사
수시 업데이트
무료 -> 무료/유료
웹, Win 5? Mac
난이도 중/상
협업?
여러 명, 동시 작업
웹

23. 우리의 도구
/ 4023
1 본 수업은 툴 수업이 아님
-더 배우고 졸업하기를 바라는 마음에서 실습을 진행.
2 튜토리얼 영상을 별도로 올리지 않아요
-수업에 매우 집중 or 녹화? 한 주 해보고 대비.
3 다음 주, 반드시 가입 + 팀 공간 확인해서 오기
3?3?중요3? 와서 처음 설치 또는 처음 파일 열기 NO!!!
3?3?중요3? 학교 계정 인증 문제 등 미리 대비.

24. / 3824
1 반드시 5?kaywon 계정으로 피그마 가입하기
Edu Plan 사용 예정
2 3?나3? 반 5? 각 팀 공간으로 초대 2장 발송함
3 3?다음 주3? 팀 파일 만들기 - 가이드라인 엄수
4 피그마로 팀 작업 -> 3?매주, 나3? PDF 문서로 추출 -> 최종
PDF 문서가 최종 산출물
주 단위로 과제가 있고,
주 단위 과제 내용을 쌓아서
최종 1개 PDF 문서로 8주 차, 15주 차에 정리해서 발표
우리의 도구

25. 교사 소개
교과목 소개
평가 방법
우리의 약속
과제 안내
/ 4025

26. -40, 실습 과제, 평가물,
발표, 태도
-결석 3회 초과 = F 학점
-지각/조퇴/중간퇴실 3회?
결석 1회와 같음
/ 4026
-40, 실습 과제, 평가물,
발표, 태도
평가 개요
출석 206?
중간 406? 기말 406?
전자 출결 자동 정산 팀 과제 팀 과제
실습, 과제, 발표, 태도 실습, 과제, 발표, 태도

27. / 4027
출석, 지각의 기준
수업 시작 정시에
전자출결시스템을 스크린에 띄워
학생 이름을 호명하여 출결 반영합니다.
-출석: 정시 호명할 때, 자리에 있어야 출석입니다.
-지각: 수업 끝나고, 저에게 오세요.

28. / 4028
지각과 결석
지각 y? y? y?
결석 지각 y? y?
결석 결석 결석 결석
결석 결석 결석 결석
Case 1.
Case 2.
Case 3.
Case 4.

29. / 4029
출석 인정(공결)의 기준
학칙 기준으로 적용합니다.

30. 교사 소개
교과목 소개
평가 방법
우리의 약속
과제 안내
/ 4030

31. / 4031
과제 제출
고마운 분들…
1 스마트출석부 > 과제 / 피그마에 업로드 ONLY.
이메일, 카톡으로 과제 제출하지 말 것.
2 제출 시간을 엄수할 것.
3 표절은 D. 학칙 참조.
타인의 결과물을 나의 과제로 제출하지 말 것.
표절 유무 기준은 출처.
예: Pinterest, ChatGPT 등 활용 허용. 단, 출처를 남깁니다 .

32. / 4032
수업 중 금지
고마운 분들…
1 수업 시간에 타 교과목의 과제를 펼쳐 놓는 행위
2 수업 내용과 관계없는 미디어 사용
3 카톡, 기타 메신저
4 게임
5 쇼핑

33. / 4033
대학은 질문하는 곳
수업 중, 질문 환영
좋은 강연보다 좋은 질문의 힘이 더 크다.
수업 이후, 질문 방법
1 이메일 선호. 이메일 쓰는 법도 연습 필요.
kwonjeongeun5?naver.com
2 카톡 문의 사절. 개인용 메신저 임을 존중해 주세요.
3 문자, 전화는 위급할 때만 사용합니다.

34. / 4034
매너를 지킵니다
디자이너 = 커뮤니케이터
가장 아름다운 것은 눈에 보이는 것이 아니라 바로 사람.
그 사람이 가지고 있는
윤리 의식, 도덕심, 깊은 인품, 인성, 인격.
41Work hard. Be kind.
Amazing thing will happen.42
- 미, 코난 오브라이언

35. 교사 소개
교과목 소개
평가 방법
우리의 약속
과제 안내
/ 4035

36. A반, 팀 구성 준수사항
팀 구성은 총 29명. 총 6팀.
3?min: 4명
3?max: 5명
-5, 5, 5, 5, 5, 4
-반 대표, 개입. 추후 취합해서 전달해 주세요.
Q 사전 팀 과제 이유?
1 좋은 것 보기
2 중간 팀 과제, 팀 주제 참고

37. B반, 팀 구성 준수사항
팀 구성은 총 27명. 총 6팀.
3?min: 4명
3?max: 5명
-5, 5, 5, 4, 4, 4
-반 대표, 개입. 추후 취합해서 전달해 주세요.
Q 사전 팀 과제 이유?
1 좋은 것 보기
2 중간 팀 과제, 팀 주제 참고

38. 다음 주, 개인 준비물
/ 4038
43내가 남보다 잘하는 일44 생각해 오기.
- 생활 필살기 중심으로
예: 강아지 목욕

39. 다음 주, 개인 준비물
컴퓨터용 사인펜 1개.
- 굵기 중요. 이미지 참조

40. kwonjeongeun5?naver.com
/ 4040
끝. 갈 수 있을 때 가라.
다음 주 준비물:
3?3?생활 필살기 중심으로3? 43내가 남들보다 잘하는 일44 생각해 오기.
-컴퓨터용 사인펜 1개.
-PC + UX Tool 가입 및 팀 공간 확인해 오기.