UX 디자인 기본 개념과 프로세스

UX 디자인
기본 개념과 프로세스
커뮤니케이션 전략 기획 1실

본 자료는 우리의 주변에서 많이 사용하는 단어인 ‘UX 디자인’ 이
어디서부터 시작됐고 정확한 정의가 무엇인지,
그리고 어떤 특징과 프로세스로 이루어지는지 기본 개념들을 소개하기 위해 만들었습니다.
추가적으로 UX 디자인에 대해 관심이 있는 분들을 위해 혼자 공부할 때 참고가 되는
사이트와 도서에 대한 정보가 포함 돼 있습니다.
자료에 대해

UX 디자인이 ‘어디서 왔는지’
그 히스토리를 알면 더욱 이해가 빠릅니다.
Before UX Design…

UX Design HISTORY
• 컴퓨터 발명
(앨런튜링)
1930’ 1960’
• 인간-컴퓨터
상호작용 연구 본격화
(엥겔바르트)
1970’
• GUI (팀 모트)
• PC 보급 시작
• 인지과학 발달
1982.3
• HCI 시작
(US National Bureau of Standards)
미국 국가 공인 인증 컨퍼런스에서 첫 언급

UX Design HISTORY
• User Centered System Design 출간
• 디자인과 인감 심리 출간
(도널드 노먼)
#사용성 #디자인 #인간중심
1986 / 1988
• IDEO 설립 (데이빗 캘리, 빌 모그리지, 팀 브라운)
• About Face 출간 (앨런 쿠퍼)
• 쇼핑의 과학 출간 (파코 언더힐)
#디자인방법론 #디자인씽킹 #퍼소나
1990’
여기서부터 컴퓨터를 넘어 제품 디자인에도
‘인지심리’ 의 적용 가능성이 시작됨
IDEO가 ABC의 TV쇼 ‘Shopping Cart Project’에 출연하면서
디자인 방법론의 대중화 시작

UX Design HISTORY
• Adaptive Path 설립 (제시 제임스 가렛, 인디영)
• 혁신적인 사용자 경험을 위한 인터렉션 디자인 출판 (댄 새퍼)
• HCD Tool kit 발행 (IDEO)
#UXdesign #멘탈모델 #HCD #UX리서치 #혁신
2001 2010’
• 서비스 디자인
• UX디자인 전 산업분야 확대
• Agile, Lean, SCRUM
#UI/UX #UX혼돈 #다양한방법론
지금의 UX 디자인 체계화는 Adaptive Path에서 시작
댄 새퍼로 인해 많은 디자이너들이 UX 접목 시작
IDEO는 범국가적 공공 디자인 사업에 힘씀
이때부터 UX 디자인은 디지털에 국한되지 않았음
한편, 이탈리아에서는 공공사업을 위주로 ‘서비스 디자인‘ 발달
한국에 수입(?)이 시작되면서 혼돈의 카오스 시작

1. 컴퓨터 발명 (1930’)
1937년 독일군 암호기계 Enigma(에니그마)의 암호 해석을 위해 진행된 연구 도중
앨런 튜링에 의해 자동화 연산 기계가 개발됨. 이는 추후 컴퓨터 프로그래밍의 기초 지식을 제공

2. 인간-컴퓨터 상호작용 연구 (1960’)
1960년대 앵겔 바르트에 의해 최초의 마우스 형태가 구현됨
이 때부터 컴퓨터는 ‘거대한 계산 기계’ 가 아닌 인간과 상호작용하는 도구로써 활용 시작

3. PC 대중화 / GUI (1970’)
xerox parc (현 팰로앨토 연구소)에 근무하턴 Tim mott는 친구를 기다리던 바에서
냅킨에 GUI의 첫 개념을 스케치 함. 1970년대 personal computer 보급 확대와 함께 인지심리 관심 증대

4. HCI와 디자인 (1980’)
인지 심리와 컴퓨터 모두 능한 학자들을 중심으로 HCI (Human Computer Interaction) 개념이 탄생하고
본격적으로 인지심리를 기반으로 한 연구가 진행됨. 특히 도널드 노먼은 ‘사용성(Usability)’ 에 집중한 시스템
디자인이란 관점을 처음 소개했으며 큰 영향을 미침. APPLE에서는 제프 라스킨을 중심으로 매킨토시 연구가
진행됐으며 제프 라스킨 또한 사용자 중심 인터페이스 설계에 많은 노력을 쏟았음
도널드 노먼 제프 라스킨

