UX디자이너가 되고 싶은 분들에게 이 세계가 어떻게 변해왔고 어떤 문제가 있고 그것을 어떻게 바라보고 어떻게 준비해야할까?에 대한 단초를 제공하고 싶습니다.

1. UX 디자이너
실력으로 살아 남기

2. HASANGBOM
/sangbom.ha

3. 오늘의 발표에 앞서A
1. 서론
• 먼저 와주셔서 감사합니다.
• 이 자료는 완전 기본 중에 기본입니다.
• 실제로 UX전문가가 되기 위해서는 많은 지식과 능력이 필요합니다.
• 본 발표의 내용은 회사와 전혀 상관 없습니다.
• 장담컨데 그 누구도 이렇게 솔직하게 말하지 않습니다. ㅋ
• 발표 시간은 약 1시간 반에서 2시간 정도입니다.
• 중간, 중간에 질문하고 싶으면 편하게 해주세요.
• 집에 가시는 길에 ABCD 이벤트에 가감없는 F/B 부탁드립니다.
추후 발표 자료에 질을 높이는데 사용됩니다.

4. • 과학자의 눈으로
• 엔지니어의 손으로
• 예술가의 마음으로
바라본
UX 디자이너의 길
주의) 개인의 생각이므로 이견이 있을 수 있습니다.
오늘의 발표에 앞서A
2. 발표 관점

5. 오늘의 발표에 앞서A
3. 발표 동기
발표 해볼래요?

6. 오늘의 발표에 앞서A
3. 발표 동기
0

7. 오늘의 발표에 앞서A
• UX 분야에 대한 실상을 적나라하게 공개
• 타인의 실수를 공유함으로써 후배들에게 지름길을 인도
• 프로가 되기 전에 개인별 작전을 짤 수 있는 정보 공유
4. 발표 목적

8. 오늘의 발표에 앞서A
5. 발표 위치
UX 첫걸음
UX의 흑역사
UX/UI 개론
사용자 조사
실험 설계/분석
프로토타이핑
프로젝트관리
컨셉 빌딩
우리가 꼭 알아야하는 것들, 참 많습니다.

9. 오늘의 발표에 앞서A
6. 발표 목차
B. UX 디자인 왜 위기인가?
1. UX 디자인 방법론 ALL 무용론
2. 디자인의 대상
UX 디자인 대상이 애매한 이유 #1
UX 디자인 대상이 애매한 이유 #2
UX 디자인 대상이 애매한 이유 #3
3. 디자이너 역량
4. 만성적인 외세 침입
C. 위기일때 필요한 것들?
1. Domain에 대해서
2. Tool에 대해서
실수하기 좋은 사례 #1
실수하기 좋은 사례 #2
3. Mind에 대해서
4. 세줄 요약
5. Future work
B’ . 실제 분석 사례 공유 발표장에서만 공유

10. UX 디자인 왜 위기인가?B

11. UX 디자인 왜 위기인가?B
A: 이번에는 기존에 없던 응가 UX에 대해 찾아보자.
B: 그럼 지금 시중에 나와 있는 모든 응가 관련 제품을
다 사서 한 번 벤치마킹을 해보겠습니다.
쾌변 전문가 인터뷰를 진행해서 현황 파악을 하고
일반인 대상으로도 설문 조사를 진행하겠습니다.
A: 알겠어. 그럼 동시에 어떻게 UX를 구현할지 진행해봐
B: 네. 시나리오 베이스로 해서 씬을 그려볼려고 합니다.
사례. 실화 같은 소설

12. UX 디자인 왜 위기인가?B
A: 기존에 없던 UX 찾아보자.
B: 벤치마킹을 보겠…
전문가 인터뷰를…
현황 파악을 하고…
일반인 대상 설문 조사…
A: 동시에 어떻게 UX를 만들건지…
B: 시나리오 베이스로 씬을 그려볼려고…
사례. 실화 같은 소설 : 속마음 번역
나 지금 새로운 게 몹시 급해.
하던데로 할게
유명한 교수 하나 세우고
남들 하는거 찾아본 다음
트집 잡힐 거 없앨게
광 확실히 팔자
일단 그려볼게 걱정마

