버번홀릭 Web2009. 6. 5. 16:06

사용자 삽입 이미지

* 우리 회사에 UX를 전파하기 위해 필요한 것들
* 우리 회사에 UX를 정착시키는 방법? / 온라인 토론

얼마전 UXFactory에 올라왔던 사내 UX 전파 및 정착 방법에 대한 글들 입니다. UX의 정확한 개념조차 설명하기도 힘든 상태에서 어떤 방법으로 효율적인 UX 전파와 정착을 시킬 수 있을까? 이런 고민을 하시는 UX Evangelist를 꿈꾸는 분들에게 많은 도움이 될 좋은 글이니 보지 못하신 분들은 꼭 한번 읽어 보시기 바랍니다. 위의 두가지 글과 함께 빈약하지만 제가 몸담고 있는 회사에 UX 중요성 전파 및 정착하기를 시작한 방법을 공유하려 합니다.

회사마다 또는 그룹마다의 상황과 환경이 다를 수도 있지만 시작하는 방법으로는 크게 다를 것 같지 않아 미천한 비법(?)이지만 사내 직원에게 UX의 중요성 전파와 사내 그룹으로 정착하기까지 진행되었던 과정을 순서대로 말씀 드려보겠습니다.

첫번째 '지원군을 모집하자'
혼자 아무리 소리를 질러봐야 되돌아오는 것은 자신의 메아리일 뿐일 때가 많습니다. 간혹 "시끄러워!!", "조용이해"라는 메아리도 돌아올 수 있죠. 하지만 지원군이 있다면 상황은 달라지기 시작합니다. '3의 법칙'을 활용해보세요. 3명 이상이 한 목소리를 내기 시작하면 관심 갖는 사람이 생기기 시작합니다. UX에 관심이 있거나 공부하고자 하는 지원군을 모아보세요. 많이도 필요 없습니다. 3명 이상이면 됩니다. 세스고딘이 '보라빛 소가 온다'에서 말했죠. '얼리아답터를 공략하라'

두번째 '지원군과 공통의 관심사를 찾자'
지원군을 모집했다면 공통으로 사용할 수 있는 무기를 만들어야 합니다. 지원군과 같이 UX 기초 다지기부터 시작하시기 바랍니다. 그리고 공통의 관심사로 확장시켜 나가보세요. 워낙 광범위한 분야라 기초가 튼튼해야 튼튼한 집을 지을 수 있고 공통의 관심사가 많을 수록 파고드는 재미를 느낄 수 있기 때문입니다. 관련 세미나, 학회, 관련 블로그의 좋은 내용을 공유하고 함께 이야기 해보세요.

세번째 '적극적으로 사내에 전파하자'
지원군과 생각을 공유하고 공통의 관심사가 많아졌다면 그 생각을 적극적으로 사내 직원들에게 전파하세요. 우선 관심이 있는 사내 직원을 모집해 PT를 하면 3명 중 1명은 관심을 갖기 시작합니다. 저는 얼마전 진행되었던 UX Forum 2009 [게임 서비스의 사용성과 오락성] 세미나에 발표된 자료를 다시 만들어 PT를 진행했습니다. 처음은 소수의 관심 직원을 대상으로 PT를 진행했지만첫 PT 이후 적극적인 홍보로 3개의 개발팀 전원에게 PT를 했습니다. 전문가 분들이 발표한 PT라 그런지 많은 분들이 UX에 대한 중요성을 인식하기 시작했습니다. 그리고 PT 이후 많은 개발자와 디자이너들이 뜻을 함께하자고 했습니다. 

