UX/UI 컨설팅. UX/UI의 기본 정의를 알고 서비스의 인터페이스와 경험 디자인에 대해 스스로 답해 본다.

1. 2강. UX/UI 디자이너의 컨설팅
- UX 분석과 UX 컨셉 중심으로
2021.07.13
(주)앤드시스템 권정은
judy@andsystemlab.com
OLIVESTONE 디자인 전문 회사 실무자와 세미나
/ 31
1

2. / 31
2
서비스, 나의 UX/UI 관점 갖기
- 인터페이스 알기
- 좋은 경험 디자인 알기
UX 분석, UX 컨셉 사례
- TmaxOS
- TmaxO
ffi
ce
Q & A

3. UI, UX를 구분하지 못했다
/ 31
3
• Provider
• UX 전략팀/UX팀
• 마케팅팀 - UX 담당자
• UX 어느 정도 갖고 있다
• A. Provider -> UI를 요
구함
• UI 만드는 일
• UX팀
• UX 전략을 짜는 일
UX 분석, UX 컨셉, UX 가이드
라인
시작 Provider

4. / 31
4
UI UX PC UX
UI, UX를 구분하지 못했다

5. 우리의 상황
/ 31
5

6. 같은 걸 보고 서로 다른 관점
/ 31
6
마르크스주의자
"기차가 얼음을 뚫고 앞으로 전진하는 이야기더군요.”
신화학자가
"아니, 기차가 지구를 순환하면서 1년에 1번씩 제자리로 돌아
오는 이야기지요.”
프로이트주의자
"글쎄요, 이것은 기차가 절정의 순간에 폭발하는 이야기 아닙
니까?"
<설국열차>를 함께 본 뒤
이 영화를 한 문장으로 요약한다면?

7. 같은 걸 보고 서로 다른 관점
/ 31
7
유희열
버전
김동률
버전
이승환
버전
박진영
버전
만약 ‘여자 친구가 배고픈 내용’을
가사를 짓는다면?

8. 실무자도 UX, UI 차이를 잘 설명하지 못한다.
UX, UI는 디지털 세계에서만 통용되는 정의도 아니다.
/ 25
8

9. 1. 인터페이스의 정의를 알고 싶었다
/ 31
9
INTER FACE
INTER NET
INTER NATIONAL

10. 인터페이스의 정의
System System
/ 31
10
Face Face
HCI
HMI
AVN
AVM
Machine
Everyday Things
Auto-Mobile
Robot
AI
Machine
Human
만나
소통
장소/수단

11. UX, UI 관점에 대해
/ 31
11
인터페이스 관점 : 도구 관점 = 시간, 거리, 크기, 속도
중심 = 사용성 = 수치 지표

12. 기계적 접근*의 한계
*기계적 접근이란? 산업혁명 시대 ‘열을 가하고 부수고 고치는’ 원칙에 기반을 둔 접근 방식을 뜻하며 여기에서는 ‘고치는' 접근 방식을 대신해서 사용한 표현이다.
사람이 기계를 어떻게 효과적으로 조작할 수 있을까?
사용성 테스트 후, 개선, 다시 테스트 …
기능 개선, 사용법 개선, 기계적 개선 …
도구로서 기능 상, 사용 상 완벽
/ 31
12
뭔가 아쉽네… 채워지지 않는 이것은 무엇?
계기?

13. 어쩌다, 사용자 경험
“처음 사용자 경험이라는 용어를 만들었던 이유는 휴먼 인터페
이스, 사용성의 범위가 너무 좁다고 생각했었기 때문입니다. 나
는 그 용어가 산업 디자인, 그래픽, 인터페이스, 물리적 인터랙
션, 매뉴얼까지 포함한 시스템과 인간 경험의 모든 측면을 포괄
하길 원했습니다.”
/ 31
13

14. 어쩌다, 사용자 경험
“기존의 UI 개념으로는 설명하기 어려운 것들이
있었기 때문에 의미를 확장해야 할 필요를 느꼈고,
그때 발견한 단어가 ‘경험’이었다.”
- 도널드 노먼 <감성 디자인>
/ 31
14