13. 결국 회사도 망하고
개인도 왕창 세일

14. UX 디자인 왜 위기인가?B
1. UX 디자인 방법론 ALL 무용론
페르소나 Journey map 스케치 플로우 Lean UX
Ethnography Eye tracking IDI/FGI/Gang SD법

15. UX 디자인 왜 위기인가?B
1. UX 디자인 방법론 ALL 무용론
혁신 또는 UX 하면 어김없이 나오는 회사들,
질문1. 이 회사 제품들, 디자인 방법론으로 만들어 졌을까 ?

16. UX 디자인 왜 위기인가?B
1. UX 디자인 방법론 ALL 무용론
질문2. UX 디자인만 방법론 타령인 이유가 뭘까?

17. UX 디자인 왜 위기인가?B
1. UX 디자인 방법론 ALL 무용론
우리가 알고 있는 방법론들로 우리가 아는 혁신 사례를 만들어 본 적이 없다.
Ethnography Eye tracking
IDI/FGI/Gang SD법
페르소나 Journey map
스케치 플로우 Lean UX
누구 맘대로 미리 고객을 정해?
네가 그린데로 될거 같아?
그림 그리면 뭐가 달라지는데?
서울대 합격자 평균 수면시간이 3시간이면
일단 3시간씩만 자면 서울대 갈수있냐?
이쁘게 보여 주긴 좋지?
넌 아름답다와 예쁘다를
우열을 가릴 수 있냐?
그냥 찍으면 다 되는 줄 알지?애초에 관심 좀 가지지 그래?
세그먼트 통제는 할 줄 아니?

18. 지금 우리에게 필요한 건 뭐?

19. 본질

20. UX 디자인 왜 위기인가?B
2. 디자인의 대상
패션 디자이너건축 디자이너자동차 디자이너
웹 디자이너 게임 디자이너
UX 디자이너
?

21. UX 디자인 왜 위기인가?B
이쯤에서 나올 법한 말이,
“UX 업무를 정의할 수 없다.”
혹은,
“정의할 수 있을지 없을지 모른다.”

22. 그럼 그런 걸 대학에서
가르친다고?
정할 수도 없는 걸?
뭔지도 모르고?
ㅋㅋㅋㅋㅋㅋ ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋ
ㅋㅋ
ㅋㅋ 그런 걸 대학에서
가르친다고?

23. UX 디자인 왜 위기인가?B
그렇게 말하는 순간, UX는 아무것도 아닌게 되는 것
자. 그럼 문제를 하나씩 풀어나가 봅시다.

24. UX 디자인 왜 위기인가?B
UX 디자인 대상이 애매한 이유 #1: D.Norman의 저주
by D. Norman, 1990년대 중반
User Experience (UX) involves a person's behaviors, attitudes, and emotions about using
a particular product, system or service. (제품을 사용하면서 느끼는 총체적 경험)

25. UX 디자인 왜 위기인가?B
UX 디자인 대상이 애매한 이유 #1: D.Norman의 저주
by D. Norman, 1990년대 중반
User Experience (UX) involves a person's behaviors, attitudes, and emotions about using
a particular product, system or service. (제품을 사용하면서 느끼는 총체적 경험)
behaviors
attitudes
emotions
product
system
service When
Who
What
Why
How
Where
X N명

26. 장난해?
저 많은 경우를?
ㅋㅋㅋㅋㅋㅋ ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋ
ㅋㅋ
ㅋㅋ
혼자 다 해먹겠다고?

28. 장난해?
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋ
ㅋㅋ
ㅋㅋ
뭐? 일부만 하겠다고?
그럼 예전이랑 뭐가 달라

29. D.Norman saids,

30. UX 디자인 왜 위기인가?B
UX 디자인 대상이 애매한 이유 #2. 간담상조
자동차 디자이너사용자
UX 디자인이 없던 시절
UX 디자이너
자동차 디자이너
사용자
요즘, UX 디자인의 중요성이 강조되는 시절

31. UX 디자인 왜 위기인가?B
UX 디자인 대상이 애매한 이유 #3. 일체유심조
UX 디자인: 다 하겠다는 거야? 안 하겠다는 거야?
UX
Design
Target
Product
Experience
일반
Design
일반 디자인: 내가 디자인하는 제품/서비스는 내가 먹고 죽을게
Target
Product
Experience

