SlideShare a Scribd company logo
1 of 25
Download to read offline
2018 FALL KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인
kwonjeongeun@naver.com
11/23(금)
10강 어떻게 만들 것인가 : 사용성에 대해
인터랙션, 어떻게 만들 것인가
인터페이스, 어떻게 만들 것인가
팀 과제 진행
! / 242
! / 243
사용성 도미노
정보 구조 설계
(IA)
인터랙션
디자인
인터페이스
디자인
…
! / 244
IA, 무엇을 만드는 것인가
홈 메뉴 1 메뉴 2 메뉴 3 … …
서비스명
???
???
???
화면 단위로 표현할 메뉴를 결정한다.
! / 245
인터랙션과 인터페이스, 무엇을 만드는 것인가
실제 화면을 어떻게 설계하고
화면들 그리고 화면 내 요소들을
서로 유기적으로 어떻게 연결,
운용할 것인지 표현한다.
! / 246
인터랙션 디자인이란?
커뮤니케이션객체 객체
! / 247
사용자 조작
목적물의 반응
환경
인터랙션을 만들려면
! / 248
사용자의 조작/입력, Input Interaction
인터랙션을 만들려면
좋은 를 확보한다.어
(Affordance 또는 Feed-Forward)
포 던 스
사용자 서비스
Click
! / 249
Affordance, 행동 유도성
인터랙션을 만들려면
이용하거나 조작하면
어떤 결과가 일어날지
쉽고 명확하게 누구나 알 수 있는 것을 말한다.
Affordance, 행동 유도성
인터랙션을 만들려면
! / 2410
! / 2411
인터랙션을 만들려면
Affordance, 행동 유도성
적절한 피드백 (Feed-Back)
! / 2412
목적물의 반응, Output Interaction
인터랙션을 만들려면
사용자 서비스
Click
Flick
Drag
Text
시각
음성
음향
진동
피 드 백
조작의 확신/에러/실수에 대해 명확한 판단을 하게 한다.
! / 2413
환경, Context
인터랙션을 만들려면
사용자 서비스
시간 공간
가정집 화장실 스위치
공장 절삭 장치 스위치
즉각
지연
끊김
인터랙션, 어떻게 만들 것인가
인터페이스, 어떻게 만들 것인가
팀 과제 진행
! / 2414
인터페이스 디자인이란?
! / 2415
세계 세계
인터페이스
계면 (界⾯, 지경 계, 낯 면)
예 : 계면활성제의 원리
인터페이스, 왜 중요한가?
! / 2416
사용자
완벽한
AI 서비스
인터페이스, 왜 중요한가?
! / 2417
사용자
완벽한
AI 서비스
사용자는 시각.
인터페이스를 통해 서비스의 가치를 측정한다.
인터페이스를 만들려면
! / 2418
레이아웃
색상
타이포그라피
그래픽
한정된 공간 내 배치, 레이아웃
! / 2419
인터페이스를 만들려면
영역 정의
영역별 콘텐츠와 컨트롤* 위치
콘텐츠 양
콘텐츠 순서
정보의 성격, 색상
! / 2420
인터페이스를 만들려면
정보별 성격/의미 부여
3~5가지 이상 쓰지 않기
예 : 검은색, 빨간색, 초록색, ...
빨간색 - 중요, 에러, 삭제 확인
문자적 요소, 타이포그래피
! / 2421
인터페이스를 만들려면
서체
크기
자간, 행간
비문자적 요소, 그래픽
! / 2422
인터페이스를 만들려면
이미지
다이어그램
그래프
테이블
선
아이콘(메타포, Metaphor)
인터랙션, 어떻게 만들 것인가
인터페이스, 어떻게 만들 것인가
팀 과제 진행
! / 2423
끝.
kwonjeongeun@naver.com
/ 2424
다음 주 과제 : 주제, 페르소나, 컨셉, IA, 스케치 초안까지 준비
학기 중 일독하게 될 것이다.
마스다 무네야키 <지적자본론>
2018 FALL KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인
kwonjeongeun@naver.com
11/30(금)
11강 어떻게 측정할 것인가 : 사용성 테스트에 대해

More Related Content

What's hot

당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들Dongsik Yang
 
UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019JungYong Kim
 
2nd.lecture.what.is.interface
2nd.lecture.what.is.interface2nd.lecture.what.is.interface
2nd.lecture.what.is.interfaceJeongeun Kwon
 
8th.lecture.about.good.user.uxperience.design.20181102
8th.lecture.about.good.user.uxperience.design.201811028th.lecture.about.good.user.uxperience.design.20181102
8th.lecture.about.good.user.uxperience.design.20181102Jeongeun Kwon
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
7th.lecture.4.components.of.information.architecture
7th.lecture.4.components.of.information.architecture7th.lecture.4.components.of.information.architecture
7th.lecture.4.components.of.information.architectureJeongeun Kwon
 
