SlideShare ist ein Scribd-Unternehmen logo
1 von 63
- PART 1
들어가며
- PART 1
Copyrights © All rights reserved 조성봉 3
들어가며
UX Design
이미 알고 있다고 생각했던 경험이 사실은 정확하지 않은 경우가 더러 있습니다.
UX Design이 그렇습니다. 많은 분들이 UX Design을 Web이나 App Design의 동의어, UI Design보다 좀 더 큰 개념 정
도로 이해하시는 경우가 많습니다. 그러나 ‘제품 Design=제품을 Design한다, 자동차 Design=자동차를 Design한다, 웹
Design=웹을 Design한다’와 마찬가지로 UX Design은 말 그대로 ‘UX를 Design한다'는 뜻입니다.
사용자 경험을 Design한다? 그동안 눈 앞에 보이는 실체를 Design하는 것에 익숙하신 분들은 이 개념이 다소 어려우실
것입니다. 보통 UX라고 하면 Design의 결과라고 생각하셨을 테니까요. 그러나 UX Design에서는 ‘UX’를 결과가 아닌
Design의 대상으로 바라봅니다. 기존의 UX가 갖는 문제를 밝혀서 새로운 UX를 Design한 다음에, 그것을 형태나 정보구
조, UI, 인터렉션 등으로 실체화시켜 나가는 과정이 UX Design입니다.
지금부터 ‘UX Design’에 대해서 하나씩 살펴보도록 하겠습니다.
UX + Design
Copyrights © All rights reserved 조성봉 4
들어가며
UX Design
퀴즈 1
다음은 비밀번호를 넣는 화면입니다. 둘 중 어떤 키패드가 더 UX적으로 바람직할까요?
A B
정답 : A
사용자들은 비밀번호를 넣는 게 목적이지, 키패드를 입력하는 게 목적이 아니다. 숫자와 특수문자를 번걸아 입력해야만 하
는 상황이라면 2개를 별도의 버튼으로 분리시켜 놓는 것보다 하나로 스위칭(토글이라고도 함)시키는 것이 더 직관적이다.
이해가 안가시는 분들은 다음 화면의 리모컨 디자인을 보시기 바란다.
Copyrights © All rights reserved 조성봉 5
들어가며
UX Design
아래의 리모컨에서 On 버튼과 Off 버튼이 분리되어 있는 게 자연스럽게 느껴지시나요?
아마 아닐 겁니다. 왜 아닐까요?
왜 아닐까?
겉으로 봤을 때에는 사용자들의 목적이 On이나 Off 버튼을 누르는 것처럼 보이지만, 실제로는 TV의 상태를 변화시키는 게
목적입니다. 때문에 버튼이 2개로 분리되어 있을 경우보다 1개로 스위칭 되어 있는 게 더 바람직합니다. 앞장으로 돌아가
서 다시 A와 B의 키패드를 보시면 이제는 어떤 것이 UX적으로 더 바람직한 지를 명확하게 이해하실 수 있으실 겁니다.
Copyrights © All rights reserved 조성봉 6
들어가며
UX Design
퀴즈 2
다음은 어느 쇼핑몰의 상품 리스트 화면입니다. 필터링 기능이 상단에 있는 것과 없는 것 중 어떤 게 더 바람직할까요?
A B
정답 : 상품 개수에 따라 다름
상품 개수가 10개 미만인 경우에는 간단한 스크롤만으로도 화면을 탐색할 수 있기 때문에 필터링 기능이 굳이 필요 없다.
반면에 상품 개수가 10개 이상인 경우에는 탐색에 노력이 요구되기 때문에 필터링 기능을 제공하는 것이 더 좋다.
그러나 카테고리별로 상품 개수가 다르다면 어떻게 하는 것이 좋을까? 일관성을 준수하는 것이 좋을까? 위의 원칙을 그대
로 따르는 것이 좋을까?
Copyrights © All rights reserved 조성봉 7
들어가며
UX Design
퀴즈 3
다음은 카드회사의 모바일 앱에서 카드를 선택하는 인터렉션입니다. A는 Swiping을 하면 카드들이 좌우 방향으로 변경되
는 방식인데 비해, B는 Swiping을 하면 사선으로 카드가 변경됩니다. 어떤 게 더 바람직할까요?
A B
정답 : 직관성은 A가 더 뛰어나지만, 감성은 B가 더 뛰어남
많은 분들이 당연히 A라고 생각하실 겁니다. A는 특별한 설명없이도 자신이 보유한 카드들을 Swiping해서 선택할 수 있
다는 정보가 UI 상에 암시되어 있습니다. 반면에 B는 그런 예측가능성이 뒤떨어지죠. 그러나 지갑에서 카드를 꺼낼 때를
상상해 보십시요. 아니 실제로 지갑에서 카드를 꺼내 보세요. 어떠세요? 왜 B가 더 감성이 더 뛰어난 지 아시겠죠?
이렇게 UX에서도 상호 대립관계가 존재합니다. 이것을 Trade-off라고 부르는데, 두 개의 가치가 상호 대립할 때 어떤 것
이 더 좋을 지 우리는 선택해야 합니다.
Copyrights © All rights reserved 조성봉 8
들어가며
UX Design
이처럼 UX Design은 명확한 판단이 존재합니다. ‘둘 다 맞다’라는 식의 애매한 결론 도출은 없습니다.
B A가장 바람직하지 않은 상태 가장 바람직한 상태
UX의 격차
A와 B 사이에 UX의 격차가 존재한다면, 당연히 더 바람직한 것을 선택하는 것이 맞습니다. 이것을 판단하는 것이
UX Designer, 다시 말해 UXer의 몫입니다. 여러 가지 디자인 중 가장 UX가 바람직한 것이 뭔지를 찾는 것이죠
가장 바람직한 UX를 찾기 위해서는 사용자들의 경험을 공감할 수 있어야 합니다.
모든 사람들이
갖는 보편적인 특성
‘그’만의 특이한
사용 패턴
동시대를 살아가는
사회인으로써 갖는
공통적 경향
Copyrights © All rights reserved 조성봉 9
들어가며
UX Design
사용자는 고객(Customer)이나 소비자(Consumer)보다 더 큰 개념이라고 에런 샤피로는 자신의 저서 ‘User’에서
얘기하였지만, 이것은 반만 맞는 얘기입니다. 실제 사용자는 시대에 상관없이 <모든 사람들이 갖는 보편적인 특성
>에 의해서 경험을 하기도 하고, <동시대를 살아가는 사회인으로써 갖는 공통적 경향>에도 영향을 크게 받고 있습
니다. 사용자를 <본인만의 특이한 사용 패턴>을 갖는 개체로만 바라봐서는 않됩니다.
사람(Human)으로써 겪는 경험
사회인(member of society)으로써 겪는 경험
사용자(one of them)으로써 겪는 경험
사용자
• 특정 제품/서비스가 기준
• 자신만의 고유한 경험이 존재
• 전체를 놓고 보면 몇 가지 유형으로 구분할 수 있음(Persona)
• 이용 통계나 설문조사를 통해서 파악
• 세부적인 경험은 직접 보거나 물어봐야지
알 수 있음
사회인
• 동시대를 사는 사회인들 모두가 공유하는 트랜드가 기준
• 1코노미, 가심비, YOLO 등
• 세대별로 조금씩 다름 (베이비부머, X세대, Y세대, Z세대)
• 사회적 트랜드를 통해서 파악
• 세대적 특성 조사
사람
• 사람이면 누구나 갖는 보편적 특성이 기준
• 예외가 거의 없는 편이나, 아주 세부적인 경험에만 적용할 수
있다는 단점이 있음
• 심리학, 인간공학, 게슈탈트 이론
• 행동경제학에서 얘기하는 휴리스틱, 편향
(bias)
Copyrights © All rights reserved 조성봉 10
들어가며
UX Design
UX Design을 일반인들한테 설명할 때 가장 자주 등장하는 사례가 바로 아래의 공원 사진입니다. 엄연히 길이 있
음에도 사람들이 나무 사이의 잔디로 걸어다니다 보니 원래 없던 길이 만들어졌습니다. 사용자의 경험을 생각하지
않는 디자인은 이렇게 외면받을 수 있다는 것을 보여주고 싶어하는 사례입니다.
이 문제를 어떻게 풀 수 있을까요? 앞에서 살펴 본 ‘사용자, 사회인, 사람’이라는 관점이 실제 문제 해결 과정에도
그대로 적용됩니다
사람 : 이 경우에 해당하는 심리적
작동기제를 연구하자
사회인 : 최근의 트랜드를 찾아보자
사용자 : 조사를 해 보자
Copyrights © All rights reserved 조성봉 11
들어가며
UX Design
사용자 측면에서의 문제 해결 : 방법론 중심
‘그’만의 특이한
사용 패턴 공원에 오는 사람들의
경험을 관찰하고,
문제와 해결방법을 찾아보자
Your design Your user
문제를 풀어나가는 절차를 중요시
사용자들의 경험을 실제로 조사한 다음,
구체적인 문제나 기대를 발견하고
그것을 순서대로 구현해 나가는 방식
Copyrights © All rights reserved 조성봉 12
들어가며
UX Design
사회인 측면에서의 문제 해결 : 관련 트랜드 중심
동시대를 살아가는
사회인으로써 갖는
공통적 경향
최근 여가생활,
공원 방문에 대한
사용자들의 트렌드를 보면..
Your design Your user
현 시대의 사회적 트랜드를 중요시
현 시대의 기술과 사회적 흐름의 변화에 따라서 그
것을 받아들이는 사용자경험도 큰 영향을 받는다
는 데에 주목
Copyrights © All rights reserved 조성봉 13
들어가며
UX Design
사람 측면에서의 문제 해결 : 원칙 중심
모든 사람들이
갖는 보편적인 특성 현재의 디자인은
사용자들의 올바른 행동을
유도하기에 OOO가 부족..
Your design Your user
심리나 디자인 원칙을 중요시
사람들의 보편적인 욕구와 인지과정에 기반하여
체계화된 원칙 적용을 통해서 문제를 분석하고,
그 개선방안을 찾는 방식
Copyrights © All rights reserved 조성봉 14
들어가며
UX Design
어느 관점이 맞을까요? 여러분은 3가지 중 하나를 선택하는 게 말도 않된다는 것을 이제 알게 되셨을 것입니다. 그
러나 현실상에서는 이 3가지 중 하나만 주장하는 사람들이 무수히 많습니다. 그런 편협한 생각은 UX Design이 궁
극적으로 추구하는 ‘사용자 관점에서 디자인한다’는 목적을 좀먹습니다. 우리는 균형감있는 태도를 취해야 하며,
주어진 문제나 프로젝트에 따라서 가장 적합한 관점을 취해야 합니다.
일반적으로 프로젝트 유형에 따라서 셋의 비중은 다음과 같이 달라집니다.
방법론 트랜드 원칙기존 UX 문제를 찾아서 해결하고자 할 때
방법론 트랜드 원칙기존 제품을 새로운 컨셉으로 전환시키고자 할 때
방법론 트랜드 원칙신기술을 활용하여 선행연구를 하고자 할 때
Copyrights © All rights reserved 조성봉 15
들어가며
UX Design
그 동안 제 교육을 받아보신 분들은 방법론 관점에서의 UX에 치중되었다는 것을 아실 것입니다.
그래서 본 자료에서는 트랜드, 원칙 관점에서의 UX를 말씀드리고자 합니다
방법론 트랜드
원칙
모바일 UX 트렌드
- 트렌드 관점에서의 UX
- PART 1
Copyrights © All rights reserved 조성봉
모바일 UX Trend
17
# 1. Invisible Interface
이제는사용자의‘의도‘를파악하고先대응,제안,추천,단축,강조를해야하는시대
Invisible Interface는 이전의 정보 탐색 패러다임인 정보의 구조, 흐름, 구성, 배치, 형태를 단번에 뒤흔들고 있음
Voice User eXperience
✓ NATURAL INTERACTIONS
simple & intuitive interaction
✓ VERSATILITY
the full gamut of services
✓ PERSONALITY
the built-in identity and social context
✓ PERSONALIZATION
efficient and error-free
✓ CONVENIENCE
ask questions at any point
Copyrights © All rights reserved 조성봉
모바일 UX Trend
18
Invisible Interface Design
Copyrights © All rights reserved 조성봉
모바일 UX Trend
19
# 2. Data Design
물리적인데이터에기반하여매우적확하게서비스를제공한다
때문에어떤데이터를어떻게수집하고,이용할것인지를디자인하는것이중요해졌다
갈수록 정교하고 구체화된 UX는 단순히 추측이나 짐작에서 서비스를 제공하는 게 아니라,
Copyrights © All rights reserved 조성봉
모바일 UX Trend
20
Data Design
Copyrights © All rights reserved 조성봉
모바일 UX Trend
21
# 3. Conversational Interface
이전에는부가적인안내,타이틀,메뉴명에불과했던‘Conversation’이
이제는서비스그자체를상징하게되었다
Copyrights © All rights reserved 조성봉
모바일 UX Trend
22
Conversational Interface
Copyrights © All rights reserved 조성봉
모바일 UX Trend
23
# 4. Micro Tasking
그리고그세분화된Task단위로UI를설계한다
더많아진화면은매끄러운인터렉션에의해서연결된다.더많아졌지만더단순해졌다
이전보다 하나의 Task를 더 작게 세분화시킨다
Copyrights © All rights reserved 조성봉
모바일 UX Trend
24
# 5. Functional Animation
움직임을통해서서비스의감성은물론,기능적메시지도전달한다
단순히 보기 좋은 목적이 아니라, 사용자의 주의를 끌고, 맥락을 끊기지 않게 하며,
더 자연스럽게 의도한 바를 연상하게 만드는
Copyrights © All rights reserved 조성봉
모바일 UX Trend
25
# 6. Spatial Design
얼핏보기에아무것도아닌것같아보이지만,남다른공간을디자인해서UX를
support한다
더 많아진 Micro Task, 더 풍부해진 Functional Animation은
필연적으로 공간에 대한 디자인을 필요로 한다
Copyrights © All rights reserved 조성봉
모바일 UX Trend
26
Spatial Design
Copyrights © All rights reserved 조성봉
모바일 UX Trend
27
Spatial Design
Copyrights © All rights reserved 조성봉
모바일 UX Trend
28
# 7. Card UI
구글의MaterialDesign과더불어큰주목을받고있음
그러나만능은아니다
개별 컨텐츠의 주목도 강화, 인터랙션을 통한 매끄러운 확장성
Copyrights © All rights reserved 조성봉
모바일 UX Trend
29
# 8. Contextual Bubbles
‘지저분하거나숨어있거나’를탈피하여적극적인상호작용으로변모
해당 시점에서 사용자에게 도움이 될 만한 안내, 기능 등을 제시
Copyrights © All rights reserved 조성봉
모바일 UX Trend
30
Contextual Bubbles
모바일 UX/UI
- 원칙 관점에서의 UX
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
32
모바일 UX/UI
모바일UX/UI
막연함 이해 불가
혼동
기대 불일치
갈등
비효율적 흐름
불필요한 요청
행동 제한구태의연함
동기부여 실패
신뢰 결여
기억/학습 어려움
실수 유발
지나친 노력 요구
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
33
모바일 UX/UI
1) 막연함
탐색의 막연함 행동/선택의 막연함 메시지의 막연함
첫 화면에서 내가 찾고자 하는
정보/서비스에 대한 단서가 없다
전체 메뉴를 봐도 찾을 수 없다
검색을 해도 나오지 않는다
설정이나 개인화 메뉴에
들어가서 찾아봐도
관련 기능을 찾을 수 없다
현재 화면에서
뭘 해야 하는 지 모르겠다
여러 선택 옵션들이 각각 무엇을
의미하는 지를 잘 모르겠다
갑자기 왜 이런 버튼이
나타났는지 모르겠다
메시지의 의미가 모호하다
너무 일반적인 내용이라서
지금의 특수한 상황에
부합되지 않는다
있으나 마나 한 이야기다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
34
모바일 UX/UI
1) 막연함
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
35
모바일 UX/UI
2) 이해 불가
레이블이나 메타포의 어려움 지나치게 많은 정보 노출 요구하는 행동의 이해 불가
메뉴명이 직관적이지 못하다
이미지가 현재 보여지는 정보와
안 어울린다
아이콘이 무엇을 뜻하는지
모르겠다
화면이 너무 복잡해서
한 눈에 정보가 들어오지 않는다
뭐부터 봐야 할 지 모르겠다
꼭 알아야 할 중요한 정보를
그렇지 않은 정보와 구분하기
어렵다
왜 지금 나에게 이러한 메시지를
보여주는 지 모르겠다
내가 지금 왜 이것을 해야 하는지 이
유를 모르겠다
이 서비스가 나에게 왜 필요한지 잘
모르겠다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
36
모바일 UX/UI
2) 이해 불가
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
37
모바일 UX/UI
3) 혼동
선택의 혼동 익숙해 지기 어려움 위치의 혼동
제공되는 정보가
눈에 잘 들어오지 않는다
너무 많은 기능들이
나열되어 있는데, 그 순서나
의미를 파악하기 어렵다
내가 생각했던 것 (익숙했던 것)
과 달라서 선택하기가 애매하다
기존의 방식과 달라서
일일이 살펴 봐야 지만
화면 내 정보를 파악할 수 있다
‘아마 이렇게 나올 것이다.’라고
예상했던 것과 많이 달라서
헤맬 수 밖에 없었다
화면에 배치된 정보의 연관관계나
그룹핑 의미를 파악하기 어렵다
분명 아래로 시선이 내려갔는데
정작 버튼(Call to Action)은
위에 있어서 찾지 못했다
레이블이 안 적혀 있거나 가려져서
서비스가 내게 뭘 알려주는지
(요구하는 지) 알기 어려웠다
버튼이 선택 되었는지, 선택 가
능한지 눈으로 봐서는 알기 어렵다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
38
모바일 UX/UI
3) 혼동
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
39
모바일 UX/UI
4) 기대 불일치
예상과의 불일치 결과에 대한 실망 인터랙션 불일치
다른 서비스에서 봤던 것과
진행방식이 달라서
약간 당황스러웠다
추가적인 정보를 요구하는 게
갑작스러웠다
익숙해졌다고 생각했는데
낯선 방식이 나타나서
다시 적응해야만 했다
내가 얻고자 했던 결과와는
다른(부족한, 엉뚱한) 내용이
나왔다
내가 예상했던 것과는
다른(이해하기 힘든, 당황스러운)
형식으로 결과가 나왔다
현재의 상황과는 부합되지 않는
너무 뻔한 결과가 나왔다
탭 이외에 스와이핑을 해도
화면이 이동할 것 같았는데
그렇지 않았다
목록을 꾹 누르면 (롱탭) 숨겨진
정보가 호출되리라 기대했는데
작동하지 않았다
백키를 눌렀는데
마지막 위치가 아닌,
제일 처음 위치로 돌아가 버렸다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
40
모바일 UX/UI
4) 기대 불일치
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
41
모바일 UX/UI
4) 기대 불일치
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
42
모바일 UX/UI
5) 갈등
연기에 대한 갈등 진입에 대한 갈등 선택에 대한 갈등
꼭 지금 결정해야 할까 하는
망설임이 생긴다
지금 당장 해야 지만
얻을 수 있는 가치가
뚜렷하게 느껴지지 않는다
굳이 지금이 아니더라도
(다른 서비스를 이용해도)
괜찮지 않을까 생각된다
다시 이 곳을 방문할 일이
생길까 싶다
내 정보를 제공하는 것이
나에게 도움이 될까 싶다
이미 쓰던 서비스가 있어서
여기에서 굳이 똑같은 노력을
기울일 필요가 있을까 망설여진다
서비스를 지속적으로
이용하는 것이 궁극적으로
나에게 도움이 될까 싶다
다른 서비스와 비교해보면
지금까지 거기에 투입된
기회 비용이 아깝게 느껴진다
서비스의 폭이 한정적이라
미래에 더 다양한 도움을
받을 수 있을 지 의문시된다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
43
모바일 UX/UI
5) 갈등
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
44
모바일 UX/UI
6) 비효율적 흐름
끼어들기 방해 바로가기 부재 사용자에 많이 의존
이용 중에 인증을
지나치게 많이 요구한다
한참 거래 과정 중에 있는 데,
개인정보/인증과 관련된
추가적인 정보/등록 화면으로의
이동을 요구한다
내 폰으로 내가 신청했는데,
굳이 내가 입력하지 않아도 되는
사항을 입력하라고 요구 받는다
일상적으로 많이 이용하는
서비스의 바로가기가
첫 화면에 없다
내가 자주 사용하는 메뉴들을
설정할 수 없다
특정 서비스 이용 시
연관된 메뉴/기능으로의
바로가기가 제공되지 않는다
이용 흐름 상에서
반드시 필요함에도 불구하고
서비스가 그런 연결을
뒷받침 하지 않기 때문에
내가 일일이 발품을 팔아야 한다
해당 시점에서 필요한
날씨, 캘린더, 계산기, 클립보드,
저장 기능 등이 제공되지 않아서
내가 찾아봐야 한다
원하는 정보를 얻기 위해서
여러 메뉴들을 오가야 한다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
45
모바일 UX/UI
6) 비효율적 흐름
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
46
모바일 UX/UI
7) 불필요한 요청
같은 작업의 재요청 완료 후 후속 행동 요청 지나치게 엄격한 관여
항상 내가 선택하는 값이
일정함에도 불구하고
매번 같은 일을 반복해야 한다
앞에서 입력한 내용을
또 입력해야 한다
가장 최근에 이용했던
검색어, 입력 값이 사라져 버려,
다시 입력해야 한다
분명 완료화면을
봤다고 생각했는 데,
완료가 아니어서
거래가 종료되지 않았다
거래가 끝난 줄 알았는데,
별도의 정보 입력/확인이
필요하다는 요청이 다시 왔다
예전에 끝난 거래와 관련한
메시지/알림이 와서
별도의 행동을 하라고 요청한다
보안의 염려가 없어 보임에도
동일한 과정을 매번 반복해야 한다
그렇게 중요하지 않은
행동 (입력, 삭제, 수정)에도
재차 확인을 요청한다
이미 앞에서 인증을 거쳤는 데
다시 인증을 요구한다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
47
모바일 UX/UI
7) 불필요한 요청
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
48
모바일 UX/UI
8) 행동 제한
상세 정보로의 이동 불가 정보 탐색 시 기능 제한 개인화/커뮤니케이션 기능 제한
제공되는 내용보다
상세한 내용을 보고 싶은데
불가능하다
더 자세한 정보를 물어보려면
현재 서비스 내에서는 불가하다
(콜센터나 별도의 채널로
이동해야 한다)
관련 정보로 이동할 수 있는
링크가 제공되지 않는다
제시된 정보들을 내 기준으로
좁히거나 정렬하고 싶은데
그럴 수 없다
내가 필요한 정보를 찾는 데
적합한 카테고리나 검색 기능이
없기 때문에 일일이 눈으로 확인해
야 한다
원하는 정보만 찾아볼 수 있도록
설정하는 게 불가능하다
관심 정보를 저장, 공유할 수 없다
선호하는 정보 리소스만
등록해서 볼 수 없다
직접 문의를 통해서 실시간으로
정보를 알아보는 게 불가능하다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
49
모바일 UX/UI
8) 행동 제한
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
50
모바일 UX/UI
9) 구태의연함
사용자 고충 이해 결여 기존 서비스 틀 고수 최신의 기술/트렌드 미반영
에러나 이용 과정 상의 불편함이
해결되지 않고 있다
보안에 민감한 서비스가
아님에도 불구하고
요구하는 보안 수준이 너무 높다
불편함이나 개선방안을 제시할
창구가 아예 없거나 불충분하다
내 정보가 최신 이력으로
갱신되지 않는다
타 서비스들에 비해서
높은 수수료나 불합리한 이자율을
요구한다
통신, SNS, 공공 서비스,
생활 관련 서비스들과의
연계가 불가능하다
간편한 생체인증이나
절차 간소화가 제공되지 않는다
나의 활동 이력이나 기타 데이터에
기반한 자동화된 서비스를
이용할 수 없다
AI와 관련된 새로운 서비스가
제공되지 않거나,
구색 갖추기에 불과하다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
51
모바일 UX/UI
9) 구태의연함
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
52
모바일 UX/UI
10) 동기 부여 실패
관련 없는 정보 나열 투자 동기 부여 실패 기회비용 의심
지나치게 일반적인 정보만
일방적으로 나열되어 있다
내 이용 이력과 상관없이
매번 동일한 서비스와 UI를
제공하고 있다
나와 유사한 사람들이
선호하는 컨텐츠가 무엇인지
제공하지 않는다
내게 이런 저런 요청을 하지만
마음이 끌리지 않는다
이 서비스에 시간과 정보, 돈을
투자할 경우 내가 얻게 될
효익(benefit)이 확실하지 않다
서비스 이용 시 얻게 될 보상이
당장 체감되지 않는다
조만간 이것보다 더 나은
최신 서비스가 등장할 것이다
다른 플랫폼에 이미 많은
정보와 취향을 맞춰 놨는데,
그것을 다 바꾼다는 게 망설여진다
이 서비스가 최선의 선택은
아니라고 생각한다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
53
모바일 UX/UI
10) 동기 부여 실패
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
54
모바일 UX/UI
11) 신뢰 결여
개인정보 관리에 대한 의구심 결과에 대한 의심 보안에 대한 의심
동의 절차가 없었음에도
서비스가 어떻게
나를 알고 있는지 의아하다
내 의사와 관계없이
마케팅 용도로 오는 메시지에
화가 난다
이 서비스가 어떻게
나를 알고 있는 지 의심스럽다
최초에 제시된 정보에
훅해서 들어왔는데
결과는 그와 다르게 제시된다
꼭 필요하다고 생각되는 항목을
생략해도 결과가 나타난다
정해진 시간, 장소 내에서만
작동한다
인증/확인이 필요한 시점임에도
절차없이 그냥 넘어간다
비밀번호 체계가 너무 간단하다
보안과 관련된 믿을 수 있는
안내를 제공하지 않고 있다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
55
모바일 UX/UI
11) 신뢰 결여
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
56
모바일 UX/UI
12) 기억/학습의 어려움
패턴의 부재 지나친 차별화 기억을 위한 단서 미제공
유사한 테스크임에도 불구하고
이용 패턴이 화면마다 다르다
유사한 정보임에도 불구하고
안내 메시지의 톤앤매너가
많이 다르다
UI 형태가 너무 다양해서
패턴을 파악하기 힘들다
다른 유사 서비스에서의
이용순서와 너무 다르다
다른 유사 서비스에서는
찾아볼 수 없었던
새로운 요청을 한다
새로움만 강조한 나머지
적응하기가 쉽지 않다
일일이 메뉴명이나 아이콘을
들여다봐야 무슨 메뉴인지
알 수 있다
색깔이나 구분선 등에 의해서
컨텐츠를 구분하지 않고 있다
메뉴 위치나 특징이
두드러지지 않아서
나중에 찾아가기 어렵다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
57
모바일 UX/UI
12) 기억/학습의 어려움
Copyrights © All rights reserved 조성봉
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
59
모바일 UX/UI
13) 실수 유발
실수 예방책 부족 사용자를 산만하게 함 유연성 결여
분명 이 자리에 기능이
있을 것 같은데, 그렇지 않아서
실수를 반복하게 된다
두 버튼의 순서나 색깔이
일반적인 경우와는
반대로 되어 있다
버튼 형태나 레이블들이 유사해
자신도 모르게 엉뚱한 버튼을
누를 때가 있다
봐야 할 정보가
눈에 띄게 두드러지지 않고
묻혀 보인다
정보 디자인이 정보의 내용을
정확하게 전달하지 못해서
오해를 불러일으킨다
중요하지 않은 디자인 요소가
실재보다 중요성이 과장되어
잘못된 판단을 내리게 한다
실수를 쉽게 회복할 수 없고
처음부터 다시 해야 한다
이전에 입력한 항목을
즉시 수정하기 어렵다
아이디/비밀번호 찾기 과정이
지나치게 복잡해서
이용에 어려움이 뒤따른다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
60
모바일 UX/UI
13) 실수 유발
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
61
모바일 UX/UI
14) 지나친 노력 요구
무리한 요구 큰 변화 강요 귀찮음
일반적인 기준보다
더 많은 정보 입력을 요구한다
처음부터 많은 정보 입력을
요구한다
이전 플랫폼에서의
정보 이전이 불가능하다
기존의 생활 습관이나 행동 패턴을
변경하기를 요구한다
서비스 외의 제품/서비스
구매나 이용을 강요한다
사용자의 학습 수준, 훈련 정도를
고려하지 않는다
지나치게 자주 알림을 보낸다
매번 사용자에게
서비스로의 진입/연결을 요구한다
상황에 적절한 방식으로
대응하지 않고,
매번 똑같은 노력을 요구한다
Copyrights © All rights reserved 조성봉
원칙으로써의 UX
62
모바일 UX/UI
14) 지나친 노력 요구
Copyrights © All rights reserved 조성봉
Provide a Valuable Product to the Right Market