32. UX 디자인 왜 위기인가?B
결국 일종의 분업화가 일어났을 뿐입니다.
다만 특별한 분야로 스스로를 한정 짓지 않고
“사용자 경험”이라는 만능키와 같은 “말”로
있어보이는 분야에서만 자리를 만들었죠.

33. UX 디자인 왜 위기인가?B
2. 디자인의 대상 : UX 디자인
일단 맨날 하던 거, 그러니까 UI에 뿌리를 내리지만 일단 범위는 다하는 걸로
behavior
attitude
emotion
product
system
service
GUI
PUINUI
AUI

34. UX 디자인 왜 위기인가?B
A: UX 디자인 방법론만 많은 이유
핵노답
개답

35. UX 디자인 왜 위기인가?B
3. 디자이너 역량
차를 만든다 집을 만든다 옷을 만든다
자동차 디자이너 건축 디자이너 의상 디자이너

36. UX 디자인 왜 위기인가?B
3. 디자이너 역량
UX 디자이너
아이디어? 문서 작업? 와이어프레임? 발표?

37. UX 디자인 왜 위기인가?B
3. 디자이너 역량
UX 디자이너
아이디어? 문서 작업? 와이어프레임? 발표?
이런 건 다른 분야 디자이너도 다 하는 일이죠.
원래 태생 자체가 모호해서 어떤 역할을 가질 수 없었습니다.
그러다 보니 어디든 이용될 수 있는 형태의 결과물로 수렴했고
결국 스스로가 진입장벽을 낮추는 실수를 저질렀어요.

38. B’ . 실제 분석 사례 공유B’

39. UX 디자인 왜 위기인가?B
4. 만성적인 외세 침입
낮은 진입 장벽으로 인해 우후죽순처럼 UX디자인으로 유입되는 인력들
시장조사전문가/기획자/SW공학/컨설턴트/설문조사업체/전문PM/산업공학/사장님
니들이 뭐라고
니들만 UX하냐?
나도 PPT 잘해
난 자바도 한다

40. UX 디자인 왜 위기인가?B
요즘엔 UX디자이너 뽑을 때 뭐 개발할 줄 아냐고 묻습니다. 아..아예 잘 안뽑죠.
1. UX 디자인
중요해지는 분위기
2. 큰 회사들은
결과물이 급해
3-1. UX 디자이너
대거 투입
3-2. 사이비들 출몰
UX에 대한 안좋은 학습
내놔!!
UX 업계 흐름 : 비 온 뒤 흐림, 장마 전선
5-1. 회사 내
입지가 모호
5-2. UX 에이전시
망해감
4. UX 디자이너
특별한 능력 X 증명

41. UX 디자인 왜 위기인가?B
성공적인 UX는 이런 분들이 만듭니다. UX 세상을 빠르게 잠식 중

42. UX 디자인 왜 위기인가?B
소프트웨어/하드웨어 모두 낄 자리가 없어 보인다.

43. UX 디자인 왜 위기인가?B
망했다 망했다 망했다

44. intermission

45. 위기일 때 필요한 것들?C
우린 분명히 망해갑니다. 그래서 선택해야 합니다.
단기적 목표 장기적 목표
생 존
체질개선
결과물

46. 위기일 때 필요한 것들?C
“내가 나를 귀하게 만들어야겠다는 자존심이 있어야 한다.
나는 예술가다. 나는 배우다.
남이 날 알아주기 전에 내가 날 그렇게 만들어야 한다.”
배우 최민식

47. 위기일 때 필요한 것들?C
Domain Tool Mind
DTM, 세 가지 준비물이 우리를 반격의 서막이다.

