2011-11-14 강규영

(1)

사용자 경험 디자인

2011-11-14 강규영

http://twitter.com/alankang [email protected]

Monday, November 14, 11

(2)

“...나는 예비연구자들에게 만약 우리가 한 우물을 파야 한다면 그 우물을 학문의 경계에 파라고 권

하고 싶다.”

--KAIST 정재승 교수님

(3)

강연자:

다음커뮤니케이션 (소프트웨어 개발) 엔씨소프트 (UX 디자인)

넥슨 (데이터 분석) ...

현재 백수

(4)

사용자 경험 디자인?

(5)

(6)

(7)

Whose profession is this? ⁽²⁰⁰⁵⁾

Towards a shared definition of UX ⁽²⁰⁰⁸⁾

(8)

“I invented the term because I thought human interface and usability were too

narrow.”

--Don Norman, 1998

(9)

(10)

(11)

“User experience” encompasses all aspects of the end-user's interaction with the

company, its services, and its products. …⋯

there must be a seamless merging of the services of multiple disciplines, including

engineering, marketing, graphical and industrial design, and interface design.

--Nielsen Norman Group

(12)

“User experience” encompasses all aspects of the end-user's interaction with the

company, its services, and its products. …⋯

there must be a seamless merging of the services of multiple disciplines, including

engineering, marketing, graphical and industrial design, and interface design.

(13)

사용하는 동안의 편리함 +

광고를 처음 봤을 때의 느낌, 사용을 기다리는 기대감,

상점에서의 구매 경험, 디자인의 심미성,

오랜 사용 후의 만족스러운 기억, ...

(14)

“User experience” encompasses all aspects of the end-user's interaction with the

company, its services, and its products. …⋯

there must be a seamless merging of the services of multiple disciplines, including

engineering, marketing, graphical and industrial design, and interface design.

(15)

직군내에서의 최적화가 아니라, 전 직군간 협업을 통한 최적화 (global optimization)

(16)

(17)

요약:

직군간 밀접한 협업을 통해

사용자의 경험 전체를 향상시키는 것을 목적으로 하는 디자인 행위

(18)

“UX 디자인만의 특별한 무엇”은 없다. 다만...

다양한 분야의 지식을 얼마나 적절히 활용하는지, 직군간 얼마나 잘 협업하는지,

디자인의 영역을 얼마나 넓게 바라볼 수 있는지 등이 중요.

(19)

“속도가 너무 느려요.”

(20)

전통적인 디자이너의 역할:

•

그래픽 리소스 크기를 줄여서 로딩 속도 및 메모리 사용량을 줄인다?

•

성능 개선하라고 프로그래머를 갈군다.

(21)

좀 더 폭넓게 바라보면...

(22)

(23)

(24)

(25)

실제 경과 시간

(actual duration)

(26)

생각하는 시간

(mental operation)

(27)

사용자가 인식한 경과 시간 (perceived duration)

(28)

“성능”의 요소:

실제 소요시간(actual duration)

인식된 소요시간(perceived duration) 감내력(tolerance)

(29)

시간은 물리적 실체이나 시간의 인식은 주관적 경험 이며 디자인을 통해 바꿀 수 있다.

(30)

(31)

(32)

위 사례를 약간 다른 관섬에서 보면?

인간+컴퓨터의 병렬작업을 설계(design)하는 것

(33)

(34)

(35)

“These skills are by no means unique to computer programming. ... The

essence ... might best be called procedural epistemology.”

--Structure and Interpretation of Computer Programming

(36)

한편

무엇을 인간에게, 무엇을 컴퓨터에게 시킬 것인가?

(37)

컴퓨터가 잘하는 것은 컴퓨터에게, 인간이 잘하는 것은 인간에게.

(38)

The computer can pre-process vast amounts of information.

The human can do rapid pattern

analysis and flexible decision making.

(39)

(40)

(41)

(42)

(43)

컴퓨터를 잘 활용하려면 컴퓨터를 잘 알아야.

마찬가지로,

인간을 잘 활용하려면 인간을 잘 알아야.

(44)

