22
/ 24 혁신적인 UI위하여 하지 말아야 7가지 2010. 11. 08 2010 UX Symposium

2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

Embed Size (px)

DESCRIPTION

2010년 11월 8일 UXSymposium 발표자료입니다. 발표와 영상을 함께 보시려면 http://id.kaist.ac.kr/ux2010/ 에서 보시면 됩니다. (전체 다른 발표자도 보실 수 있습니다) - 사용성 평가를 하지마라 - FGI를 하지마라 - Card Sorting을 하지마라 - Market Segment를 만들지마라 - 경쟁자 분석을 하지마라 - 전문가 컬럼이나 연구 논문을 믿지마라 - 하지말란다고 하지 말지 마라

Citation preview

Page 1: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 24

혁신적인 UI를 위하여 하지 말아야 할 7가지

2010. 11. 08

2010 UX Symposium

Page 2: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 242

About• 디지털 제품 & 서비스의 전략 기획, UI 설계, 그래픽 디자인

• 다양하고 체계적인 사용자 관찰, 연구, 모델링 기법에 의한 혁신 제품 설계

• 망한 제품, 곤경에 처한 프로젝트 전문 구원 투수

• PC, Web, Mobile, 디지털 가전, 매뉴얼, 등

• 각종 디자인 상 및 혁신상 수상

• 상시 채용 중이니 많은 지원 바랍니다.

Page 3: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 243

주의 사항• 학술적인 검증이 아니라 현업에서 느끼는 바를 이야기하려는 것임

• 일반적인 UI 원칙/ 방법이 틀렸다라는 주장을 하려는 것이 아님

• UI 원칙은 모순적인 것들로 가득 차 있고, 원리를 모르는 무조건 적용은 해가 될 수 있음

• UI 방법은 다양하고, 엉뚱한 단계의 엉뚱한 적용은 해가 될 수 있음

• 설령 개선에 도움이 된다고 해도 ‘혁신’에 방해가 된다는 것임.

Page 4: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 244

7가지• 사용성 평가를 하지 마라

• FGI를 하지 마라

• Card Sorting을 하지 마라

• Market Segment를 만들지 마라

• 경쟁자 분석을 하지 마라

• 전문가 컬럼이나 연구 논문을 믿지 마라

• 하지말란다고 하지 말지 마라

Page 5: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

1

/ 245

사용성 평가를 하지 마라• 사용성 평가는 1. 현재의 2. 사용성에 대한 3. 평가다.

• 평가는 현재를 기준으로 한다. 문제라고 가정한 문제만 찾는다.

• 발견할 수 있는 문제가 한정되어 있다. (Straub, 2003)

• 주어진 것에 대해 평가된다. 한 두 개의 정리된 행동 질문에만 초점을 맞춰야 성공한다. (Spool, 2005)

• 피험자는 자신의 목표를 향해서가 아니라, 당신을 즐겁게 하기 위해서 수행한다.

• 숫자의 망령과 맞서 싸워라

Page 6: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 246

Contextual Inquiry By InContext

• 정해진 질문 대신, Focus를 갖고 장인-도제 관계로 관찰 및 질문한다.

• 직접적인 관찰이 힘든 경우– Intermittent / Uninterruptable / Extremely long /

Extremely Focused / Internal (Beyer, 1998)

• 다양한 기록 연구(video taping, diary study, trails + retrospective account)를 병행한다.

• 잘 운용하면 혁신의 바탕이 되는 사용자의 생생한 데이터를 매우 쉽게 얻을 수 있다.

• 적은 수를 극복하기 위한 통계자료 병치법

• 성공의 핵심은 좋은 Focus와 면접자의 질문 능력

Page 7: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

2

/ 247

FGI를 하지 마라• FGI는 ‘현재’에 대해 이야기한다.(사람들은 미래를 상상하기 어렵다)

• FGI는 ‘구매’에 관한 것은 쉬워도 ‘사용’에 관한 진실을 얻기는 어렵다.

• 자신의 목표에 준해서 말하는 것이 아니라 당신을 즐겁게 하기 위해 말한다. 주어진 이야기를 한다.

• 애플 혁신의 세 번째 교훈은 FG를 무시했다는 거다. (Economist, 2007)

• 평범한 사람들의 평범한 이야기 (Kelley, 2005)

• ‘소비자의 목소리’라는 망령과 싸워라

Page 8: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 248

Unfocus Group by IDEO

• 대개의 포커스 그룹은 세상에 새로운 것을 내 놓는 데에는 아무런 도움이 되지 않는다.

• 개발 후 ‘확인’ 차원에서 필요할 뿐이다.