5. 디자인 방법론 시작1 (1990’)
1990년대는 다양한 방향으로 디자인 방법론이 개발됐으며 그 중 IDEO의 다양한 업적이 큰 영향을 미침
빌모그리지의 경우 현대 노트북의 디자인을 제시한 업적이 있으며, IDEO는 ABC TV쇼에서 처음으로 대중에게
디자인 방법론으로 문제해결을 하는 과정을 선보임
빌모그리지 데이빗 캘리 팀 브라운
ABC의 TV쇼 ‘Shopping Cart Project’

5. 디자인 방법론 시작2 (1990’)
마이크로 소프트에서 비주얼 베이직 개발에 선구적인 영할을 했던 앨런 쿠퍼는 인터렉션 디자인 프로젝트의 방법론
에서 현재의 ‘퍼소나’ 기법을 최초로 개발했으며, 파코 언더힐은 디자인 리서치 기법을 오프라인 매장의 쇼핑에 적용
해냈음. 이 때 도널드 노먼은 제품 디자인에서의 ‘감성중심 디자인’을 제시하며 다시 한 번 큰 반향을 일으킴
앨런 쿠퍼 파코 언더힐 쇼핑의 과학 (1999) 이모셔널 디자인 - D.노먼About face (1995)

6. UX 디자인 1 (2000’)
현재의 UX 디자인을 방법론으로써 체계화 한 것은 Adaptive Path. 제시 제임스 가렛의 ‘사용자 경험의 요소’ 모델로
UX 디자인 방법론의 기본 요소를 정리하고,심리학자 인디영의 멘탈 모델을 통해 리서치에 있어 UX 디자인 방법론에
적용되는 기법들이 개발됨. Adaptive Path에 의해 현재 UX디자인 방법론의 다양한 기법들 (어피니티 다이어그램,
퍼소나 등)이 UX 디자인의 방법론의 범주에서 체계화 돼 적용됨
인디영 멘탈 모델 제시 제임스 가렛 사용자 경험의 요소

6. UX 디자인 2 (2000’)
한 편 IDEO는 디자인을 통한 제3국에서의 문제 해결 사례를 바탕으로 HCD (Human Centered Design) tool kit을
무료로 배포하고, 2000년대 가장 인기 있는 UX 디자이너 댄 섀퍼는 저서 ‘인터렉션 디자인’ 을 출판함.
댄 섀퍼에 의해 짧은 시간 동안 빠르게 발전한 디자인 방법론의 분야 구분이 비교적 명쾌하게 이해할 수 있게 됨
댄 섀퍼 디자인 영역 그래픽 HCD tool kit (IDEO)

7. 현재 (2010’)
국가 부처의 이해관계자와 사용자까지 모든 프로세스를 아우르는 ‘서비스 디자인‘ 부터
변화하는 시대 (특히 start up 환경) 에서 적응하기 위해 생겨난 agile 개발 방법론 그리고 Lean Start up에
이르기까지 다양한 방법론이 개발되고 대중에 소개됨. 이 과정에서 개념의 혼동과 용어의 남용이 생겨남
Service design (by marion ferrec) Lean ux from GV (Google Ventures)

정리
1. UX 디자인의 시초를 컴퓨터 개발자들이 ‘인지심리‘ 에 관심을 갖고 시작한 연구(HCI)로 봐도 무관함
2. 다만 HCI는 대부분 사용성 개선에 관한 연구가 중심이었지만 ‘디자인 방법론’ 자체는 도널드 노먼을 비롯해
제품, 쇼핑 등 다양한 산업군에서 발전해 옴.
3. 현대에 와서 IDEO를 중심으로 디자인 방법론의 다양한 기법이 개발됨. Adaptive Path는 웹 개발에 있어서
UX 디자인 방법론의 시초가 되는 다양한 기법을 개발함 (인터넷 웹 서비스가 빠르게 고도화 된 시기)
그러나 UX 디자인 이라는 개념이 포괄할 수 있는 범위가 넓기 때문에 추후 다양한 산업군에 응용 적용 됨
4. 현재 다양한 관점에서 복잡하게 해석되는 UX 디자인에 대한 개념은 다음 두 가지로 해석이 가능하게 됨
(디자인 방법론으로써의 해석 / 사용자 경험 중심 개발이라는 관점으로써의 해석)