“Maximize the data-ink ratio.”

--Edward Tufte, Information Visualization Guru

(45)

(46)

하지만 때론 Non-data ink == data ink!?

(47)

(48)

(49)

하지만 우린 아직

1) 인간이 무엇을 잘 하는지,

2) 어떠한 형태로 제공되었을 때 잘 하는지 거의 알지 못한다.

(50)

Demo:

McGurk Effect

(51)

사례: 온라인 채팅 서비스 디자인

(52)

사용자의 행동이 다른 사용자의 경험에 영향을 줌.

좋은 경험을 제공하려면 사용자의 행동을 제어해야.

대부분의 다른 서비스도 마찬가지. 인간은 디자인의 수혜자일 뿐 아니라, 디자인의 대상이자 재료이기도

하다.

(53)

(54)

당면 과제:

1. 남녀 성비가 안맞는다.

2. 남자 중에 변태가 너무 많다.

3. 여자들은 변태를 싫어한다.

4. 여자들이 더 줄어든다.

5. 선량한 남성들이 여성과 대화를 못한다.

결론: 변태만 남는다!?

(55)

과제 1. 변태 잡기

(56)

1) 익명으로

2) 근처에 있는

3) 비슷한 연령대의 이성에게 4) 쪽지를 보낼 수 있다면

상당수의 남성들은 못된 짓을 한다.

(음란한 대화 시도 + 그냥 막 쌍욕)

(57)

전통적인 방식:

금칙어 목록을 만들고 여기에 걸리면

대화를 차단하거나 단어를 ***로 치환한다.

(58)

1. 두 종류의 스팸 필터

(59)

Type 1

False Positive가 낮지만 False Negative가 높은 필터

걸리면 즉시 처벌

(명백한 스팸에 대한 빠른 처벌)

(60)

(61)

Type 2

False Positive가 높지만

False Negative가 낮은 필터 걸리면 조용히 삭제

(피드백이 없거나 매우 늦으므로 학습을 방지)

(62)

2. 유죄추정쪽지와 무죄추정쪽지의 구분

(63)

남자(M)와 여자(F)

(64)

남자가 보내는 첫 쪽지 는 유죄추정

(65)

여자가 보내는 쪽지에 대한 남자의 첫 답장

도 유죄추정

(66)

그 이후에 오가는 대화는 상호동의가 된 것으로 간

주하여 무죄추정

(67)

유죄추정쪽지엔 Type 1+2 필터 모두 적용 무죄추정쪽지엔 필터 적용하지 않음

(68)

3. 사용 패턴에 따른 스팸 점수 집계

스팸 점수가 높아지면 부엉이가 점점 느려진다.

(69)

4. 사용자가 형량을 정할 수 있는 신고기능 이타적 처벌 심리 활용

(altruistic punishment)

(70)

과제 2. 남녀 성비 맞추기

(71)

초기 상황

남 녀

(72)

기대했던 시나리오

남 녀

(73)

실제로 일어난 현상

남 녀

(74)

1. 부엉이 말풍선 추가 여성은 부엉이와 더 잘 교감한다:

• ^{날고 싶어..}

• ^{쪽지 주세요!}

여성 쪽지 5% 증가, 남성은 변화없음.

(일부 성공!)

(75)

2. System Dynamics 적용 (예정)

(76)

(77)

(78)

(79)

(80)

통제할 수 없는 외적 변수가 많더라도 디자인을 통해 시스템이 항상성을 유지하도록 만들 수 있다.

(81)

Demo:

Wolf-Sheep Prediction Agent-based Model

System Dynamics Model

(82)

잠깐 부록으로...

(83)

(84)

마치기 전에.

선한 디자인에 대하여

(85)

Nudge(liberal paternalism)

(86)

데이터분석과 A/B Test

(87)

(88)

Captology

(Computer As a Persuasive Technology)

(89)

(90)

IBM과 나치...?

(91)

(92)

“With great power,

comes great responsibility.”

--영화 ‘스파이더맨’ 중에서.

(93)

2011-11-14 강규영

사용자 경험 디자인