SlideShare a Scribd company logo
1 of 8
Interface
UI
• User Interface
– 사용자들의 프로그램, 도구의 사용 목적에 부합되며 사용자를 지원하기 위해 프로그램
의 흐름을 계획하는 것과 사용자들이 작업하는 일(이미지, 문서 등의 제작과 작성)을 효
과적으로 보조하기 위한 계획
– 사용자가 컴퓨터와 상호작용하는 방법으로 과거에는 주로 특정명령을 화면상에 타이핑
하여 프로그램을 작동시키는 CUI(Characteristic User Interface)환경이 지배적이었으나
WWW에서는 사용자가 마우스를 이용하여 하이퍼미디어 문서의 그림이나 아이콘 등을
클릭함으로써 서비스를 받을 수 있는 GUI(Graphical User Interface)환경을 제공하고 있
다.
• 출처
– NEW 경제용어사전, 미래와경영연구소, 2006.4.7, 미래와경영
– Wekipedia
• 프로그램에서 사용자가 얻어갈 정보들의 요소를 빠르고 정확하게 찾을 수 있
어야 하기 위해서는 시각적인 결과물에서 시작하는 것이 아니라 사람들을 이
해하는 것에서부터 시작한다.
(심리학과 생리학에 기반한 사용성)
CUI(CLI)
GUI
Kind of…
체감각계|체감각 인터페이스
터치 사용자 인터페이스
집중 사용자 인터페이스(Attentive user interface)
일괄 인터페이스
대화형 인터페이스 에이전트
교차 기반 인터페이스 (Crossing-based interface)
제스처 인식|제스처 인터페이스
인텔리전트 사용자 인터페이스
움직임 추적 인터페이스
멀티 스크린 인터페이스
비명령 사용자 인터페이스
객체 지향 사용자 인터페이스
반사적인 사용자 인터페이스(Reflexive user interface)
텐저블 사용자 인터페이스(Tangible user interfaces)
작업 집중 인터페이스(Task-Focused Interface)
텍스트 사용자 인터페이스(TUI):
음성 사용자 인터페이스(VUI)
자연어 인터페이스
무입력 인터페이스
주밍 사용자 인터페이스(Zooming user interface)
최종 사용자 인터페이스:
UX Design
• .
데이터 기법 활용 사례
선호도 조사
의견, 취향, 요구사항
설문조사
포커스 그룹
무드 보드
선호도 인터뷰
카드 분류법
고객 반응 분석
시각 디자인
브랜드 전략
시장 분석
광고 캠페인
이해도검증
대상 제품에 대한
이해와 활용 정도
사용성 평가
로그 분석
검색 내역 분석
카드 분류법
고객 반응 분석
인터랙션 가능성 평가
화면 레이아웃 평가
기능 명칭 평가
정보구조 설계 평가
발상적 검증
행동이 이루어지는
인지적인 환경
자유 인터뷰
사용 맥락 조사
멘탈 모델
에쓰노그래피 분석
일지 분석
메뉴 구조와 사용 흐름
인터랙션 디자인
콘텐츠 배치 및 결여 분석
맥락 정보 분석
정황 마케팅
Etc.
• User Centered Design, UCD
• Human-computer interaction, CHI
– 사용성(사용자 인터페이스가 이용하기 쉽고 효율적)
 유용성(실제로 사용자가 원하는 작업을 수행할 수 있도록)
미학
인류학
인공지능
인지과학
산업 디자인
인간공학
도서관학
심리학
사회심리학
사회학
사용자 경험 디자인
인터랙션 디자인
Speech-Language Pathology
미디어 연구
컴퓨터 지원 협동 작업
• http://youtu.be/2lXh2n0aPyw

More Related Content

Viewers also liked

Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface DesignEngine Neer
 
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...uxhow
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User InterfaceStefan Ostwald
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI worldStephen Gay
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기SANGBUM HA
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobLynn Teo
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. PersonasDCU_MPIUA
 

Viewers also liked (8)

Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface Design
 
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User Interface
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기
 
The Human Interface
The Human InterfaceThe Human Interface
The Human Interface
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. Personas
 

Similar to User Interface

모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요Junsang Dong
 
앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로Junsang Dong
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design jake Moon
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'Jinyong Kim
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현서현 이
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스Hyun-june Kwon
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현서현 이
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여totodeung
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Potentialeyes, Inc.
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본sangyong lee
 
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)EducationWebs
 
Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)JongHo Lee
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015Limepaper, Inc.
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 EssentialJunsang Dong
 
Blog 오래가는 ux 디자인
Blog 오래가는 ux 디자인Blog 오래가는 ux 디자인
Blog 오래가는 ux 디자인정인 주
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 

Similar to User Interface (20)

U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요
 
앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로앱개발자를 위한 UX디자인실무_인트로
앱개발자를 위한 UX디자인실무_인트로
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본
 
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)
 
Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 Essential
 
Blog 오래가는 ux 디자인
Blog 오래가는 ux 디자인Blog 오래가는 ux 디자인
Blog 오래가는 ux 디자인
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 

More from Il-woo Lee

Hwp in MS Word
Hwp in MS WordHwp in MS Word
Hwp in MS WordIl-woo Lee
 