[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727Jeongeun Kwon
 
5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architecture5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architectureJeongeun Kwon
 
3rd.lecture.why.user.experience
3rd.lecture.why.user.experience3rd.lecture.why.user.experience
3rd.lecture.why.user.experienceJeongeun Kwon
 
4th.lecture.service.design.process
4th.lecture.service.design.process4th.lecture.service.design.process
4th.lecture.service.design.processJeongeun Kwon
 
7th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.201810127th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.20181012Jeongeun Kwon
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy정인 주
 

What's hot (17)

당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들
 
Da
DaDa
Da
 
UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019
 
UX디자인
UX디자인UX디자인
UX디자인
 
2nd.lecture.what.is.interface
2nd.lecture.what.is.interface2nd.lecture.what.is.interface
2nd.lecture.what.is.interface
 
8th.lecture.about.good.user.uxperience.design.20181102
8th.lecture.about.good.user.uxperience.design.201811028th.lecture.about.good.user.uxperience.design.20181102
8th.lecture.about.good.user.uxperience.design.20181102
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
7th.lecture.4.components.of.information.architecture
7th.lecture.4.components.of.information.architecture7th.lecture.4.components.of.information.architecture
7th.lecture.4.components.of.information.architecture
 
[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
 
5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architecture5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architecture
 
3rd.lecture.why.user.experience
3rd.lecture.why.user.experience3rd.lecture.why.user.experience
3rd.lecture.why.user.experience
 
4th.lecture.service.design.process
4th.lecture.service.design.process4th.lecture.service.design.process
4th.lecture.service.design.process
 
7th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.201810127th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.20181012
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy
 
Ui vs ux
Ui vs uxUi vs ux
Ui vs ux
 

Similar to 10th.lecture.about. usability.20181123

오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현서현 이
 
강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_fontYoung Choi
 
3rd.lecture.step1.understanding.20180914
3rd.lecture.step1.understanding.201809143rd.lecture.step1.understanding.20180914
3rd.lecture.step1.understanding.20180914Jeongeun Kwon
 
강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_fontYoung Choi
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_fontYoung Choi
 
4th.lecture.step2.observation.20180921
4th.lecture.step2.observation.201809214th.lecture.step2.observation.20180921
4th.lecture.step2.observation.20180921Jeongeun Kwon
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.designJeongeun Kwon
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignHyunjin Ahn
 
20170414 techday 2nd_uiux디자인-최민희
20170414 techday 2nd_uiux디자인-최민희20170414 techday 2nd_uiux디자인-최민희
20170414 techday 2nd_uiux디자인-최민희ymtech
 
인터랙션디자인사례
인터랙션디자인사례인터랙션디자인사례
인터랙션디자인사례새미 신
 
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기NAVER D2
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design jake Moon
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdfJeongeun Kwon
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 
기획자의불편한진실
기획자의불편한진실기획자의불편한진실
기획자의불편한진실cheonsu park
 

Similar to 10th.lecture.about. usability.20181123 (20)

|
||
|
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font
 
3rd.lecture.step1.understanding.20180914
3rd.lecture.step1.understanding.201809143rd.lecture.step1.understanding.20180914
3rd.lecture.step1.understanding.20180914
 
강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font
 
4th.lecture.step2.observation.20180921
4th.lecture.step2.observation.201809214th.lecture.step2.observation.20180921
4th.lecture.step2.observation.20180921
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.design
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
20170414 techday 2nd_uiux디자인-최민희
20170414 techday 2nd_uiux디자인-최민희20170414 techday 2nd_uiux디자인-최민희
20170414 techday 2nd_uiux디자인-최민희
 
인터랙션디자인사례
인터랙션디자인사례인터랙션디자인사례
인터랙션디자인사례
 
Sencha review
Sencha reviewSencha review
Sencha review
 
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
Sencha
SenchaSencha
Sencha
 
기획자의불편한진실
기획자의불편한진실기획자의불편한진실
기획자의불편한진실
 

More from Jeongeun Kwon

DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfDT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfJeongeun Kwon
 
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료Jeongeun Kwon
 
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료Jeongeun Kwon
 
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료Jeongeun Kwon
 
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료Jeongeun Kwon
 
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료Jeongeun Kwon
 
DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료Jeongeun Kwon
 
14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdfJeongeun Kwon
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdfJeongeun Kwon
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdfJeongeun Kwon
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdfJeongeun Kwon
 
5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdfJeongeun Kwon
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdfJeongeun Kwon
 
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdfJeongeun Kwon
 
2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdfJeongeun Kwon
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdfJeongeun Kwon
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdfJeongeun Kwon
 
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdfJeongeun Kwon
 
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdfJeongeun Kwon
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdfJeongeun Kwon
 

More from Jeongeun Kwon (20)

DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfDT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
 
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
 
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
 
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
 
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
 
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
 
DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료
 
14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf
 
5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf
 
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf
 
2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf
 
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
 
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf
 

10th.lecture.about. usability.20181123

  • 1. 2018 FALL KAYWON UNIVERSITY OF ART & DESIGN INDUSTRIAL DESIGN LAB USER EXPERIENCE DESIGN 사용자경험디자인 kwonjeongeun@naver.com 11/23(금) 10강 어떻게 만들 것인가 : 사용성에 대해
  • 2. 인터랙션, 어떻게 만들 것인가 인터페이스, 어떻게 만들 것인가 팀 과제 진행 ! / 242
  • 3. ! / 243 사용성 도미노 정보 구조 설계 (IA) 인터랙션 디자인 인터페이스 디자인 …
  • 4. ! / 244 IA, 무엇을 만드는 것인가 홈 메뉴 1 메뉴 2 메뉴 3 … … 서비스명 ??? ??? ??? 화면 단위로 표현할 메뉴를 결정한다.
  • 5. ! / 245 인터랙션과 인터페이스, 무엇을 만드는 것인가 실제 화면을 어떻게 설계하고 화면들 그리고 화면 내 요소들을 서로 유기적으로 어떻게 연결, 운용할 것인지 표현한다.
  • 6. ! / 246 인터랙션 디자인이란? 커뮤니케이션객체 객체
  • 7. ! / 247 사용자 조작 목적물의 반응 환경 인터랙션을 만들려면
  • 8. ! / 248 사용자의 조작/입력, Input Interaction 인터랙션을 만들려면 좋은 를 확보한다.어 (Affordance 또는 Feed-Forward) 포 던 스 사용자 서비스 Click
  • 9. ! / 249 Affordance, 행동 유도성 인터랙션을 만들려면 이용하거나 조작하면 어떤 결과가 일어날지 쉽고 명확하게 누구나 알 수 있는 것을 말한다.
  • 11. ! / 2411 인터랙션을 만들려면 Affordance, 행동 유도성
  • 12. 적절한 피드백 (Feed-Back) ! / 2412 목적물의 반응, Output Interaction 인터랙션을 만들려면 사용자 서비스 Click Flick Drag Text 시각 음성 음향 진동 피 드 백 조작의 확신/에러/실수에 대해 명확한 판단을 하게 한다.
  • 13. ! / 2413 환경, Context 인터랙션을 만들려면 사용자 서비스 시간 공간 가정집 화장실 스위치 공장 절삭 장치 스위치 즉각 지연 끊김
  • 14. 인터랙션, 어떻게 만들 것인가 인터페이스, 어떻게 만들 것인가 팀 과제 진행 ! / 2414
  • 15. 인터페이스 디자인이란? ! / 2415 세계 세계 인터페이스 계면 (界⾯, 지경 계, 낯 면) 예 : 계면활성제의 원리
  • 16. 인터페이스, 왜 중요한가? ! / 2416 사용자 완벽한 AI 서비스
  • 17. 인터페이스, 왜 중요한가? ! / 2417 사용자 완벽한 AI 서비스 사용자는 시각. 인터페이스를 통해 서비스의 가치를 측정한다.
  • 18. 인터페이스를 만들려면 ! / 2418 레이아웃 색상 타이포그라피 그래픽
  • 19. 한정된 공간 내 배치, 레이아웃 ! / 2419 인터페이스를 만들려면 영역 정의 영역별 콘텐츠와 컨트롤* 위치 콘텐츠 양 콘텐츠 순서
  • 20. 정보의 성격, 색상 ! / 2420 인터페이스를 만들려면 정보별 성격/의미 부여 3~5가지 이상 쓰지 않기 예 : 검은색, 빨간색, 초록색, ... 빨간색 - 중요, 에러, 삭제 확인
  • 21. 문자적 요소, 타이포그래피 ! / 2421 인터페이스를 만들려면 서체 크기 자간, 행간
  • 22. 비문자적 요소, 그래픽 ! / 2422 인터페이스를 만들려면 이미지 다이어그램 그래프 테이블 선 아이콘(메타포, Metaphor)
  • 23. 인터랙션, 어떻게 만들 것인가 인터페이스, 어떻게 만들 것인가 팀 과제 진행 ! / 2423
  • 24. 끝. kwonjeongeun@naver.com / 2424 다음 주 과제 : 주제, 페르소나, 컨셉, IA, 스케치 초안까지 준비 학기 중 일독하게 될 것이다. 마스다 무네야키 <지적자본론>
  • 25. 2018 FALL KAYWON UNIVERSITY OF ART & DESIGN INDUSTRIAL DESIGN LAB USER EXPERIENCE DESIGN 사용자경험디자인 kwonjeongeun@naver.com 11/30(금) 11강 어떻게 측정할 것인가 : 사용성 테스트에 대해