네번째 '팀이 아니어도 좋다. 그룹을 만들자'
관심을 갖고 뜻을 함께하자고 한 추가 지원군의 수가 스터디를 하기에 적정 인원이 되어 UX 스터디 그룹을 만들어 인트라넷에 스터디 그룹의 탄생을 공지했습니다. 팀이 만들어지지 않아도 공식적인 스터디 그룹이 생겼다는 이유로 많은 힘을 얻기 시작했습니다. 아직까지 실체는 없지만 중요성을 사내 전체에 전파하기 시작한 계기가 되었죠. 그렇게 다음 프로젝트 부터는 스터디 그룹과 함께 사용자 경험성 개선이라는 업무가 떨어졌습니다. 그렇게 제가 몸 담고 있는 회사에 UX가 정착되기 시작했고 계속해서 몸집도 불려나가고 있습니다.

누군가는 '업무와 관련없는 사람들까지 포함되 보기 좋지 않다.'라고 하는데 UX 개선 업무는 어느 특정 부서 또는 특정 직무에 한정되어있는 일이 아닌 전사 업무라는 시각으로 바라봐야 합니다. 작게는 팀내 공통 문서의 효율적인 개선부터 시작해 프로젝트의 핵심적인 경험성 개선까지 UX가 미치지 않는 곳이 없기 때문이죠.

시작하기는 어렵습니다. 하지만 시작하기가 어려워 그렇지 일단 스타트를 끊게되면 빠른 속도로 달려나갈 수 있습니다. UX 전파와 정착에 고민하시는 분들. 고민은 그만하시고 시작해보세요.



Posted by 버번홀릭

댓글을 달아 주세요

사용자 삽입 이미지


오래간만에 독후감 올려봅니다. 그동안 올렸던 것들도 독후감이라 하기엔 뭐한 글이었지만
그래도 오래간만에 간략하게나마 올려봅니다.

이번에 올라가는 책은 '사용자 경험에 미쳐라!'입니다. 어뎁티브 패스에서 UX 분야의 핵심 전문가 4명이
공동 집필한 내용이라 전문가 한 사람의 견해보다는 조금이라도 더 객관적인 견해이지 않을까 싶습니다.

어뎁티브 패스의 UX 전문가 4명이 말하는 이 책의 주요 맥락은 이렇습니다.
고객의 곁에서 고객의 경험을 공감하고 고객의 니즈를 찾아 수많은 아이디어를 효율적으로 운영해
재빨리 프로토타입을 만들어 좋지 않은 것은 빠르게 제거해 결과물을 만든다면 고객의 니즈에
부합하는 서비스를 제공할 수 있다.

약 200 페이지에 이르는 내용을 단 2줄로 함축시켜 자세한 내용은 알 수 없지만 이 책의 핵심 내용이라고 보시면 됩니다.
더 좋은 경험 디자인을 하기 위해 무엇을 해야하는지 단서를 던저주는 내용인 것 같습니다.
물론 직접 읽어보시는 것이 더욱 좋겠지요. ㅎㅎ
아직 읽어보지 않으신 분께 조금이라도 책의 내용을 전달해드리고자 읽으면서 인상깊었던 내용 몇 줄 올려보겠습니다.

* Walking Dog Syndrome
뒷 발로 일어서면 강아지는 서투르게 걸을 수 있을 뿐이지만 우리는 강아지가 그렇게 걸을 수 있다는 사실에 매료된다.


* 영국 디자인 협회 (UK Design Council)
경험 디자인은 사람과 브랜드가 연결되는 순간과 바로 그 순간에 생겨난 기억에 집중한다.


* 소비자와의 공감을 찾는 것이 중요한 이유
공감을 찾는 것은 그냥 겉으로 드러난 행동을 관찰하는 것과는 달리 그러한 행동을 하게 만드는 메커니즘을
파악할 수 있도록 해준다.


* 고객에 대한 공감의 표현은 인간중심의 디자인을 뜻한다.


* 과거에는 Task에만 집중하여 디자인을 했지만 이제는 사람들의 행동을 잘 지원하도록 디자인을 하고 있다.
전체적인 사용자 경험의 틀을 잡기위해서 행동의 기반에 깔려있는 동기를 이해해야 한다. 사람들을 특정한 상황에서
특정한 행동을 하도록 만드는 기본적인 동기를 이해하는 것이다.