48. 위기일 때 필요한 것들?C
구글 시니어 UX 디자이너 - 미할 레빈
일관성 있는 설계를 주문,
언제 어디서나 어떤 기기를 통해서도
같은 데이터에 접근할 수 있게 하는 건 기본,
디바이스 간에 상호관계를 생각해야 함
이번 '롤리팝' 업그레이드로…(중략)…
가장 두드러진 특징은 UX 디자인의 변화이다. 갤럭시 노트4의
감각적인 UX 디자인에 최신 안드로이드 OS 디자인을 접목해
화면 바탕 색상이 검정색에서 흰색으로 바뀌었으며,
보다 단순하면서도 생동감 있는 UX를 제공한다.
LG전자는 …(중략)… 카메라 UX는
화면의 어떤 부분이든 터치만 하면 초점을 잡고 동시에 촬영까지
해주는 ‘터치앤슛’ , 셀카 촬영 시 손바닥을 펼쳤다가 주먹을 쥐면
3초 후 자동으로 촬영되는 ‘제스처 샷’, 촬영 시 시야를 방해하는
설정 메뉴를 없앨 수 있는 ‘클린뷰’가 대표적이다.
ZDnet Korea 기사
1. Domain에 대해서

49. 위기일 때 필요한 것들?C
“저는 UX 디자인하는 사람입니다.”
= 저는 직장인입니다
= 저는 남자입니다
= 저는 잘 살고 있습니다
1. Domain에 대해서
하고 싶은 일을 하는 것은 개인의 자유
시장에서 살아남기 위해서는, 즉 프로가 살기 위해서는 잘 하는 것이 필요하다

50. 위기일 때 필요한 것들?C
UX Design
Design for UX
( X )
( O )
UX 디자인을 하는 것은 UX라는 것 중요한 게 아니라
사용자 경험을 극대화하기 위해 어떤 디자인을 하는가가 핵심
그간 많은 사기꾼들이 UX Design이 새로운 것처럼 포장했죠.
1. Domain에 대해서

51. 위기일 때 필요한 것들?C
1. Domain에 대해서
Mobile
Car
Health
Ads
제품/서비스
Graphic
Gesture
Process
CMF
내 결과물
Designer
Scientist
Marketer
Consultant
내 역할
for UX
목적
구체적으로 내가 하는 일이 어떤 사용자 경험을 어떻게 올리는데 어떤 기여를 하는지 스스로 명확히 정의해야 합니다.
그렇지 않으면 내가 하는 일이 무엇이며 내가 누구인지 잊어버리게 됩니다.
ex)

52. 내가 어떤 능력을 가지고 있고
어떤 분야에서 성장할 것이며
어떤 능력을 더 키워야 하는가
지금의 나와 미래의 나를 정의합시다

53. 위기일 때 필요한 것들?C
물론 도구가 필요 없는 분들도 있습니다.
돈이 많거나 똑똑하거나 아이디어 넘치거나 이미 사장님
2. Tool에 대해서

54. 위기일 때 필요한 것들?C
UX 디자인에서 일반적으로 많이 쓰이는 도구 분류들
프로토타이핑
하드웨어
모바일
웹
전문 툴
• 전문 프로토타이핑 툴만 사용할 것인가?
• 실제 동작하는 프로토타이핑을 할 것인가?
실험/분석
인지 심리학
물리학
통계학
신경 과학
• 실험을 전문으로 할 것인가?
• 분석을 전문으로 할 것인가?
ART
• Aesthetics 전문가가
될 것인가?
2. Tool에 대해서
…
…

55. 위기일 때 필요한 것들?C
여기는 ABCD니까 잘 모르지만 코딩 쪽으로 이야기를 해보면,
프로토타이핑
하드웨어
모바일
웹
전문 툴
• 전문 프로토타이핑 툴을 배울 정도면
그냥 실제 구현 가능한 도구를 추천
실험/분석
인지 심리학
물리학
통계학
신경 과학
• 이쪽은 진입 장벽이 너무 높음
• 효율적인 UX 디자인 방법은 아님
ART
• 매우 중요한 고유 영역
• 한국에서 평가절하받는 부분
2. Tool에 대해서

56. 위기일 때 필요한 것들?C
프로그램 배우려 하면 처음 찾는 것 책 보고 30분 뒤 우리의 얼굴
2. Tool에 대해서