• 오히려 극단적인 사람들을 통해서 많은 것을 얻는다.

• 혁신은 극단에서 나온다.

• 전문가 도구를 보통 사람들에게 적용하고, 초보자 도구를 전문가에게 도입하고 이렇게 해서 나온다.

• 비고객을 관찰하라.

• 더 넓은 ‘전략’을 발견하고 그 안에서 조사하라

IDEO Homepage

Page 9: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

3

/ 249

Card Sorting을 하지 마라• Card Sorting은 현재를 소팅한다.

• 핵심은 멘탈 모델을 보기 위함인데, 대부분의 고객들은 (심지어 디자이너 조차도!) 결과를 종합하여 완벽한 답을 얻는 도구로 착각한다.(Ng, 2007)

• 카드 소팅은 주어진 문제에 대해 소팅한다.

• 카드 소팅에서는 자신의 목표를 위해서가 아니라 당신을 즐겁게 하기 위해서 소팅한다. (사용자의 태스크를 반영하지 않는다, Maurer, 2004)

• 소팅할 때의 마음과 사용할 때의 마음이 다르다

Donna Maurer

Page 10: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2410

Affinity Diagram by InContext

• 문제를 분류하기 위해 Post-It을 사용하는 대신

• 아이디어를 생산하기 위해, 귀납적으로 사고하기 위해 Affinity Diagram을 활용하라.

• 조사된 자료를 ‘모델링’ 할 수 있어, 직관을 객관화하고, 소통 도구가 되며, 혁신으로 가는 디딤돌 역할을 함 (5가지 Model들 포함)

• 잠깐 실수하면 ‘분류’가 되어 버림 (엉뚱 사례 많음)

• 소득이, 운영자의 능력과 과정의 활발함에 너무 많이 좌우됨

• 사용자의 소리 뿐만 아니라, 다양한 요구 사항을 함께 사용하며, 고객 참여 도구로 활용

Page 11: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

4

/ 2411

Market Segment를 만들지 마라• Market Segment는 유사한 마케팅 메시지에 응답하는 소비자의 그룹이다.

• 제품을 어떻게 ‘판매’할지 보여주는 것이지 제품을 어떻게 ‘사용’할지와는 크게 관련이 없다.

• 대개 소득, 연령, 성별 등에 따라 달라지며, 평균적인 데이터를 중시한다. UI 혁신의 요소인 Behavior Pattern과는 관련이 없다.

• Convergent Research이다. Market Research와 Focus Group은 Design Tool이 아니다 (South, 2004)

• ‘시장’이라는 망령과 싸워라

Page 12: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2412

Persona by Cooper

• 유사한 Goal과 Behavior Pattern을 갖는 전형적인 인물 창조를 통해 제품 혁신하는 기법

• 1999년 쿠퍼가 소개한 이래 많은 북미 기업이 사용하고 있음 (워낙 유행하다보니 엉터리가 더 많음)

• 조사된 자료를 ‘모델링’ 할 수 있어, 직관을 객관화하고, 소통 도구가 되며, 혁신으로 가는 중간 디딤돌 역할을 함

• Divergent Research, Convergent Model

• 퍼소나를 통한 혁신의 포인트는 인사이트 있는 기초 조사와 혁신적인 Critical Characteristic의 발견, 포지셔닝에 있음

Page 13: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

5

/ 2413

경쟁자 분석을 하지 마라• 경쟁자 분석(Competitive Analysis)은 ‘현재’의 경쟁 구도를 보여준다.

• 우리가 만들려는 것은 추가의 경쟁 제품이 아니라, ‘새로운 경쟁 구도’이다.

• 기능 대조표를 만들지 마라.

• 업계에서 베스트가 되려 하지 말고, 새로운 업계를 만들어라.

• ‘베스트’라는 망령과 맞서 싸워라

Page 14: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2414

Cross Pollinator Research by pxd

• 직접적인 경쟁제품, 간접적인 경쟁 제품 뿐만 아니라 확장된 목표의 제품까지 검토하여 혁신을 유도

• “The Ten Faces of Innovation”에서 용어를 빌려 옴

• 휴대폰 매뉴얼 연구 사례

직접 경쟁 제품:타사의 매뉴얼 들

간접 경쟁 제품:지식인,카탈로그,판매자,친구

확장된 목표의 제품:명품 브로셔,영어교재

Page 15: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

Strategy Canvas by Blue Ocean

• 현재의 ‘기능 대조표’에 의존하지 않고, 각각의 전략적 비교점을 자신만의 전략으로 줄이고, 없애고, 늘리고 , 생성 (ERRC)