* 애플의 천재성은 뛰어난 디자인이나 인터페이스를 만드는 것이 아니라 이러한 목표를 성취하기 위해서 미디어 소비자를
지원하는 전체적인 시스템을 계획한데에 있다.


* 강력한 경험 전략은 무억을 해야할지가 아니라 무억을 하지 말아야 할지를 알려준다.


* 진정으로 성공한 경험디자인 전략은 모든 것이 계획된대로 운영된 상황에서 얼마나 잘 동작하느냐가 아니라 계획에서
틀어지기 시작한 상황에서도 얼마나 잘 동작하느냐에 달려있다.


*훌륭한 프로세스에는 정밀함, 일관성, 반복성이 필요하지만, 뛰어난 혁신에는 변화, 실패, 우연히 발견하는 능력이 필요하다.


* HP 디자인 연구 소장 - 샘 루첸테 [Sam Lucente]
아이디어는 전략, 제휴, 진단 그리고 깊이있는 고객 이해에 이르기까지 모든 것을 고려해야 한다.
이렇게 관련된 내용들을 포함하여 온전히 만들어진 아이디어만이 다른 사람의 동감을 이끌어 낼 수 읶다.


* 불확실성을 포용하고 이에 적응하는 능력, 고객을 진정으로 이해하는 능력, 아이디어를 빠르게 프로토타입으로
만드는 능력 이 세가지는 여러분의 조직이 무한한 가능성을 쏟아낼 수 있게 해준다.

내용인 즉 더 좋은 경험 디자인을 하기 위해 무엇을 해야하는지 단서를 던저주는 내용인 것 같습니다.
책을 보면서 간간히 메모한 내용이라 서두가 없지만 조금이나마 도움이 될 만한 내용인 것 같아 올려봤습니다.

더 자세한 내용은 책을 한번 꼭 읽어 보세요. ^^




Posted by 버번홀릭

댓글을 달아 주세요

버번홀릭 Web2009. 4. 13. 18:56
사용자 삽입 이미지


한 의류 업체의 홈페이지 입니다.
우연히 검색을 통해 찾아들어간 홈페이지는 아주 반갑게 유저를 반겨주었습니다.

우선 첫번째 팝업 차단
신상의류에 대한 프로모션 차원에서 만들어 놓은 홈페이지인지 기본 페이지가 뜨고 그 다음으로
전체 페이지가 호출되도록 설계 되어있지만 우리의 IE7은 가차없이 팝업을 차단합니다.
그런데 차단 당하는 것이 광고용 팝업이 아닌 프로모션용 페이지라니.....
인터넷 또는 컴퓨터 사용에 서투른 사용자들에게는 조금 당황스러운 시추에이션이 아닐 수 없을 겁니다.
그러나 당황스러움과 좌절은 여기서 끝이 아니었습니다.

두번째 나가기 없는 풀 스크린
팝업 해제를 하게되면 신상의류나 코디네이션, 관련 뉴스, 샵의 위치를 알려주는 핵심 컨텐츠들이
담겨있는 페이지가 짜~짠~하고 나타나죠. 그런데!!
짜~짠하고 나타난 페이지는 일반 브라우저를 사용하는 페이지가 아닌 풀 스크린을 이용한 프로모션용 페이지였습니다.
뭐....풀 스크린을 이용하는 프로모션을 처음 보는 것도 아니고, 그렇게 놀랄만한 일도 아니어서
찾으려했던 내용을 찾고 창을 닫으려 했습니다. 문제는 여기서 부터 입니다.

창 닫기를 수행하는 버튼이나 링크따위가 전혀 없더군요. ㅡㅡ 어떻게 나가라는 거지? 나가지 말라는 친절한 의도인가?
아는 사람만 사용하는 Alt+Tab으로 빠져나와 작업표시줄에서 닫기를 통해야만 닫을 수 있었습니다.
저야 Alt+Tab 기능을 아는 사람 중에 한명이라 그렇게라도 빠져나왔지만 모르는 사람은 어떻게 빠져나올까요?
아마 수십분동안 고민한 후에 강제 리부팅을 하는 분까지 계시지 않을까 조심스레 생각해 봅니다.