정보사회학
정보사회학정보사회학
정보사회학Il-woo Lee
 
짐콜린스 경영전략
짐콜린스 경영전략짐콜린스 경영전략
짐콜린스 경영전략Il-woo Lee
 
Software Engineering
Software EngineeringSoftware Engineering
Software EngineeringIl-woo Lee
 
ISP(Information Strategy Planning) Output
ISP(Information Strategy Planning) OutputISP(Information Strategy Planning) Output
ISP(Information Strategy Planning) OutputIl-woo Lee
 
진실습격종말
진실습격종말진실습격종말
진실습격종말Il-woo Lee
 

More from Il-woo Lee (12)

HRD
HRDHRD
HRD
 
Hwp in MS Word
Hwp in MS WordHwp in MS Word
Hwp in MS Word
 
Open jdk
Open jdkOpen jdk
Open jdk
 
정보사회학
정보사회학정보사회학
정보사회학
 
짐콜린스 경영전략
짐콜린스 경영전략짐콜린스 경영전략
짐콜린스 경영전략
 
경영전략
경영전략경영전략
경영전략
 
TRIZ
TRIZTRIZ
TRIZ
 
Software Engineering
Software EngineeringSoftware Engineering
Software Engineering
 
ISP(Information Strategy Planning) Output
ISP(Information Strategy Planning) OutputISP(Information Strategy Planning) Output
ISP(Information Strategy Planning) Output
 
Big data2
Big data2Big data2
Big data2
 
Big data
Big dataBig data
Big data
 
진실습격종말
진실습격종말진실습격종말
진실습격종말
 

User Interface

  • 2. UI • User Interface – 사용자들의 프로그램, 도구의 사용 목적에 부합되며 사용자를 지원하기 위해 프로그램 의 흐름을 계획하는 것과 사용자들이 작업하는 일(이미지, 문서 등의 제작과 작성)을 효 과적으로 보조하기 위한 계획 – 사용자가 컴퓨터와 상호작용하는 방법으로 과거에는 주로 특정명령을 화면상에 타이핑 하여 프로그램을 작동시키는 CUI(Characteristic User Interface)환경이 지배적이었으나 WWW에서는 사용자가 마우스를 이용하여 하이퍼미디어 문서의 그림이나 아이콘 등을 클릭함으로써 서비스를 받을 수 있는 GUI(Graphical User Interface)환경을 제공하고 있 다. • 출처 – NEW 경제용어사전, 미래와경영연구소, 2006.4.7, 미래와경영 – Wekipedia • 프로그램에서 사용자가 얻어갈 정보들의 요소를 빠르고 정확하게 찾을 수 있 어야 하기 위해서는 시각적인 결과물에서 시작하는 것이 아니라 사람들을 이 해하는 것에서부터 시작한다. (심리학과 생리학에 기반한 사용성)
  • 4. GUI
  • 5. Kind of… 체감각계|체감각 인터페이스 터치 사용자 인터페이스 집중 사용자 인터페이스(Attentive user interface) 일괄 인터페이스 대화형 인터페이스 에이전트 교차 기반 인터페이스 (Crossing-based interface) 제스처 인식|제스처 인터페이스 인텔리전트 사용자 인터페이스 움직임 추적 인터페이스 멀티 스크린 인터페이스 비명령 사용자 인터페이스 객체 지향 사용자 인터페이스 반사적인 사용자 인터페이스(Reflexive user interface) 텐저블 사용자 인터페이스(Tangible user interfaces) 작업 집중 인터페이스(Task-Focused Interface) 텍스트 사용자 인터페이스(TUI): 음성 사용자 인터페이스(VUI) 자연어 인터페이스 무입력 인터페이스 주밍 사용자 인터페이스(Zooming user interface) 최종 사용자 인터페이스:
  • 6. UX Design • . 데이터 기법 활용 사례 선호도 조사 의견, 취향, 요구사항 설문조사 포커스 그룹 무드 보드 선호도 인터뷰 카드 분류법 고객 반응 분석 시각 디자인 브랜드 전략 시장 분석 광고 캠페인 이해도검증 대상 제품에 대한 이해와 활용 정도 사용성 평가 로그 분석 검색 내역 분석 카드 분류법 고객 반응 분석 인터랙션 가능성 평가 화면 레이아웃 평가 기능 명칭 평가 정보구조 설계 평가 발상적 검증 행동이 이루어지는 인지적인 환경 자유 인터뷰 사용 맥락 조사 멘탈 모델 에쓰노그래피 분석 일지 분석 메뉴 구조와 사용 흐름 인터랙션 디자인 콘텐츠 배치 및 결여 분석 맥락 정보 분석 정황 마케팅
  • 7. Etc. • User Centered Design, UCD • Human-computer interaction, CHI – 사용성(사용자 인터페이스가 이용하기 쉽고 효율적)  유용성(실제로 사용자가 원하는 작업을 수행할 수 있도록) 미학 인류학 인공지능 인지과학 산업 디자인 인간공학 도서관학 심리학 사회심리학 사회학 사용자 경험 디자인 인터랙션 디자인 Speech-Language Pathology 미디어 연구 컴퓨터 지원 협동 작업