SlideShare a Scribd company logo
KAYWON UNIVERSITY OF ART & DESIGN

INDUSTRIAL DESIGN LAB

USER EXPERIENCE

DESIGN
사용자경험디자인2
3강 인터랙션의 이해
/ 16
1
judy@andsystemlab.com
인터페이스와 인터랙션


팀 과제 진행


Adobe XD 레슨
/ 16
2
농업


산업


출처 : 유발 하라리 <사피엔스>
인류가 걸어온 길
3500만 년 : 문명생활 = 365일 : 2시간
/ 14
3
호모 사피엔스, 슬기로운 사람, 지혜가 있는 사람
365일 - 2시간
전멸, 멸종, 파괴
언어
풍요
현재
나
365일
최초
유인원
1일
시스템


기계


정보
새로운 모더니즘
/ 16
4
?
크게 바뀌다
인터페이스(정성훈)
인터페이스(하승철)
새로운 창문, 너의 이름은
인터페이스란?
시스템과 시스템을 연결해 주는 역할을 하는 고안물(정성훈)
소통과 장소와 수단(정광호)
인간과 시스템을 연결을 매개체(김주원)
사물과 인간 사이의 상호 관계를 연결하는 소통의 수단(마예
린)
소통이 되는 수단(하승철)
서로를 이어주는 장치(이설)
inter+face(이유진)
/ 14
5
새로운 창문, 너의 이름은
Inter + Face 결합어
페이스(면)와 페이스(면) 사이
세계와 세계 사이
시스템과 시스템 사이
하나의 시스템 = 사람 = 세계 = 우주 > 은하계
/ 14
6
새로운 창문, 너의 이름은
System(계) System(계)
/ 16
7
Face(면) Face(면)
만나
소통
장소/수단
Machine
Everyday Things
Auto-Mobile
Robot
AI
Machine
Human
시스템


기계


정보
2개의 시스템이 만나서? 소통
/ 16
8
?
Communication(조성원, 김주원)
Social Activity(엄선)
Conversation(김주원)
인터랙션(하승철)
커뮤니티(여재우)
커뮤니케이션(장근혁)
문화 용어 ‘의사소통’ Communication
과학 용어 ‘상호작용’ Interaction
인 터 랙 션
시스템


기계


정보
비슷하지만 서로 달라
인 터 랙 션
/ 16
9
인 터 페 이 스
서로에게 작용은 똑같고
인터페이스는 물리적 현상은 아님
인터랙션은 물리적 현상에 가깝다(정성훈)
Google Material Design
정보와 사람 중간 역할이 인터페이스
이 과정이 인터랙션(유민지)
경험 > 인터페이스 > 인터랙션
수단과 본질의 차이 같다.
소통(본질, 인터랙션)을 하기 위한 인터페이스라는 수단을 사용하는 것 같다(하승철)
인터페이스 사용하는 고안물
인터랙션은 인터페이스를 사용하는 행동(최재혁)
QUIZ
/ 16
10
Digital(정광호)
Computer(서예진)
Online(김주원)
System(정성훈)
Internet(이설)
Media(최재혁)
Information(신고은)
Contents(김정현)
인터페이스(정현진)
Human(김주원)
User(엄선, 하승철, 최재혁)
Person(정성훈)
Media, Technology(장근혁)
People(정현진)
Interaction(정광호)
Internet(조성원)
Connect(김주원, 여재우)
Network(이유진)
Direction(하승철)
? ? ?
H C I
UX/UI 디자이너 자격요건
/ 16
11
• HCI 관련 학과 전공자
• 심리학과, 인지 심리학과, 문화 인류학과, 산업공학과 …
• (디지털 미디어) 시각 디자인 전공자
• Robot : 산업 디자인 전공자, 제품 디자인 전공자
• Communication 능한 자
QUIZ
/ 16
12
…
사람 + 사람
사람 + 탈 것
VUI
Human Machine
Interface(HMI)
AVN
사람 + 공간
Smart Home
Interface
사람 + 사물
인터페이스와 인터랙션


팀 과제 진행


Adobe XD 레슨
/ 16
13
팀 미팅에 대해
금주 B : 1, 4, 5, 8 + 6, 7
금주 C : 1, 2, 4, 7
순서 공지
일정
금주 : 지금, 하던 일 완료(피드백 반영). XD 복습
숙제 더 없음. Slack 휴식.
모이세요 3rd Session : XD 시간 공지
/ 16
14
인터페이스와 인터랙션


팀 과제 진행


Adobe XD 레슨
/ 16
15
끝.
/ 16
16
다음 주 과제 : 없음.


XD 레슨 2강 복습
judy@andsystemlab.com

More Related Content

PDF
2nd.lecture.what.is.interface
PDF
1st.lecture.introduction h
PDF
2nd.lecture.who.i.am.as.a.designer
PDF
4th.lecture.service.design.process
PDF
3rd.lecture.why.user.experience
PDF
1st.lecture.introduction
PDF
2nd.lecture.who.are.we
PDF
3rd.Lecture.Design.for.Communication.pdf
2nd.lecture.what.is.interface
1st.lecture.introduction h
2nd.lecture.who.i.am.as.a.designer
4th.lecture.service.design.process
3rd.lecture.why.user.experience
1st.lecture.introduction
2nd.lecture.who.are.we
3rd.Lecture.Design.for.Communication.pdf

What's hot (20)