UX 디자인이 어떤 개념이고
어떻게 진행되는지를 살펴보겠습니다.
About UX Design

‘UX 디자인’ 이라는 단어의 full name은
‘UX 디자인 방법론’ 입니다
UX 디자인

협의의 의미로 디자인은 시각화이나,
광의의 의미로 디자인은 설계임
디자인

방법론은 연구 방법에 대한 이론을 의미하며
UX 디자인 에서의 방법론은
프로세스, 역할, 기법의 구성을 필수적으로 지닙니다
방법론

어떤 디자이너들은 명쾌한 방법론을 갈망하는 한편, 어떤 디자이너들은 창의적인 발상을
제약하는 사고 방식이라며 발끈하기도 한다.
하지만, 혼란스럽거나 즉흥적인 접근 방식은 바람직하다고 이야기하기 어렵다. 여기서
설명하고 있는 방법론은 제약적인 프로세스라기보다는 모든 상황에서 따라 할 수 있는
조리법처럼 받아들여지기를 바란다. 하지만 기계적으로 따라야만 하는 방법은 없다.
디자이너의 창의적인 번뜩임은 전기와 같고 그 방법은 전기를 가장 잘 이용할 수 있는
곳으로 전달하는 전력망 이라고 상상해보자.
- 인간중심 UX디자인 (킴 굿윈, 쿠퍼 사 발행)
방법론

기법
디자인 방법론 내에서 목표를 달성하기 위해
수행되는 다양한 테크닉들을 의미합니다

제품이나 서비스를 개발하는데 있어 사용자 경험에 중심을 둔 디자인 방법론을 의미하며,
일반적으로 비즈니스 활동의 범주에서 수행 됩니다. (가치활동이 아님)
따라서 프로세스, 역할, 기법의 3 요소를 필수적으로 포함하게 되는 방법론 (이론) 자체를 의미합니다
즉 UX Design은…

디자인 방법론다른 방법론
목표 설정
설계
구현 문제 제기
조사
구현프로세스가 다르다
Top Down VS Bottom Up
기법이 다르다
계획중심 VS 관찰중심
역할이 다르다
분업 VS 협업

[프로세스]
철저한 계획에 의거한 Top-down 방식의 개발과 달리
사용자 리서치를 통해 서비스를 구체화 해나가는 Bottom-up 방식이라는 점에서
기존의 다른 방법론과 가장 큰 차이를 보임
[기법]
즉 UX 디자인은 서비스 제공자가 아닌
사용자를 중심으로 진행되는 디자인 방법론이며
사용자 중심이라는 관점에 맞게 ‘사용자 리서치’가 반드시 포함됨
[역할]
기존의 방법론이 부서별로 역할이 명확히 지켜졌을 때 효율을 발휘한다면
디자인 방법론에서는 다양한 이해관계자들이 처음부터 함께 시작하여
디자인 과정을 진행했을 때 효과가 나타남
(디자인 리서치 결과에 따라 얼마든지 요구사항이 자주 바뀔 수 있기 때문)

사용자 리서치란?
- 잠재고객 발견, 니즈 만족의 중요성은 모두 안다. 리서치는 그것을 어떻게 발굴하는가에 관한 것이다
- 디자인 방법론에서 사용자 리서치는 매우 중요하지만 최근에는 다양한 보조 기법 개발로 필수라고 하기는 어렵다
특징
질적 연구 방법 에쓰노그라피
양적 연구 방법 통계, 설문
둘 다 포함 마케팅 리서치, 디자인 리서치
마케팅 리서치 디자인 리서치
인구통계학적 특성에 기반
(어디서 이것이 사용되는가?)
제품, 서비스 관점에서 시장 재정의
(누가 왜 이것을 사용하는가?)
전반적인 이용행태와 니즈 파악 깊은 니즈, 동기, 컨텍스트 파악
통계적 데이터를 신뢰 데이터의 원인을 추측

1. 문제발견
(시장분석/타겟설정)
2. UX 리서치
3. 프로토타입
4. 테스트
목표
전략
UX Design 진행 프로세스