57. 위기일 때 필요한 것들?C
2. Tool에 대해서
제 생각에 프로그램 배우는 방법은 크게 두 가지
문법
공부
구조
이해
실전
응용
1) 정석
느리다.
목표가 안보인다
갈수록 안정된다
샘플 코드
탐색
멋대로
이해
멋대로
응용
2) 야매
실전
투입
N번 반복
빠르다
목표가 보인다
갈수록 빡쎄다

58. 위기일 때 필요한 것들?C
2. Tool에 대해서
여러 사람 앞에서 창피하지만 야매로 어떻게 배워가는지 봅시다.
저는 웹을 몰라서 뭘 보여 드려야 할지 막막합니다. ㅜㅜ
1. HTML 기본 코드를 주어옵니다. 2. 동작 되는 걸 이해해봅니다.
조금씩 바꿔서 몇 번 실행해보면,
“body 뒤에 들어 간 게 출력 되는 구나”
근데 <h1>, <p>는 뭘까? 크기 같은데…
3. <h1>, <p>를 검색해봅니다.

59. 위기일 때 필요한 것들?C
2. Tool에 대해서
야매의 좋은 점은 내가 원하는 기능을 구현해나가면서 배우는 것입니다.
따라서 초심자가 조금 더 끈기를 가지고 진행할 여지가 큽니다.
4. 좀 더 복잡한 코드를 주어왔습니다. 5. 이러저리 바꾸면서
동작 되는 걸 이해해봅니다.
6. 더 복잡한 코드를 주어옵니다.
이렇게 div도 점령해나갑니다.
아…화면에 나오는 애들의 속성을
<Style> 태그 안에서 바꿔주는구나.

60. 위기일 때 필요한 것들?C
2. Tool에 대해서
지루한 길이지만 이런 식으로 점점 코드를 늘려 갑니다.
상세 순서는 달라 질 수 있지만, 대충 스킬트리는 레이아웃 잡으면서 JS로 동작을 배우고 백엔드로 넘어갑니다.
HTML
<tag>
CSS Javascript
Lay out
AWS
GAE
Python
Backend
Design
Working
node.js
Angular.Js…
Complete

61. 위기일 때 필요한 것들?C
2. Tool에 대해서
분명히 막힐 때가 옵니다. 그 때 찾아야 하는 것들
이 웹사이트는 컴퓨터 프로그래밍의 다양한 주제에 대한 질문과 답변의 기능을 한다.
2013년 6월 기준으로 스택 오버플로는 1,700,000 명 이상의 등록 사용자와
5,000,000개 이상의 질문들이 있다. - 위키
의외로 네이버 카페가 괜찮은 구석이 있다.
일단 무언가 코딩하기 시작하면 관련 카페는 모두 가입하고 등업을 받아놓는다.
한국어 자료이고 실시간으로 질문과 답변 확인이 가능하다는 큰 장점이 있다.
시간에 여유가 있다면 유튜브를 추천한다.
하지만 자료의 양이 어마어마하고 일단 동영상으로 따라가면서 배울 수 있어서 좋다.
해외 자료들이 좋은 것이 참 많다.
착하다. 답변도 잘 해준다. 대신 바쁘다.

62. 위기일 때 필요한 것들?C
위기일수록 내 편이 많으면 좋습니다. 특히, 개발자…
경험 상, 두 집단은 이야기가 잘 안됩니다. 생각하는 방식이 다르기 때문에,
• 제일 많이 아는 사람의 말을 존중해라
• 자신의 실수를 쿨하게 인정해라
• 능력으로 서열이 이루어진다고 생각해라
• 처음 말한 사람을 대화 주제의 주인으로 인정해라
DO DON’T
• 타인의 생각을 자신의 생각처럼 이야기하지 마라
• 논리/이성적으로 어설프게 설득하려 하지 마라
• 돈과 같은 보상으로 동기 부여 하려 하지 마라
• 불공정하다는 생각이 들게 하지 마라
3. Mind에 대해서

63. 위기일 때 필요한 것들?C
실수하기 좋은 사례 #1
“교수인 나도 UX에 대한 가설이 있고
학생도 있고 팀장도 있고 팀원도 있고
모두 각자의 가설을 가지고 있다”
어떤 세미나에서
서울 소재 모대학교수의 말
3. Mind에 대해서