15. 특정 제품이나 서비스를 사용할 때 사용자가 느끼는
총체적 경험
사용자 경험의 정의
/ 31
15 출처 : 초등 소프트웨어 용어사전

16. 인터페이스 관점 : 도구 관점 = 시간, 거리, 크기, 속도
접근 = 사용성 = 수치 지표
경험 관점 : 사람 시간 - 경험 관점 = 만족도, 호감도 = 느
낌, 감각, 감정의 단어 지표
UX, UI 관점에 대해
/ 31
16

17. 2. 좋은 경험 디자인이 뭔지 알고 싶었다
/ 31
17
현재
당연함
Break
다음
생각 -> 행동
Make
좋은 기획과 같은 말이다.
당연함에 대한 의심과 질문에서 시작한다.
소비자의 관점을 바꿔주는 일이다.

18. 사례. 유니클로
/ 31
18
이전
아저씨 잠바 패션
젊은이가 입는
싼 옷
현재
누구나
입을 수 있는
실용적이고
편안한 의류
캐주얼 의류의 인식을 바꾸다

19. 사례. 인스타그램
/ 31
19
사진 찍기의 인식을 바꾸다
이전
전문가의 전유물
마음먹고 찍는 사
진 + 포토샵
현재
아마추어리즘의
미학
필터 - 원본의 재
편집 - 멋지게
자기표현의 수단
으로

20. 사례. 인스타그램
/ 31
20
사진 찍기의 인식을 바꾸다
이전
전문가의 전유물
마음먹고 찍는 사
진 + 포토샵
현재
아마추어리즘의
미학
필터 - 원본의 재
편집 - 멋지게
자기표현의 수단
으로
UI : 시각 소통 플랫폼
UX : 경험의 공유로 관계를 강화하는 경험 디자
인
UX 컨셉 : 수정과 보완을 놀이처럼 만드는 UX
아이디어 : 필터 고도화, 부메랑, 스토리, … ->
수정 -> 공유

21. 새로운 ‘저축’ 경험, Bank of America (
2
0
0
4
)
고민 : 신규 고객을 창출하는 동시에 기존 고객을 유지할 수 있는 매력적인 상품 기획
관찰 1. 모든 사람이 저축을 더 원하지만 실천할 사람은 소수에 불가하다.
관찰 2. 많은 사람이 동전으로 받은 거스름돈을 저금통이나
작은 단지에 넣는 습관을 보았다.
제안 : 고객들이 물건값을 결제할 때 차액을 고객 통장에 이체하는 서비스
결과 : 총 1,200만 명 신규 고객 유치
/ 31
21

22. 새로운 ‘21세기 교육’ 경험, Steelcase (
2
0
0
5
)
고민 : 고등교육을 즐거운 경험, 대학의 실제 변화를 불러올 교실 공간 개선
관찰 1. 일렬로 앉아 강의를 듣는다. 토론이 쉽지 않다.
관찰 2. 수업 준비는 도서 대여, 열람 대신 컴퓨터를 사용한다.
관찰 3. 소그룹 과제가 대부분. 강의실, 도서관에서 토론이 이뤄진다.
제안 : 제품 컨셉 ‘노드’. 새로운 제품 컨셉 ‘미디어 스케이프’.
결과 : 학생의 적극적인 수업 몰입, 참여, 만족도 97%.
/ 31
22

23. 새로운 ‘의료’ 경험, 제너럴 닥터 (2007)
고민 : 차갑지 않은 병원. 가고 싶은 편안한 공간, 올바른 의료 프로세스의 병원
관찰 1. 기다리는 시간은 길다. 진료는 짧다.
관찰 2. 아이는 겁에 질려 운다. 청진기는 차갑다. 들어야 할 소리를 듣지 못한다.
관찰 3. 진료 기기의 낙후, 의사의 능력 문제가 아니다.
제안 : 커뮤니케이션 활성화 진료 프로세스 체계.
아픈 부위를 고치는 것이 아닌 왜 아픈지를 파악하는 치료.
결과 : 네이버 회사 내 개원. 직원 복리후생 지원.
/ 31
23