리서치 프로세스
목표 (설정) 수행 결과분석
개발하고자 하는 제품/서비스가 ‘누구‘ 에게 ‘어떤 의미‘ 가 될 것인지?
기법 정의이슈 정의 리쿠르팅
UX 리서치 프로세스

사용자에게 알아내야 할 사항이 무엇인지?
이슈 정의 예시_)
- 현재 우리 브랜드에 대한 사용자들 심상의 이미지 조사 필요
- 우리 제품에 대한 기본적인 사용성 평가
- 우리 제품에 사용자가 기대하는 잠재적 니즈 발굴

어떻게 알아낼 것인가?
[In-depth 인터뷰]
[관찰조사]

리서치 인터뷰 기법 소개
Cognitive Maps – 프로세스, 구조 기획에 참고 Card Sorting – 정보구조 설계에 참고
Five Whys – 사용자의 니즈 파악
Word-concept AssociationExtreme user interview
Long Range Forecast

리서치 관찰조사 기법 소개
Shadow Tracking Narration – 사용성 테스트, 아이디어에 대한 피드백
Town Watching Error Analysis

무엇을 알아냈는가?
다양한 모델링 기법을 활용하여 리서치 결과 도출

모델링
리서치를 수행하고 나면 굉장히 많은 로우 데이터들을 얻을 수 있는데
이를 통해 유의미한 결과를 도출하는 활동을 ‘모델링‘ 이라고 하며
이러한 모델링을 위해 다양한 기법을 활용함

모델링 이슈 베이스 결과 정리
- 이슈 중심의 리서치를 수행했을 경우 사용

모델링 어피니티 다이어그램 (by kawakita jiro 1960’)
- 리서치 결과를 의미론적 연관성을 바탕으로 모델링
프로젝트 전반에서 의미 있는
결과를 도출1. 일반사용자보다는 Extreme 사용자에
대한 개선이 필요하다
사용이 어려울 것 같다는
선입견 때문에
접근 시
두려움을 느낀다
일반(자주 사용하는)
사용자는
발권과정에서
큰 불편함을
느끼지 않는다.
최초 사용자에게
친절하지 않은 UI 이다
외국어 기능의
인터페이스가 불친절하다
상식적인 결과를 도출
3. 기기 인터페이스 개선이 필요하다
다양한 핸드폰
사용자를 배려하
지 않은 불친절한
인터페이스를
가지고 있다
잔돈, 영수증 수령
구의 인터페이스
가 불친절하다

모델링 퍼소나 (by 앨런 쿠퍼)
- 모델링 결과를 구체적인 서비스와 연결 짓기 위해 작성하는 커뮤니케이션 툴
- 우리가 시장을 이해하고 있는 관점이 반영된 Segment 속에서 공통된 사용자 패턴을 바탕으로 그룹핑

모델링 통계적 정리
- 모델링 결과를 정량화 해서 표현

UX 프로젝트에서 역할분담

디자인 방법론 역할 분담
UX디자인 전체 프로세스를 총괄.
◎ 주 수행 업무
UX 프로젝트 계획, 목표 수립, 전체 일정/자원/범위/인원 관리, 이슈 조정
◎ 자격 조건
꼼꼼하고 체계적인 성격이 적합. 전체 UX 디자인 프로스세에 대한 이해와 경험이 필요.
◎ 기타
PM 업무 외에 다른 역할에도 참여한다.
UX 매니저(PM)

필드 리서치 전문가 뿐만 아니라 데스크 리서치 전문가도 포함. 리서치 성패는 계획에서 판가름 나기 때문에
앞 단에 상황분석까지 참여한 사람이 리서치를 진행. 리서치 이후 모델링(결과정리)에도 관여.
상황분석, 이슈 도출, 필드 리서치 계획, 리쿠르팅, 필드 리서치 수행, 리서치 결과 정리, 모델링
◎ 자격 조건
날카로운 관찰력과 명석한 두뇌가 필요하다. 마케팅, 소비자행동론, 인지과학, 사회과학 조사방법론, 에스노그라피에 대한 전문지식이 필요
UX리서처