Weitere ähnliche Inhalte

Was ist angesagt?

UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]RightBrain inc.
 
UX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIUX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIRightBrain inc.
 
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
UX Academy 18th  롯데온 UX/UI 개선 프로젝트UX Academy 18th  롯데온 UX/UI 개선 프로젝트
UX Academy 18th 롯데온 UX/UI 개선 프로젝트RightBrain inc.
 
여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선RightBrain inc.
 
[Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 [Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 RightBrain inc.
 
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트RightBrain inc.
 
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]RightBrain inc.
 
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트RightBrain inc.
 
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] RightBrain inc.
 
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선] UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선] RightBrain inc.
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트RightBrain inc.
 
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사RightBrain inc.
 
[Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 [Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 RightBrain inc.
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] RightBrain inc.
 
자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드RightBrain inc.
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]RightBrain inc.
 
UX Discovery_Metaverse_RightBrain_Seminar
UX Discovery_Metaverse_RightBrain_SeminarUX Discovery_Metaverse_RightBrain_Seminar
UX Discovery_Metaverse_RightBrain_SeminarRightBrain inc.
 

Was ist angesagt? (20)

UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
 
UX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUIUX_Academy_16th_Market_Kurly_UXUI
UX_Academy_16th_Market_Kurly_UXUI
 
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
UX Academy 18th  롯데온 UX/UI 개선 프로젝트UX Academy 18th  롯데온 UX/UI 개선 프로젝트
UX Academy 18th 롯데온 UX/UI 개선 프로젝트
 