24. UX/UI관점에서 분석 탬플릿
/ 31
24
ASIS TOBE
현재 현상(ASIS)의 Keyword로 뽑아내는 능력이 중요.

25. UX/UI관점에서 분석 탬플릿
/ 31
25
ASIS TOBE
현재 현상을 Keyword로 뽑아내는 능력이 중요.
인터페이스 정의
경험 디자인 정의
UX 컨셉
아이디어
위 정의를 덧붙이는 편.

26. 사례. TmaxOS
/ 31
26
정보가 지나치게
집중된 화면 구조
시스템 동선을 따
라가는 메뉴 구조
실용성이 낮은
부 기능
정보는 적절하게
분산한 화면 구조
맥락에 맞게 재배
치된 메뉴 구조
주 기능에
집중
ASIS TOBE

27. 사례. TmaxOS
/ 31
27
정보가 지나치게
집중된 화면 구조
시스템 동선을 따
라가는 메뉴 구조
실용성이 낮은
부 기능
정보는 적절하게
분산한 화면 구조
맥락에 맞게 재배
치된 메뉴 구조
주 기능에
집중
ASIS TOBE
UI : Computer Aided Task, 컴퓨터의 도움받는 작업 공간
UX : 작업 효율을 높이는 경험 디자인
UX 컨셉 : 기본에 충실한 OS UX
아이디어 : 안정적인 화면(공간) 구조와 사용성
멀티태스킹을 위한 ‘워크 스페이스’ 기능
듀얼 모니터 사용을 대비한 기능
즐거운 작업 시간을 돕는 GUI

28. 사례. TmaxO
ffi
ce
/ 31
28
정보가 지나치게
집중된 화면 구조
시스템 동선을 따
라가는 메뉴 구조
실용성이 낮은
부 기능
정보는 적절하게
분산한 화면 구조
맥락에 맞게 재배
치된 메뉴 구조
주 기능에
집중
ASIS TOBE
UI : 문서(공동의 커뮤니케이션 도구) 만드는 방법/공간
UX : 서로의 용어, 정리방식, 방향이 맞춰지는 일의 선순
환과 상승의 경험 디자인
UX 컨셉 : 공동, 개인의 자율성을 확대한 오피스 UX
아이디어 : 문서 관리 기능(이름, 보안, 태그) 쉽게
내가 잘 쓰는 기능과 내 스타일 공간으로 쉽게
집중력을 높이는 편안한 톤의 GUI

29. 2021.07.13
(주)앤드시스템 권정은
judy@andsystemlab.com
OLIVESTONE 디자인 전문 회사 실무자와 세미나
/ 31
29
2강. UX/UI 디자이너의 컨설팅
나만의 UX/UI 관점을 갖는 것
이 시작이다.
끝.

30. Q & A
/ 31
30
우리는 전문가인가?
우리 고객
우리 고객
<
>
UI 상태는 놀랍다
1:1로 만들어 주세요
우리 고객
> 과거
정해진 과제

31. Q & A
/ 31
31
Q. 요구 사항을 넘어설 때.
기준은 계약서다.
Q. 고객이 지정한 UI - 제안하고 싶은 UI 있을 때.
두 개를 준비하는 편. 보고 판단하게 함.
Q. 사용자 리서치가 없는 설계서를 작성할 때 자기개발.
다양한 과제의 사용자를 응용한 뷰포인트 추천.
Q. 자료 - 분석 - 도출 노하우.
기획이란 - 부자연 - 목적 - 의지 - 스토리텔링 - 팩트 기반 이끌어가
는 일.
자료(데스크/필드) 모으고 - 뭉치고 - 뽑고
& 사실 - 분석 구분 훈련 바탕.