원할 한 회의 진행을 위해 사회를 보는 역할. 보통 PM이나 리서처가 이 역할을 대신함.
그러나 최근에는 스토리텔링, Technical Writing 전문가 등이 패실리테이터로써 활약하고 있음
UX프로젝트 전반에 참여. 리서치. 모델링. 유저 시나리오 등 문서 작성
◎ 자격 조건
논리적인 사고, 언어의 뉘앙스를 파악하고 정리하는 언어적인 감각이 필요
패실리테이터(facilitator) / 신디사이저

프로토타입 단계에서 디자인 결과를 시각화. 제품의 경우 목업 제작과 테스트에 관여
프로토타입 제작. UI/인터렉션 디자인. UT
◎ 자격 조건
추상적인 것들을 개념화/시각화하는 능력.
UX프로젝트의 경우엔 특히 디자인 논리와 관련된 논리적인 사고가 중요
디자이너 (제너레이터 / 산업디자이너)

동적 상호작용인 인터렉션과 정적인 형태의 UI를 주 업무로 다룸.
우리나라의 경우 Design / Publishing 으로 구분하고 있으나 해외의 경우에는 Designer의 메인 포지션에 따라 업무 수행
인터렉션 방식 설계, UI 기획, 프로토타이핑, UI프레임워크 설계
◎ 자격 조건
UI, 레이아웃, 인터렉션에 대한 원칙을 잘 알고 응용하는 스킬.
높은 지적 호기심.
다른 포지션에 비해 상대적으로 경험이 쌓일수록 인사이트가 깊어짐
IxD/UI 디자이너

사용하는 언어에 따라 많은 구분이 있으나 이 경우에는 Back End 개발자를 의미
로직 프로그래밍, 프로그래밍 코드 구현
◎ 자격 조건
데이터베이스, 웹서버, 네트워킹 등 웹 애플리케이션의 전반적인 인프라에 대한 이해
UX프로젝트의 경우 디자인 관점의 이해가 요구됨
개발자

F&Q 1. 퍼소나 만들고 포스트잇 붙이면 UX 디자인이다?
퍼소나와 어피니티 다이어그램은 UX 디자인 방법론에서 ‘기법’을 의미합니다. 그마저도 프로젝트의 목표와 상황에 따
라 수행하지 않을 가능성이 있음.
2. 무조건 많은 사람을 조사해봐야 한다?
양적으로 데이터가 필요한 경우 통계조사를 수행하기도 하지만 UX 디자인에서 사용자 리서치의 근본적인 목표는
일반화 가능한 인지심리적 패턴을 발견하는 것. 데이터보다 내면의 깊은 동기를 발견하는 것이 때로는 기대치 않은 놀
라운 아이디어를 제공 하기도 함
3. 그럼 UI/UX 이건 무슨 말?
UX 디자인 방법론이 웹 개발 방법론에 먼저 활용되다보니 UI 기획과 비슷한 명칭 때문에 발생한 혼동.
UI – User Interface 의 약자로 인터페이스를 설계하거나 그려내는 활동을 의미함 (주로 웹 분야에서 사용하는 단어)
UX – 풀네임을 적자면 User Experience Deign Methodology의 약자로 디자인 방법론 자체를 의미함
즉 웹 개발 프로젝트에서 UX 디자인 방법론을 활용한다면 UI에 대한 과정은 반드시 포함되게 됨. 하지만 제품이나 서
비스의 경우에는 제외될 수 있음
4. FGI (Focus Group Interview) 를 해서 사용성을 개선시키는 게 UX 디자인인지?
특정 UX 디자인 프로젝트의 목표가 ‘사용성 개선’ 자체일 수 있고 이를 위해 ‘FGI’ 기법을 활용할 수 있지만,
근본적인 UX 디자인 방법론의 관점에서 보면 사용성 개선은 하나의 목표가 될 수 있는 선택지 중 하나이며
FGI 또한 목표 달성을 위해 선택할 수 있는 다양한 기법들 중 하나