1.대안 산업을 관찰하라

2.산업내 전략적 그룹들을 관찰하라

3.구매자 체인을 관찰하라

4.보완적 제품과 서비스 상품을 관찰하라

5.구매자에 대한 상품의 기능적 또는 감성적 매력 요소 관찰

6.시간 흐름을 고찰하라

• 줄이거나 없앤다고 할 때, 보고 받는 임원이 기절하지 않게 하는 법

/ 2415

Page 16: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

6

/ 2416

전문가 컬럼/ 연구 논문을 믿지 마라• 대부분의 전문가 컬럼이나 연구 논문은 ‘현재’에 대한 이야기다.

• 대개 전문가들도 아니다.

• 대개 전문가들도 잘 모른다.

• 대개 전문가들은 한 분야의 전문가이다. 다른 분야의 비전문가라서 전체적인 안목은 더 떨어질 때가 많다.

• 많은 연구 논문의 결과가 뒤집어진다.

• 통계 자료는 대개 만든 사람의 의도가 있고, 보도하는 사람의 무식이 있다.

• ‘미국인 UI 전문가’ 망령과 맞서 싸워라

Page 17: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2417

Menu Research Example

• 메뉴에서 최적의 depth와 width를 찾는 연구들 (Lee and Raymond, 1993)

• Miller’s Magical Number 7 (1956)

• Maximum breadth = 7 (Shneiderman, 1980)

• Maximal breadth for novices, minimal for experts (Norman, 1983)

• Many theoretical researches concluded with 4-9 breadth with complex equations(1968-1986).

• Hick’s Law(1952) re-used (Landauer, 1985)

• Optimum value ranges from 4 to 16 options from empirical studies(1982-1988).

• Of ten empirical studies, most show that breadth less than 16 options is either optimal or very close to optimal

Page 18: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2418

• Broader menus are better

• Question itself is not an essential one.

• Decide considering search task, system response time, user characteristics can affect more

• The “optimal” breadth and depth of a menu system are often among the least important factors in organizing a hierarchy (Lee and Raymond, 1993)

• Web의 등장과 함께 2라운드 시작 (1998-2003) (Straub, 2003)

• roughly 16 (ungrouped) top-level links leading into 2-3 subsequent menus the most efficient, learnable and least error prone

Menu Research Example

Page 19: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

7

/ 2419

하지 말란다고 하지 말지 마라• 남이 해서 실패했다고 나도 실패하지 않는다.

• 실패의 이유는 10000가지이고, 그 중에 밝혀지는 것은 1-2가지다.

• 강력한 도구들은 ‘쉽게 이해가 되지만, 잘 쓰기는 어려운’ 특징을 갖고 있다. (Cooper)

• 도구의 핵심을 파악하고, 적재적소에 창의적으로 사용하는 것이 필요하다.

• 혁신적인 제품은 처음에 정말 이상하게 보일 수 있다.

• 성공을 위한 제반 조건들을 섬세히 검토해 볼 필요가 있다.

Page 20: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2420

그럼 어떻게 해야 하나?• 에 맡겨라

그게 안되면,

• 직관으로 혁신을 이루라.

• 직관이 부족하면, 혁신에 필요한 방법을 직접 만들어라

• 방법을 만들기 힘들면 많은 방법을 미리 알아두라

• 방법을 따라하지 말고 문제를 해결해라

• 문제를 해결하지 말고, 사용자 목표를 만족시켜라

Page 21: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 2421

References• Straub 2003 - http://www.humanfactors.com/downloads/sep03.asp

• Spool 2005 - http://www.uie.com/articles/usability_testing_mistakes/

• Beyer 1998 - “Contextual Design”, p74

• Kelley 2005 – “The Ten Faces of Innovation”, p120

• Economist 2007 - http://www.economist.com/node/9302662?story_id=9302662

• Ng 2007 - http://www.uxmatters.com/MT/archives/000220.php

• Maurer 2004 - http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide

• Cooper 1999 - “The Inmates are running the Asylum”

• Kim 2005 - “Blue Ocean”

• Brechin 2007 – “Reconciling Market Segments and Personas” Cooper.com

• South 2004 – “abstract truth” Aircraft Interiors International, March 2004

• Lee 1993 – Menu Driven Systems (The Encyclopedia of Microsystems)

• Straub 2003_2 - http://www.humanfactors.com/downloads/apr03.asp#susan

Page 22: 2010 UXEYE 혁신적인 UI를 위해 하지말아야할 7가지

/ 24

감사합니다상시 채용 중이니 많은 지원 바랍니다.

22