그리고 마지막 세번째 롤 오버를 해야만 나타나는 메뉴
처음에 메뉴도 없고 나가기도 없는 이 당황스러운 홈페이지를 보고 난감해하면서 마우스를 이리저리 움직이다 보니
검정색 원에서 툭~하니 메뉴가 나왔습니다. 이건 뭐.....ㅡㅡ;;


의도적으로 만들어 놓은 트랩 사이트도 아니고, 유명 의류업체 홈페이지에서 발생한 일이라 더욱 당황스럽습니다.
웹 유저 인터페이스라는 개념이 생기면서 '이렇게 하면 안된다'라는 최초의 교본에 등장할 만한 사례인 것 같습니다.
웹 서비스를 제공하거나 웹 분야에 종사하고 계신 저를 포함한 모든 여러분!!
우리 모두 '우리가 서비스하는 홈페이지는 어떨까?'라는 생각으로 다시 한번 점검해봅시다.


Posted by 버번홀릭

댓글을 달아 주세요

버번홀릭 Web2009. 1. 13. 16:44

전 세계에서 서비스되는 웹 사이트의 수는 얼마나 될까요?
정확한 정량적 수치를 알 수 없지만 대략 수십억개 이상이며 그 중에서도 대한민국에서 서비스되는 사이트만
수억개가 된다고 합니다. 여러분은 이처럼 수 많은 웹 사이트 중 하나 또는 그 이상을 서비스 받고있는 것입니다.

그렇다면 가상의 공간상에서 서비스되는 웹 서비스를 여러분은 어떤 방법으로 사용하고 계신가요?
어떻게 원하는 컨텐츠를 찾고, 어떻게 이동을 하시나요?

우리가 사용하는 웹 서비스에서 이동, 탐색을 위한 도구를 제공하고 있기 때문에 가능한 것입니다.
검색, 입력, 출력, 이동, 삭제, 등록 따위의 도구 입니다. 그 중에서도 가장 원초적이며 어느 웹 사이트를 막론하고
반드시 있어야하는 이동 기능은 수 많은 웹 사이트를 쉽게 이용할 수 있도록 해주는 고마운 도구 입니다.
우리가 흔히 말하는 '네비게이션'이 바로 그 이동의 도구입니다.

항법 [航法, navigation]
항공기 또는 선박을 어느 한 지점으로부터 일정의 다른 지점으로 소정의 시간에 도달할 수 있게 유도하는 방법.

본래 네비게이션의 의미는 항법이라는 단어로 비행기나 선박 등 광할한 지역을 탐색해 원하는 목적지로 쉽게 찾아갈 수 있도록
도와주는 기계장치를 뜻 하는 말입니다. 항공기와 선박이 이동하는 현실의 공간보다 무한한 공간을 갖고있는 가상 공간에서도
네비게이션이 사용되며 의미도 다르지 않습니다. 그렇기 때문에 웹 서핑을 위해서는 반드시 필요한 도구입니다.

그렇다면 여러분은 얼마나 많은 네비게이션을 보셨고 또 어떤 네비게이션을 선호하시나요?

웹 사이트를 제공하는 사업자가 각기 다르고 서비스를 만드는 사람이 모두 다른 것처럼 네비게이션도 서비스의 특징에 따라
모두 다르게 제공되고 있지만 큰 줄기는 몇가지로 나눌 수 있습니다.
아래에 대표적인 네비게이션 형태를 보여드릴테니 선호하는 네비게이션을 골라보세요.


사용자 삽입 이미지
사용자 삽입 이미지

1. 단일 버튼 형태의 퀵링크 네비게이션

웹 사이트가 만들어지기 시작하면서 제공된 가장 원초적인 네비게이션입니다.
원초적이지만 가장 직관적이고 심플하고 공간도 적게 사용하고 있다는 장정이 있지만 노출되어있는
버튼 외에는 어떤 서비스가 제공되고 있는지 모른다는 단점도 있습니다.