F&Q 5. 서비스 블루 프린트나 User Journey Map이 없으며 UX 프로젝트를 제대로 수행하지 않은 것이다?
리서치가 끝나고 만들고자 하는 제품의 컨셉을 ‘시각화’ 하는 과정에서 이해관계자 간에 커뮤니케이션 툴.
필요하다고 판단될 경우 제작하는 것이 서비스 블루 프린트 또는 유저 저니맵 등. 따라서 상황에 따라 다른 형태의 커
뮤니케이션 툴을 활용할 수도 있음 (Hi-fi prototype, Business model generation 등)
6. 부장님이 “UX가 안 좋아. UX를 개선시켜” 라고 했는데 무슨 말?
이 경우 UX 디자인 방법론으로써 UX를 의미한 것이 아니고 ‘제품이 사용자 중심의 관점‘ 에서 거리가 멀다로 이해할
수 있음. 또는 부장님 개인의 취향이 반영돼 마음에 들지 않은 부분이 명확한 논리로써 설득근거가 부족하기에 하는
말일 수도 있음
7. 수렴과 발산, T자형 인재 등 UX 디자인에서는 특이하고 창의적인 인재가 필요하다는데?
UX 디자인 방법론을 통해 잠재된 니즈를 발굴하고 구체적인 서비스 아이디어로 발전시키는 과정은 분명 창의적인 활
동에 속하지만, 이는 단순한 직관으로 이루어지는 과정이 아니고 체계와 논리를 통해 도출해 나가는 과정에 가까움.
따라서 UX 디자인에서 이야기하는 창의적인 사고란 탄탄하게 마련된 논리 위에서 비로소 시작하는 개념임

1. UX matters (http://www.uxmatters.com/index.php)
양질의 UX지식을 포스팅하는 미국 UX전문가들의 팀 블로그.
한 달에 1~2회 포스팅.
전문성이 가장 큰 특징이고, UX리서치에 대한 실무적이고 구체적인 글이 많이 있음

2. UX matters (http://uxmag.com/)
미국의 UX관련 매거진.
원래는 UI나 UT에 관련된 흥미성 기사를 보여줬으나,
2013년 정도부터 UX리서치, 전략과 관련된 실무적이고 구체적인 기사를 보여줌.
Technical한 글쓰기와 흥미로운 주제가 특징

3. GOOGLE VENTURES (http://www.gv.com/library/design)
구글의 벤처 투자 기관.
UX리서치에 관련된 (질 좋은) 포스팅을 만나볼 수 있음

4. UX booth (http://www.uxbooth.com/articles/)
UX 매거진과 같은 잡지
포스팅이 자주 나오지는 않지만, 하나의 디테일한 주제에 대해서 깊이 있는 칼럼을 보여줌

5. Adaptive Path (http://www.adaptivepath.com/ideas/)
멘탈모델의 개념을 만들어 낸 인디 영, 사용자 경험의 요소의 저자 제시 제임스 개러트, 인터렉션 디자인의 댄섀퍼 등
UX관련 전문가들이 설립한 세계 NO.1 UX디자인 컨설팅 회사 (현재는 금융권 그룹에 인수됨)
기사 자체가 구체적이고 깊이 있지는 않으나 UX분야의 가장 최신화 된 관점을 배울 수 있음.

- Adaptive path
UX 디자인에 대한 핵심적인 개념과 관점을
가장 잘 정리한 책
- 댄 섀퍼
각 디자인 분야별 구분과 기초적인 개념 이해를
돕는 책

- 킴 굿윈
실제 필드에서 UX 디자인 방법론 적용 프로세스가
자세하기 기술됨
- 인디 영
UX 리서치의 기본적인 접근 방식과 관점을 배울 수
있는 기념비적인 책

- 댄 브라운
다양한 UX 디자인 방법론에서 활용하는 Tool에
대해 실무단에서 구체적인 가이드를 정리한 책
- 대니얼 카너먼
인지 심리에 대해 현대 지식을 총정리하여 한 방에
정리한 것과도 같은 책. UX리서치를 수행하는 데 있
어 기본적인 심리학 지식을 배울 수 있음

- 제프 고델프
다양하게 변용되는 UX 디자인 방법론 중 특히
스타트업 환경에 맞게 진화한 Lean UX를 배울 수
있는 책
- Y combinatory (from Stanford)
책은 아니지만 스탠포드의 명강의. 100% 한글로 볼
수 있음. UX 디자인을 다루는 강의는 아니지만 실리
콘벨리의 재품 개발 방법론과 관점에 대해 다양하게
배울 수 있음
https://educast.pro/23.038/

UX 디자인 기본 개념과 프로세스

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to UX 디자인 기본 개념과 프로세스

Similar to UX 디자인 기본 개념과 프로세스 (20)

UX 디자인 기본 개념과 프로세스