여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선
 
[Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 [Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선
 
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트
UX Academy 18th 네이버 쇼핑 UX/UI 개선 프로젝트
 
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]
 
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 올리브영 - UX/UI 개선]
 
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트
UX Academy 17th 마이리얼트립 UX/UI 개선 프로젝트
 
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선] UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트
 
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사
스타벅스 사이렌오더 사용 편의성 개선을 위한 UX 조사
 
[Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선 [Rightbrain UX Academy] Skyscanner UX/UI개선
[Rightbrain UX Academy] Skyscanner UX/UI개선
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
 
자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]
UX 아카데미 오픈프로젝트 [카카오톡 선물하기 - UX 개선]
 
UX Discovery_Metaverse_RightBrain_Seminar
UX Discovery_Metaverse_RightBrain_SeminarUX Discovery_Metaverse_RightBrain_Seminar
UX Discovery_Metaverse_RightBrain_Seminar
 

Ähnlich wie 모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부

This is ux design summary
This is ux design summaryThis is ux design summary
This is ux design summaryRightBrain
 
Rightbrain 사내 ux 세미나 20220124
Rightbrain 사내 ux 세미나 20220124Rightbrain 사내 ux 세미나 20220124
Rightbrain 사내 ux 세미나 20220124sbcho
 
사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1Jd Kim
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Potentialeyes, Inc.
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) RightBrain inc.
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1Limepaper, Inc.
 