64. “사람들은 모두 자신만의 생각을 가지고 있다”
위기일 때 필요한 것들?C
연구에서 가설이라는 단어는 보통 “자신의 생각”이라는 뜻과는 구별해서 사용한다.
가설이란 과학적 관찰을 통해 얻어진 지식으로부터 유추한 사실을 말한다.
실수하기 좋은 사례 #1
3. Mind에 대해서

65. 위기일 때 필요한 것들?C
“이공계에서 전문 지식을 배우듯이 우리는 디자인 씽킹을 배운다.
디자인 씽킹이란, 사람들 행동과 니즈에 대한 관찰을 기반으로
직관적인 사고와 분석적인 사고가 결합된 문제해결방식”
어떤 세미나에서
서울 소재 모대학교수의 말
실수하기 좋은 사례 #2
3. Mind에 대해서

66. 위기일 때 필요한 것들?C
“이공계와 달리 우리는 논리적으로
설명할 수 없는 감각을 키우는 연습을 한다.”
“직관적인 사고와 분석적인 사고가 결합된 문제해결방식”이란 말 자체가 이 주장이 아무 의미없다는 것을 반증한다.
직관적인 사고와 분석적인 사고에 대해서는 다른 분야에서 더 깊은 연구가 이루어지고 있다.
정확한 의미 번역은 아니겠지만 아래와 같은 말이 더 솔직하고 자신의 영역이 분명해 보이지 않는가?
실수하기 좋은 사례 #2
3. Mind에 대해서

67. 위기일 때 필요한 것들?C
3. Mind에 대해서
“변인 통제, 통계 분석, 대조군, 실험 설계 등등”과 같은 전문적인 냄새가 나는 용어는 언제나 조심히 씁시다.
“미생, 장그래처럼
표현은 담백하고 거짓없이”

68. 위기일 때 필요한 것들?C
4. 세 줄 요약
• Domain
• Tool
• Mind
: 자신이 잘하는 분야가 분명하다
: 결과를 낼 수 있는 확실한 도구를 가지고 있다
: 타 분야를 이해할 수 있다

69. 위기일 때 필요한 것들?C
5. Future work
1 52’
UX 첫걸음
UX의 흑역사
UX/UI 개론
4
사용자 조사
실험 설계/분석
프로토타이핑
3
프로젝트관리
2
컨셉 빌딩
각자 자신이 잘 하는 부분에서부터 미래를 그려 봅시다.

70. 맺음말

71. 제가 말씀드린 세 가지는 기본입니다

72. 세 가지와 별개로,
디자이너는 결과물로 평가받습니다

73. 많은 자칭/타칭 UX 전문가들이
회사에서 성과 인정 받고 승진하기 위해
개인 성과를 쌓아서 교수가 되기 위해
또는 고객의 눈 먼 돈을 꿀꺽하기 위해

74. 말도 안되는 리서치를 남발하고
수준 떨어지는 논문을 생산하고
자화자찬식의 성과를 내놓습니다

75. 근데 UX 디자인 결과물의 평가는 누가할까요?

76. 논문 리뷰어?
지도 교수님?
아니면 회사 창업주 일가?
관리자인 직장 상사?

77. 사용자 가치는 0점이고
정치적 이유만 있는 쓰레기는
UX 디자인 결과물이라고 부를 수 없습니다

78. 사용자 없는 UX 디자인은
존재할 수 없기 때문입니다

79. 우리를 둘러싼 환경 변수때문에
어쩔 수 없었다고 변명하면서
그렇게 쓰레기만 만들다보면,

80. 어느 순간, 자신이 더 이상
UX 디자이너가 아님을 깨닫게 됩니다

81. 그 때 즈음, 당신이
회사에서 더이상 살아남을 수 없거나
원하는 교수직을 얻지 못했다면,
어떤 미래가 기다리고 있을까요?

82. 이룰 수 없는 꿈을 꾸고
이루어질 수 없는 사랑을 하고
이길 수 없는 적과 싸움을 하고
견딜 수 없는 고통을 견디며
잡을 수 없는 저 하늘의 별을 잡자
- 돈키호테

83. HASANGBOM
/sangbom.ha