PDF
3rd.lecture.why.user.experience
PDF
[Seminar]1st.lecture.designers.job.in.industry.4.0 20210615
PDF
2nd.lecture.design.for.icons
PDF
[Seminar]why.uxui.design.in.industry.4.0
PDF
2nd.lecture.what.is.interface
PDF
4th.lecture.purpose.of.project.20190329
PDF
11th.lecture.step4.ideation
PDF
[Seminar]4rd.lecture.open.discussion.the.latest.uxui.challenges.20210824
PDF
14th.lecture.about.usability
PDF
7th.lecture.4.components.of.information.architecture
PDF
8th.lecture.step2.observation
PDF
4th.Lecture.Design.for.Function.pdf
PDF
4th.lecture.interface.design.process
PDF
3rd.lecture.why.user.experience.20190322
PDF
3rd.lecture.what.is.interface 2
PDF
6th.lecture.what.is.information.architecture
PDF
[제12회 인터넷 리더십] 우리가 만날 미래와 미래를 위한 교육_정지훈
PDF
9th.lecture.step3.analysis
PDF
3rd.lecture.step1.understanding.20180914
PDF
14th.lecture.the.critical.view.about.ux.20180608
3rd.lecture.why.user.experience
[Seminar]1st.lecture.designers.job.in.industry.4.0 20210615
2nd.lecture.design.for.icons
[Seminar]why.uxui.design.in.industry.4.0
2nd.lecture.what.is.interface
4th.lecture.purpose.of.project.20190329
11th.lecture.step4.ideation
[Seminar]4rd.lecture.open.discussion.the.latest.uxui.challenges.20210824
14th.lecture.about.usability
7th.lecture.4.components.of.information.architecture
8th.lecture.step2.observation
4th.Lecture.Design.for.Function.pdf
4th.lecture.interface.design.process
3rd.lecture.why.user.experience.20190322
3rd.lecture.what.is.interface 2
6th.lecture.what.is.information.architecture
[제12회 인터넷 리더십] 우리가 만날 미래와 미래를 위한 교육_정지훈
9th.lecture.step3.analysis
3rd.lecture.step1.understanding.20180914
14th.lecture.the.critical.view.about.ux.20180608
Ad

Similar to 3rd.lecture.what.is.interaction (14)

PDF
3rd.Lecture.What.is.Interaction.pdf
PDF
3rd.Lecture.What.is.Interaction.pdf
PPT
web trend & UX
PDF
인터랙티브미디어디자인 1514599 서은성
PDF
인터랙티브미디어디자인 l 1514599 서은성
PDF
3rd.Lecture.Why.User.Experience.pdf
PDF
Pt 1주차
PPTX
빅데이터연동의 소셜 로봇 Big Data and Social Robot
PDF
2nd.Lecture.What.is.Interface.pdf
PDF
4th.Lecture.Service.Design.Process.pdf
PPTX
2.communication & interaction
PDF
IT 접근성_모두가 함께하는 따뜻한 디지털 세상 만들기
PDF
공유를 좋아하는 여자
PDF
2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf
web trend & UX
인터랙티브미디어디자인 1514599 서은성
인터랙티브미디어디자인 l 1514599 서은성
3rd.Lecture.Why.User.Experience.pdf
Pt 1주차
빅데이터연동의 소셜 로봇 Big Data and Social Robot
2nd.Lecture.What.is.Interface.pdf
4th.Lecture.Service.Design.Process.pdf
2.communication & interaction
IT 접근성_모두가 함께하는 따뜻한 디지털 세상 만들기
공유를 좋아하는 여자
2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...
Ad

More from Judy Kwon (20)

PDF
DesignThinking_14th.Lecture.Final.PT.Guideline.pdf 자료
PDF
DesignThinking_13th.Lecture.Step.3.Ideate.pdf 자료
PDF
DesignThinking_12th.Lecture.Step.2.Define.a.Problem.pdf 자료
PDF
DesignThinking_11th.Lecture.Step.1.Empathize.pdf 자료
PDF
DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료
PDF
DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료
PDF
DesignThinking_7th.Lecture.3.5.Dollar.Design.Workshop.pdf 자료
PDF
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
PDF
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
PDF
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
PDF
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
PDF
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
PDF
DesignThinking_1st.Lecture.Introduction.pdf 자료
PDF
InterfaceDesign_14th.lecture.Final.Exam.Guideline.pdf 자료
PDF
InterfaceDesign_13th.lecture.UI.Design.pdf 자료
PDF
InterfaceDesign_12th.lecture.Wireframe.and.Prototype.pdf 자료
PDF
[SpecialLecture] Design.and.User.Experience.Design.pdf
PDF
InterfaceDesign_11th.lecture.Sketch.pdf 자료
PDF
InterfaceDesign_10th.lecture.Introduction.of.Final.Exam.pdf 자료
PDF
InterfaceDesign_8th.lecture.MidTerms.Guideline.pdf 자료
DesignThinking_14th.Lecture.Final.PT.Guideline.pdf 자료
DesignThinking_13th.Lecture.Step.3.Ideate.pdf 자료
DesignThinking_12th.Lecture.Step.2.Define.a.Problem.pdf 자료
DesignThinking_11th.Lecture.Step.1.Empathize.pdf 자료
DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료
DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료
DesignThinking_7th.Lecture.3.5.Dollar.Design.Workshop.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료
InterfaceDesign_14th.lecture.Final.Exam.Guideline.pdf 자료
InterfaceDesign_13th.lecture.UI.Design.pdf 자료
InterfaceDesign_12th.lecture.Wireframe.and.Prototype.pdf 자료
[SpecialLecture] Design.and.User.Experience.Design.pdf
InterfaceDesign_11th.lecture.Sketch.pdf 자료
InterfaceDesign_10th.lecture.Introduction.of.Final.Exam.pdf 자료
InterfaceDesign_8th.lecture.MidTerms.Guideline.pdf 자료

3rd.lecture.what.is.interaction