Ux research guide
Ux research guideUx research guide
Ux research guideKim Taesook
 
Zero effort UX UI Strategy
Zero effort UX UI Strategy Zero effort UX UI Strategy
Zero effort UX UI Strategy Billy Choi
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI Billy Choi
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&RBilly Choi
 
Rightbrain 사내 ux 세미나 202202
Rightbrain 사내 ux 세미나 202202Rightbrain 사내 ux 세미나 202202
Rightbrain 사내 ux 세미나 202202sbcho
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Potentialeyes, Inc.
 
'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
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
UX/UI의 이해와 도전
UX/UI의 이해와 도전UX/UI의 이해와 도전
UX/UI의 이해와 도전Billy Choi
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 

Ähnlich wie 모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부 (20)

This is ux design summary
This is ux design summaryThis is ux design summary
This is ux design summary
 
Rightbrain 사내 ux 세미나 20220124
Rightbrain 사내 ux 세미나 20220124Rightbrain 사내 ux 세미나 20220124
Rightbrain 사내 ux 세미나 20220124
 
사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 
Ux research guide ux1
Ux research guide ux1Ux research guide ux1
Ux research guide ux1
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide)
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
 
Ux research guide
Ux research guideUx research guide
Ux research guide
 
Zero effort UX UI Strategy
Zero effort UX UI Strategy Zero effort UX UI Strategy
Zero effort UX UI Strategy
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&R
 
Rightbrain 사내 ux 세미나 202202
Rightbrain 사내 ux 세미나 202202Rightbrain 사내 ux 세미나 202202
Rightbrain 사내 ux 세미나 202202
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
UX/UI의 이해와 도전
UX/UI의 이해와 도전UX/UI의 이해와 도전
UX/UI의 이해와 도전
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 