사용자 삽입 이미지

2. 2Depth 가로 배치형 네비게이션
웹 서비스가 발전되면서 네비게이션의 기능도 발전해 만들어진 네비게이션으로
특히 대한민국에서 서비스되는 웹 사이트들은 대부분 사용했을 정도로 보편화된 네비게이션의 형태입니다.
퀵링크 형태보다는 어떤 서비스를 제공하고 있는지 조금 더 자세히 알 수 있다는 장점이 있지만
2Depth를 선택하기 위해서는 마우스를 이동해 원하는 곳을 클릭해야한다는 단점이 있습니다.
특히 마우스 컨트롤이 익숙하지 않은 사용자에겐 쉽지 않은 일이죠.



사용자 삽입 이미지

3. 2Depth 세로 배치형 네비게이션
위의 가로형 네비게이션을 보완하는 형태로 만들어진 네비게이션입니다.
마우스를 상하좌우 이동이 아닌 상하이동만으로도 선택할 수 있도록 설계된 네비게이션이죠.



사용자 삽입 이미지

4. 전체 메뉴가 펼쳐지는 가로 풀 다운 네비게이션
하나의 메뉴에서 한가지의 2Depth가 펼쳐지는 점과 가로형의 경우 선택하기가 쉽지 않은 점을
개선해 설계된 네비게이션입니다. 어느 지점을 클릭 또는 롤오버하더라도 모든 메뉴가 펼쳐져
전체 서비스를 탐색하고 쉽게 이동할 수있는 장점을 갖고있지만 공간을 많이 차지한다는 단점이 있습니다.
최근들어 많은 웹 사이트들이 이 네비게이션을 사용하고 있는 추세입니다.



사용자 삽입 이미지

5. 외국에선 많이 사용되는 탭 네비게이션
한국에서는 많이 사용하지 않는 네비게이션이지만 외국에선 네비게이션을 간소화한 탭 형태의
네비게이션을 많이 사용하고 있습니다. 외국에선 탭 인터페이스가 많이 사용되고 있어 선호하는 경향이
있는 것 같습니다. (외국 사이트는 플래시를 지양해 화려한 네비게이션이 별로 없죠.)



사용자 삽입 이미지

6. 종합 쇼핑몰에서 많이 사용되는 세로 풀 다운 네비게이션
위의 가로 풀 다운 네비게이션과 유사하지만 종합 쇼핑몰인 만큰 수많은 2Depth를 노출해야 하는 점과
상품의 노출이 우선이 되어야하는 하는 점이 맞물려 변형되어 설계된 네비게이션입니다.
지마켓이나 옥션은 가로 풀다운 네비게이션을 사용하고 있네요.



사용자 삽입 이미지
사용자 삽입 이미지

7. 2번과 4번이 동시에 지원되는 복합 네비게이션
2번의 장점과 4번의 장점을 지원하기 위해 설계된 네비게이션입니다.
유저의 취향에 맞게 원하는 네비게이션을 지원하고 있습니다.



사용자 삽입 이미지

8. 그 밖에 네비게이션
현재 대한민국에서 서비스되는 WOW의 네비게이션 입니다.
롤 오버를 하게되면 2Depth가 펼쳐지면서 해당 서비스를 간략하게 보여주고 있는 형태입니다.
어떤 서비스인지 조금 더 구체적으로 보여줄 수 있는 장점이 있지만
공간을 많이 차지한다는 단점도 갖고 있습니다.


이 밖에도 수 많은 종류의 네비게이션이 제공되지만 위의 7가지 (8번 제외)의 네비게이션이
거의 대부분일 것 입니다. 여러분은 위의 7가지 중 어떤 네비게이션의 이용이 편한가요?
어떤 네비게이션을 선호하시나요?

Posted by 버번홀릭

댓글을 달아 주세요