Mehr von RightBrain inc.

UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]RightBrain inc.
 
UX Discovery 14th Metaverse & Technology 트래킹 기술
UX Discovery 14th Metaverse & Technology 트래킹 기술UX Discovery 14th Metaverse & Technology 트래킹 기술
UX Discovery 14th Metaverse & Technology 트래킹 기술RightBrain inc.
 
UX Discovery 13th Metaverse & Technology시청촉각 기술_rightbrain_0214.pdf
UX Discovery 13th Metaverse  & Technology시청촉각 기술_rightbrain_0214.pdfUX Discovery 13th Metaverse  & Technology시청촉각 기술_rightbrain_0214.pdf
UX Discovery 13th Metaverse & Technology시청촉각 기술_rightbrain_0214.pdfRightBrain inc.
 
UX Discovery 12th Metaverse Commerce & Retail
UX Discovery 12th Metaverse Commerce & RetailUX Discovery 12th Metaverse Commerce & Retail
UX Discovery 12th Metaverse Commerce & RetailRightBrain inc.
 
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]RightBrain inc.
 
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 RightBrain inc.
 
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 RightBrain inc.
 
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트RightBrain inc.
 
라이트브레인 UX Discovery 메타버스
라이트브레인 UX Discovery 메타버스라이트브레인 UX Discovery 메타버스
라이트브레인 UX Discovery 메타버스RightBrain inc.
 
UX Discovery_Metaverse_RightBrain_Seminar_수정1
UX Discovery_Metaverse_RightBrain_Seminar_수정1UX Discovery_Metaverse_RightBrain_Seminar_수정1
UX Discovery_Metaverse_RightBrain_Seminar_수정1RightBrain inc.
 
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계RightBrain inc.
 
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)RightBrain UX discovery 10th (UX 트렌드 리포트 10호)
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)RightBrain inc.
 

Mehr von RightBrain inc. (13)

UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [링크드인 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [ 배달의민족 - UX/UI 개선]
 
UX Discovery 14th Metaverse & Technology 트래킹 기술
UX Discovery 14th Metaverse & Technology 트래킹 기술UX Discovery 14th Metaverse & Technology 트래킹 기술
UX Discovery 14th Metaverse & Technology 트래킹 기술
 
UX Discovery 13th Metaverse & Technology시청촉각 기술_rightbrain_0214.pdf
UX Discovery 13th Metaverse  & Technology시청촉각 기술_rightbrain_0214.pdfUX Discovery 13th Metaverse  & Technology시청촉각 기술_rightbrain_0214.pdf
UX Discovery 13th Metaverse & Technology시청촉각 기술_rightbrain_0214.pdf
 
UX Discovery 12th Metaverse Commerce & Retail
UX Discovery 12th Metaverse Commerce & RetailUX Discovery 12th Metaverse Commerce & Retail
UX Discovery 12th Metaverse Commerce & Retail
 
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]
UX 아카데미 오픈프로젝트 [Gmarket - UX/UI 개선]
 
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
 
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
 
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트
UX Academy 19th 뱅크샐러드 UX/UI 개선 프로젝트
 
라이트브레인 UX Discovery 메타버스
라이트브레인 UX Discovery 메타버스라이트브레인 UX Discovery 메타버스
라이트브레인 UX Discovery 메타버스
 
UX Discovery_Metaverse_RightBrain_Seminar_수정1
UX Discovery_Metaverse_RightBrain_Seminar_수정1UX Discovery_Metaverse_RightBrain_Seminar_수정1
UX Discovery_Metaverse_RightBrain_Seminar_수정1
 
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계
RightBrain 컨설팅그룹 UX 세미나 - UXer 성장단계
 
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)RightBrain UX discovery 10th (UX 트렌드 리포트 10호)
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)
 

모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부

  • 3. Copyrights © All rights reserved 조성봉 3 들어가며 UX Design 이미 알고 있다고 생각했던 경험이 사실은 정확하지 않은 경우가 더러 있습니다. UX Design이 그렇습니다. 많은 분들이 UX Design을 Web이나 App Design의 동의어, UI Design보다 좀 더 큰 개념 정 도로 이해하시는 경우가 많습니다. 그러나 ‘제품 Design=제품을 Design한다, 자동차 Design=자동차를 Design한다, 웹 Design=웹을 Design한다’와 마찬가지로 UX Design은 말 그대로 ‘UX를 Design한다'는 뜻입니다. 사용자 경험을 Design한다? 그동안 눈 앞에 보이는 실체를 Design하는 것에 익숙하신 분들은 이 개념이 다소 어려우실 것입니다. 보통 UX라고 하면 Design의 결과라고 생각하셨을 테니까요. 그러나 UX Design에서는 ‘UX’를 결과가 아닌 Design의 대상으로 바라봅니다. 기존의 UX가 갖는 문제를 밝혀서 새로운 UX를 Design한 다음에, 그것을 형태나 정보구 조, UI, 인터렉션 등으로 실체화시켜 나가는 과정이 UX Design입니다. 지금부터 ‘UX Design’에 대해서 하나씩 살펴보도록 하겠습니다. UX + Design
  • 4. Copyrights © All rights reserved 조성봉 4 들어가며 UX Design 퀴즈 1 다음은 비밀번호를 넣는 화면입니다. 둘 중 어떤 키패드가 더 UX적으로 바람직할까요? A B 정답 : A 사용자들은 비밀번호를 넣는 게 목적이지, 키패드를 입력하는 게 목적이 아니다. 숫자와 특수문자를 번걸아 입력해야만 하 는 상황이라면 2개를 별도의 버튼으로 분리시켜 놓는 것보다 하나로 스위칭(토글이라고도 함)시키는 것이 더 직관적이다. 이해가 안가시는 분들은 다음 화면의 리모컨 디자인을 보시기 바란다.
  • 5. Copyrights © All rights reserved 조성봉 5 들어가며 UX Design 아래의 리모컨에서 On 버튼과 Off 버튼이 분리되어 있는 게 자연스럽게 느껴지시나요? 아마 아닐 겁니다. 왜 아닐까요? 왜 아닐까? 겉으로 봤을 때에는 사용자들의 목적이 On이나 Off 버튼을 누르는 것처럼 보이지만, 실제로는 TV의 상태를 변화시키는 게 목적입니다. 때문에 버튼이 2개로 분리되어 있을 경우보다 1개로 스위칭 되어 있는 게 더 바람직합니다. 앞장으로 돌아가 서 다시 A와 B의 키패드를 보시면 이제는 어떤 것이 UX적으로 더 바람직한 지를 명확하게 이해하실 수 있으실 겁니다.
  • 6. Copyrights © All rights reserved 조성봉 6 들어가며 UX Design 퀴즈 2 다음은 어느 쇼핑몰의 상품 리스트 화면입니다. 필터링 기능이 상단에 있는 것과 없는 것 중 어떤 게 더 바람직할까요? A B 정답 : 상품 개수에 따라 다름 상품 개수가 10개 미만인 경우에는 간단한 스크롤만으로도 화면을 탐색할 수 있기 때문에 필터링 기능이 굳이 필요 없다. 반면에 상품 개수가 10개 이상인 경우에는 탐색에 노력이 요구되기 때문에 필터링 기능을 제공하는 것이 더 좋다. 그러나 카테고리별로 상품 개수가 다르다면 어떻게 하는 것이 좋을까? 일관성을 준수하는 것이 좋을까? 위의 원칙을 그대 로 따르는 것이 좋을까?
  • 7. Copyrights © All rights reserved 조성봉 7 들어가며 UX Design 퀴즈 3 다음은 카드회사의 모바일 앱에서 카드를 선택하는 인터렉션입니다. A는 Swiping을 하면 카드들이 좌우 방향으로 변경되 는 방식인데 비해, B는 Swiping을 하면 사선으로 카드가 변경됩니다. 어떤 게 더 바람직할까요? A B 정답 : 직관성은 A가 더 뛰어나지만, 감성은 B가 더 뛰어남 많은 분들이 당연히 A라고 생각하실 겁니다. A는 특별한 설명없이도 자신이 보유한 카드들을 Swiping해서 선택할 수 있 다는 정보가 UI 상에 암시되어 있습니다. 반면에 B는 그런 예측가능성이 뒤떨어지죠. 그러나 지갑에서 카드를 꺼낼 때를 상상해 보십시요. 아니 실제로 지갑에서 카드를 꺼내 보세요. 어떠세요? 왜 B가 더 감성이 더 뛰어난 지 아시겠죠? 이렇게 UX에서도 상호 대립관계가 존재합니다. 이것을 Trade-off라고 부르는데, 두 개의 가치가 상호 대립할 때 어떤 것 이 더 좋을 지 우리는 선택해야 합니다.
  • 8. Copyrights © All rights reserved 조성봉 8 들어가며 UX Design 이처럼 UX Design은 명확한 판단이 존재합니다. ‘둘 다 맞다’라는 식의 애매한 결론 도출은 없습니다. B A가장 바람직하지 않은 상태 가장 바람직한 상태 UX의 격차 A와 B 사이에 UX의 격차가 존재한다면, 당연히 더 바람직한 것을 선택하는 것이 맞습니다. 이것을 판단하는 것이 UX Designer, 다시 말해 UXer의 몫입니다. 여러 가지 디자인 중 가장 UX가 바람직한 것이 뭔지를 찾는 것이죠 가장 바람직한 UX를 찾기 위해서는 사용자들의 경험을 공감할 수 있어야 합니다. 모든 사람들이 갖는 보편적인 특성 ‘그’만의 특이한 사용 패턴 동시대를 살아가는 사회인으로써 갖는 공통적 경향
  • 9. Copyrights © All rights reserved 조성봉 9 들어가며 UX Design 사용자는 고객(Customer)이나 소비자(Consumer)보다 더 큰 개념이라고 에런 샤피로는 자신의 저서 ‘User’에서 얘기하였지만, 이것은 반만 맞는 얘기입니다. 실제 사용자는 시대에 상관없이 <모든 사람들이 갖는 보편적인 특성 >에 의해서 경험을 하기도 하고, <동시대를 살아가는 사회인으로써 갖는 공통적 경향>에도 영향을 크게 받고 있습 니다. 사용자를 <본인만의 특이한 사용 패턴>을 갖는 개체로만 바라봐서는 않됩니다. 사람(Human)으로써 겪는 경험 사회인(member of society)으로써 겪는 경험 사용자(one of them)으로써 겪는 경험 사용자 • 특정 제품/서비스가 기준 • 자신만의 고유한 경험이 존재 • 전체를 놓고 보면 몇 가지 유형으로 구분할 수 있음(Persona) • 이용 통계나 설문조사를 통해서 파악 • 세부적인 경험은 직접 보거나 물어봐야지 알 수 있음 사회인 • 동시대를 사는 사회인들 모두가 공유하는 트랜드가 기준 • 1코노미, 가심비, YOLO 등 • 세대별로 조금씩 다름 (베이비부머, X세대, Y세대, Z세대) • 사회적 트랜드를 통해서 파악 • 세대적 특성 조사 사람 • 사람이면 누구나 갖는 보편적 특성이 기준 • 예외가 거의 없는 편이나, 아주 세부적인 경험에만 적용할 수 있다는 단점이 있음 • 심리학, 인간공학, 게슈탈트 이론 • 행동경제학에서 얘기하는 휴리스틱, 편향 (bias)
  • 10. Copyrights © All rights reserved 조성봉 10 들어가며 UX Design UX Design을 일반인들한테 설명할 때 가장 자주 등장하는 사례가 바로 아래의 공원 사진입니다. 엄연히 길이 있 음에도 사람들이 나무 사이의 잔디로 걸어다니다 보니 원래 없던 길이 만들어졌습니다. 사용자의 경험을 생각하지 않는 디자인은 이렇게 외면받을 수 있다는 것을 보여주고 싶어하는 사례입니다. 이 문제를 어떻게 풀 수 있을까요? 앞에서 살펴 본 ‘사용자, 사회인, 사람’이라는 관점이 실제 문제 해결 과정에도 그대로 적용됩니다 사람 : 이 경우에 해당하는 심리적 작동기제를 연구하자 사회인 : 최근의 트랜드를 찾아보자 사용자 : 조사를 해 보자
  • 11. Copyrights © All rights reserved 조성봉 11 들어가며 UX Design 사용자 측면에서의 문제 해결 : 방법론 중심 ‘그’만의 특이한 사용 패턴 공원에 오는 사람들의 경험을 관찰하고, 문제와 해결방법을 찾아보자 Your design Your user 문제를 풀어나가는 절차를 중요시 사용자들의 경험을 실제로 조사한 다음, 구체적인 문제나 기대를 발견하고 그것을 순서대로 구현해 나가는 방식
  • 12. Copyrights © All rights reserved 조성봉 12 들어가며 UX Design 사회인 측면에서의 문제 해결 : 관련 트랜드 중심 동시대를 살아가는 사회인으로써 갖는 공통적 경향 최근 여가생활, 공원 방문에 대한 사용자들의 트렌드를 보면.. Your design Your user 현 시대의 사회적 트랜드를 중요시 현 시대의 기술과 사회적 흐름의 변화에 따라서 그 것을 받아들이는 사용자경험도 큰 영향을 받는다 는 데에 주목
  • 13. Copyrights © All rights reserved 조성봉 13 들어가며 UX Design 사람 측면에서의 문제 해결 : 원칙 중심 모든 사람들이 갖는 보편적인 특성 현재의 디자인은 사용자들의 올바른 행동을 유도하기에 OOO가 부족.. Your design Your user 심리나 디자인 원칙을 중요시 사람들의 보편적인 욕구와 인지과정에 기반하여 체계화된 원칙 적용을 통해서 문제를 분석하고, 그 개선방안을 찾는 방식
  • 14. Copyrights © All rights reserved 조성봉 14 들어가며 UX Design 어느 관점이 맞을까요? 여러분은 3가지 중 하나를 선택하는 게 말도 않된다는 것을 이제 알게 되셨을 것입니다. 그 러나 현실상에서는 이 3가지 중 하나만 주장하는 사람들이 무수히 많습니다. 그런 편협한 생각은 UX Design이 궁 극적으로 추구하는 ‘사용자 관점에서 디자인한다’는 목적을 좀먹습니다. 우리는 균형감있는 태도를 취해야 하며, 주어진 문제나 프로젝트에 따라서 가장 적합한 관점을 취해야 합니다. 일반적으로 프로젝트 유형에 따라서 셋의 비중은 다음과 같이 달라집니다. 방법론 트랜드 원칙기존 UX 문제를 찾아서 해결하고자 할 때 방법론 트랜드 원칙기존 제품을 새로운 컨셉으로 전환시키고자 할 때 방법론 트랜드 원칙신기술을 활용하여 선행연구를 하고자 할 때
  • 15. Copyrights © All rights reserved 조성봉 15 들어가며 UX Design 그 동안 제 교육을 받아보신 분들은 방법론 관점에서의 UX에 치중되었다는 것을 아실 것입니다. 그래서 본 자료에서는 트랜드, 원칙 관점에서의 UX를 말씀드리고자 합니다 방법론 트랜드 원칙
  • 16. 모바일 UX 트렌드 - 트렌드 관점에서의 UX - PART 1
  • 17. Copyrights © All rights reserved 조성봉 모바일 UX Trend 17 # 1. Invisible Interface 이제는사용자의‘의도‘를파악하고先대응,제안,추천,단축,강조를해야하는시대 Invisible Interface는 이전의 정보 탐색 패러다임인 정보의 구조, 흐름, 구성, 배치, 형태를 단번에 뒤흔들고 있음 Voice User eXperience ✓ NATURAL INTERACTIONS simple & intuitive interaction ✓ VERSATILITY the full gamut of services ✓ PERSONALITY the built-in identity and social context ✓ PERSONALIZATION efficient and error-free ✓ CONVENIENCE ask questions at any point
  • 18. Copyrights © All rights reserved 조성봉 모바일 UX Trend 18 Invisible Interface Design
  • 19. Copyrights © All rights reserved 조성봉 모바일 UX Trend 19 # 2. Data Design 물리적인데이터에기반하여매우적확하게서비스를제공한다 때문에어떤데이터를어떻게수집하고,이용할것인지를디자인하는것이중요해졌다 갈수록 정교하고 구체화된 UX는 단순히 추측이나 짐작에서 서비스를 제공하는 게 아니라,
  • 20. Copyrights © All rights reserved 조성봉 모바일 UX Trend 20 Data Design
  • 21. Copyrights © All rights reserved 조성봉 모바일 UX Trend 21 # 3. Conversational Interface 이전에는부가적인안내,타이틀,메뉴명에불과했던‘Conversation’이 이제는서비스그자체를상징하게되었다
  • 22. Copyrights © All rights reserved 조성봉 모바일 UX Trend 22 Conversational Interface
  • 23. Copyrights © All rights reserved 조성봉 모바일 UX Trend 23 # 4. Micro Tasking 그리고그세분화된Task단위로UI를설계한다 더많아진화면은매끄러운인터렉션에의해서연결된다.더많아졌지만더단순해졌다 이전보다 하나의 Task를 더 작게 세분화시킨다
  • 24. Copyrights © All rights reserved 조성봉 모바일 UX Trend 24 # 5. Functional Animation 움직임을통해서서비스의감성은물론,기능적메시지도전달한다 단순히 보기 좋은 목적이 아니라, 사용자의 주의를 끌고, 맥락을 끊기지 않게 하며, 더 자연스럽게 의도한 바를 연상하게 만드는
  • 25. Copyrights © All rights reserved 조성봉 모바일 UX Trend 25 # 6. Spatial Design 얼핏보기에아무것도아닌것같아보이지만,남다른공간을디자인해서UX를 support한다 더 많아진 Micro Task, 더 풍부해진 Functional Animation은 필연적으로 공간에 대한 디자인을 필요로 한다
  • 26. Copyrights © All rights reserved 조성봉 모바일 UX Trend 26 Spatial Design
  • 27. Copyrights © All rights reserved 조성봉 모바일 UX Trend 27 Spatial Design
  • 28. Copyrights © All rights reserved 조성봉 모바일 UX Trend 28 # 7. Card UI 구글의MaterialDesign과더불어큰주목을받고있음 그러나만능은아니다 개별 컨텐츠의 주목도 강화, 인터랙션을 통한 매끄러운 확장성
  • 29. Copyrights © All rights reserved 조성봉 모바일 UX Trend 29 # 8. Contextual Bubbles ‘지저분하거나숨어있거나’를탈피하여적극적인상호작용으로변모 해당 시점에서 사용자에게 도움이 될 만한 안내, 기능 등을 제시
  • 30. Copyrights © All rights reserved 조성봉 모바일 UX Trend 30 Contextual Bubbles
  • 31. 모바일 UX/UI - 원칙 관점에서의 UX
  • 32. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 32 모바일 UX/UI 모바일UX/UI 막연함 이해 불가 혼동 기대 불일치 갈등 비효율적 흐름 불필요한 요청 행동 제한구태의연함 동기부여 실패 신뢰 결여 기억/학습 어려움 실수 유발 지나친 노력 요구
  • 33. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 33 모바일 UX/UI 1) 막연함 탐색의 막연함 행동/선택의 막연함 메시지의 막연함 첫 화면에서 내가 찾고자 하는 정보/서비스에 대한 단서가 없다 전체 메뉴를 봐도 찾을 수 없다 검색을 해도 나오지 않는다 설정이나 개인화 메뉴에 들어가서 찾아봐도 관련 기능을 찾을 수 없다 현재 화면에서 뭘 해야 하는 지 모르겠다 여러 선택 옵션들이 각각 무엇을 의미하는 지를 잘 모르겠다 갑자기 왜 이런 버튼이 나타났는지 모르겠다 메시지의 의미가 모호하다 너무 일반적인 내용이라서 지금의 특수한 상황에 부합되지 않는다 있으나 마나 한 이야기다
  • 34. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 34 모바일 UX/UI 1) 막연함
  • 35. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 35 모바일 UX/UI 2) 이해 불가 레이블이나 메타포의 어려움 지나치게 많은 정보 노출 요구하는 행동의 이해 불가 메뉴명이 직관적이지 못하다 이미지가 현재 보여지는 정보와 안 어울린다 아이콘이 무엇을 뜻하는지 모르겠다 화면이 너무 복잡해서 한 눈에 정보가 들어오지 않는다 뭐부터 봐야 할 지 모르겠다 꼭 알아야 할 중요한 정보를 그렇지 않은 정보와 구분하기 어렵다 왜 지금 나에게 이러한 메시지를 보여주는 지 모르겠다 내가 지금 왜 이것을 해야 하는지 이 유를 모르겠다 이 서비스가 나에게 왜 필요한지 잘 모르겠다
  • 36. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 36 모바일 UX/UI 2) 이해 불가
  • 37. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 37 모바일 UX/UI 3) 혼동 선택의 혼동 익숙해 지기 어려움 위치의 혼동 제공되는 정보가 눈에 잘 들어오지 않는다 너무 많은 기능들이 나열되어 있는데, 그 순서나 의미를 파악하기 어렵다 내가 생각했던 것 (익숙했던 것) 과 달라서 선택하기가 애매하다 기존의 방식과 달라서 일일이 살펴 봐야 지만 화면 내 정보를 파악할 수 있다 ‘아마 이렇게 나올 것이다.’라고 예상했던 것과 많이 달라서 헤맬 수 밖에 없었다 화면에 배치된 정보의 연관관계나 그룹핑 의미를 파악하기 어렵다 분명 아래로 시선이 내려갔는데 정작 버튼(Call to Action)은 위에 있어서 찾지 못했다 레이블이 안 적혀 있거나 가려져서 서비스가 내게 뭘 알려주는지 (요구하는 지) 알기 어려웠다 버튼이 선택 되었는지, 선택 가 능한지 눈으로 봐서는 알기 어렵다
  • 38. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 38 모바일 UX/UI 3) 혼동
  • 39. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 39 모바일 UX/UI 4) 기대 불일치 예상과의 불일치 결과에 대한 실망 인터랙션 불일치 다른 서비스에서 봤던 것과 진행방식이 달라서 약간 당황스러웠다 추가적인 정보를 요구하는 게 갑작스러웠다 익숙해졌다고 생각했는데 낯선 방식이 나타나서 다시 적응해야만 했다 내가 얻고자 했던 결과와는 다른(부족한, 엉뚱한) 내용이 나왔다 내가 예상했던 것과는 다른(이해하기 힘든, 당황스러운) 형식으로 결과가 나왔다 현재의 상황과는 부합되지 않는 너무 뻔한 결과가 나왔다 탭 이외에 스와이핑을 해도 화면이 이동할 것 같았는데 그렇지 않았다 목록을 꾹 누르면 (롱탭) 숨겨진 정보가 호출되리라 기대했는데 작동하지 않았다 백키를 눌렀는데 마지막 위치가 아닌, 제일 처음 위치로 돌아가 버렸다
  • 40. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 40 모바일 UX/UI 4) 기대 불일치
  • 41. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 41 모바일 UX/UI 4) 기대 불일치
  • 42. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 42 모바일 UX/UI 5) 갈등 연기에 대한 갈등 진입에 대한 갈등 선택에 대한 갈등 꼭 지금 결정해야 할까 하는 망설임이 생긴다 지금 당장 해야 지만 얻을 수 있는 가치가 뚜렷하게 느껴지지 않는다 굳이 지금이 아니더라도 (다른 서비스를 이용해도) 괜찮지 않을까 생각된다 다시 이 곳을 방문할 일이 생길까 싶다 내 정보를 제공하는 것이 나에게 도움이 될까 싶다 이미 쓰던 서비스가 있어서 여기에서 굳이 똑같은 노력을 기울일 필요가 있을까 망설여진다 서비스를 지속적으로 이용하는 것이 궁극적으로 나에게 도움이 될까 싶다 다른 서비스와 비교해보면 지금까지 거기에 투입된 기회 비용이 아깝게 느껴진다 서비스의 폭이 한정적이라 미래에 더 다양한 도움을 받을 수 있을 지 의문시된다
  • 43. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 43 모바일 UX/UI 5) 갈등
  • 44. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 44 모바일 UX/UI 6) 비효율적 흐름 끼어들기 방해 바로가기 부재 사용자에 많이 의존 이용 중에 인증을 지나치게 많이 요구한다 한참 거래 과정 중에 있는 데, 개인정보/인증과 관련된 추가적인 정보/등록 화면으로의 이동을 요구한다 내 폰으로 내가 신청했는데, 굳이 내가 입력하지 않아도 되는 사항을 입력하라고 요구 받는다 일상적으로 많이 이용하는 서비스의 바로가기가 첫 화면에 없다 내가 자주 사용하는 메뉴들을 설정할 수 없다 특정 서비스 이용 시 연관된 메뉴/기능으로의 바로가기가 제공되지 않는다 이용 흐름 상에서 반드시 필요함에도 불구하고 서비스가 그런 연결을 뒷받침 하지 않기 때문에 내가 일일이 발품을 팔아야 한다 해당 시점에서 필요한 날씨, 캘린더, 계산기, 클립보드, 저장 기능 등이 제공되지 않아서 내가 찾아봐야 한다 원하는 정보를 얻기 위해서 여러 메뉴들을 오가야 한다
  • 45. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 45 모바일 UX/UI 6) 비효율적 흐름
  • 46. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 46 모바일 UX/UI 7) 불필요한 요청 같은 작업의 재요청 완료 후 후속 행동 요청 지나치게 엄격한 관여 항상 내가 선택하는 값이 일정함에도 불구하고 매번 같은 일을 반복해야 한다 앞에서 입력한 내용을 또 입력해야 한다 가장 최근에 이용했던 검색어, 입력 값이 사라져 버려, 다시 입력해야 한다 분명 완료화면을 봤다고 생각했는 데, 완료가 아니어서 거래가 종료되지 않았다 거래가 끝난 줄 알았는데, 별도의 정보 입력/확인이 필요하다는 요청이 다시 왔다 예전에 끝난 거래와 관련한 메시지/알림이 와서 별도의 행동을 하라고 요청한다 보안의 염려가 없어 보임에도 동일한 과정을 매번 반복해야 한다 그렇게 중요하지 않은 행동 (입력, 삭제, 수정)에도 재차 확인을 요청한다 이미 앞에서 인증을 거쳤는 데 다시 인증을 요구한다
  • 47. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 47 모바일 UX/UI 7) 불필요한 요청
  • 48. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 48 모바일 UX/UI 8) 행동 제한 상세 정보로의 이동 불가 정보 탐색 시 기능 제한 개인화/커뮤니케이션 기능 제한 제공되는 내용보다 상세한 내용을 보고 싶은데 불가능하다 더 자세한 정보를 물어보려면 현재 서비스 내에서는 불가하다 (콜센터나 별도의 채널로 이동해야 한다) 관련 정보로 이동할 수 있는 링크가 제공되지 않는다 제시된 정보들을 내 기준으로 좁히거나 정렬하고 싶은데 그럴 수 없다 내가 필요한 정보를 찾는 데 적합한 카테고리나 검색 기능이 없기 때문에 일일이 눈으로 확인해 야 한다 원하는 정보만 찾아볼 수 있도록 설정하는 게 불가능하다 관심 정보를 저장, 공유할 수 없다 선호하는 정보 리소스만 등록해서 볼 수 없다 직접 문의를 통해서 실시간으로 정보를 알아보는 게 불가능하다
  • 49. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 49 모바일 UX/UI 8) 행동 제한
  • 50. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 50 모바일 UX/UI 9) 구태의연함 사용자 고충 이해 결여 기존 서비스 틀 고수 최신의 기술/트렌드 미반영 에러나 이용 과정 상의 불편함이 해결되지 않고 있다 보안에 민감한 서비스가 아님에도 불구하고 요구하는 보안 수준이 너무 높다 불편함이나 개선방안을 제시할 창구가 아예 없거나 불충분하다 내 정보가 최신 이력으로 갱신되지 않는다 타 서비스들에 비해서 높은 수수료나 불합리한 이자율을 요구한다 통신, SNS, 공공 서비스, 생활 관련 서비스들과의 연계가 불가능하다 간편한 생체인증이나 절차 간소화가 제공되지 않는다 나의 활동 이력이나 기타 데이터에 기반한 자동화된 서비스를 이용할 수 없다 AI와 관련된 새로운 서비스가 제공되지 않거나, 구색 갖추기에 불과하다
  • 51. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 51 모바일 UX/UI 9) 구태의연함
  • 52. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 52 모바일 UX/UI 10) 동기 부여 실패 관련 없는 정보 나열 투자 동기 부여 실패 기회비용 의심 지나치게 일반적인 정보만 일방적으로 나열되어 있다 내 이용 이력과 상관없이 매번 동일한 서비스와 UI를 제공하고 있다 나와 유사한 사람들이 선호하는 컨텐츠가 무엇인지 제공하지 않는다 내게 이런 저런 요청을 하지만 마음이 끌리지 않는다 이 서비스에 시간과 정보, 돈을 투자할 경우 내가 얻게 될 효익(benefit)이 확실하지 않다 서비스 이용 시 얻게 될 보상이 당장 체감되지 않는다 조만간 이것보다 더 나은 최신 서비스가 등장할 것이다 다른 플랫폼에 이미 많은 정보와 취향을 맞춰 놨는데, 그것을 다 바꾼다는 게 망설여진다 이 서비스가 최선의 선택은 아니라고 생각한다
  • 53. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 53 모바일 UX/UI 10) 동기 부여 실패
  • 54. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 54 모바일 UX/UI 11) 신뢰 결여 개인정보 관리에 대한 의구심 결과에 대한 의심 보안에 대한 의심 동의 절차가 없었음에도 서비스가 어떻게 나를 알고 있는지 의아하다 내 의사와 관계없이 마케팅 용도로 오는 메시지에 화가 난다 이 서비스가 어떻게 나를 알고 있는 지 의심스럽다 최초에 제시된 정보에 훅해서 들어왔는데 결과는 그와 다르게 제시된다 꼭 필요하다고 생각되는 항목을 생략해도 결과가 나타난다 정해진 시간, 장소 내에서만 작동한다 인증/확인이 필요한 시점임에도 절차없이 그냥 넘어간다 비밀번호 체계가 너무 간단하다 보안과 관련된 믿을 수 있는 안내를 제공하지 않고 있다
  • 55. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 55 모바일 UX/UI 11) 신뢰 결여
  • 56. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 56 모바일 UX/UI 12) 기억/학습의 어려움 패턴의 부재 지나친 차별화 기억을 위한 단서 미제공 유사한 테스크임에도 불구하고 이용 패턴이 화면마다 다르다 유사한 정보임에도 불구하고 안내 메시지의 톤앤매너가 많이 다르다 UI 형태가 너무 다양해서 패턴을 파악하기 힘들다 다른 유사 서비스에서의 이용순서와 너무 다르다 다른 유사 서비스에서는 찾아볼 수 없었던 새로운 요청을 한다 새로움만 강조한 나머지 적응하기가 쉽지 않다 일일이 메뉴명이나 아이콘을 들여다봐야 무슨 메뉴인지 알 수 있다 색깔이나 구분선 등에 의해서 컨텐츠를 구분하지 않고 있다 메뉴 위치나 특징이 두드러지지 않아서 나중에 찾아가기 어렵다
  • 57. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 57 모바일 UX/UI 12) 기억/학습의 어려움
  • 58. Copyrights © All rights reserved 조성봉
  • 59. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 59 모바일 UX/UI 13) 실수 유발 실수 예방책 부족 사용자를 산만하게 함 유연성 결여 분명 이 자리에 기능이 있을 것 같은데, 그렇지 않아서 실수를 반복하게 된다 두 버튼의 순서나 색깔이 일반적인 경우와는 반대로 되어 있다 버튼 형태나 레이블들이 유사해 자신도 모르게 엉뚱한 버튼을 누를 때가 있다 봐야 할 정보가 눈에 띄게 두드러지지 않고 묻혀 보인다 정보 디자인이 정보의 내용을 정확하게 전달하지 못해서 오해를 불러일으킨다 중요하지 않은 디자인 요소가 실재보다 중요성이 과장되어 잘못된 판단을 내리게 한다 실수를 쉽게 회복할 수 없고 처음부터 다시 해야 한다 이전에 입력한 항목을 즉시 수정하기 어렵다 아이디/비밀번호 찾기 과정이 지나치게 복잡해서 이용에 어려움이 뒤따른다
  • 60. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 60 모바일 UX/UI 13) 실수 유발
  • 61. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 61 모바일 UX/UI 14) 지나친 노력 요구 무리한 요구 큰 변화 강요 귀찮음 일반적인 기준보다 더 많은 정보 입력을 요구한다 처음부터 많은 정보 입력을 요구한다 이전 플랫폼에서의 정보 이전이 불가능하다 기존의 생활 습관이나 행동 패턴을 변경하기를 요구한다 서비스 외의 제품/서비스 구매나 이용을 강요한다 사용자의 학습 수준, 훈련 정도를 고려하지 않는다 지나치게 자주 알림을 보낸다 매번 사용자에게 서비스로의 진입/연결을 요구한다 상황에 적절한 방식으로 대응하지 않고, 매번 똑같은 노력을 요구한다
  • 62. Copyrights © All rights reserved 조성봉 원칙으로써의 UX 62 모바일 UX/UI 14) 지나친 노력 요구
  • 63. Copyrights © All rights reserved 조성봉 Provide a Valuable Product to the Right Market