[UX] 세미나2013.05.11 02:20


pxd 교육제도 중, 일정기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17(User Interface seventeen) 컨퍼런스에 참여하게 되었습니다.

UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다. 

둘째날은 각 1시간 30분짜리의 5개 강의를 들었습니다. 세미나 첫 날과 마지막 날에 하는 워크샵에는 총 8명의 강연자가 있고 (첫 날 4명, 마지막 날 4명중 각 택1), 둘째 날에는 8명의 강연자의 요약 발표와 주최자 제라드 스풀의 강연까지 총 9개의 강연 중 5개의 강연을 선택해서 들을 수 있는 날이었습니다.(제라드 스풀의 강연은 선택의 여지가 없이 모두 들어야 하는 강연)



Table of contents

1. UI17 Day-1 퍼소나 기반의 시나리오 작성하기 (Kim goodwin)
2. UI17 Day-2 Luke Wroblewski, Jared Spool, Kelvin Hoffman, Nathan Curtis
3. UI17 Day-3 생산적인 회의 리딩하기 (Kelvin Hoffman)


Luke wroblewski | First Person User Interface

천공카드 인터페이스에서부터 시작해서 First person user interface(1인칭 UI)까지 아우르는 사례 중심의 강연이었습니다. First person user interface라는 이름은 다소 생소하게 들리실 수 있겠습니다. 발표 상에서는 공간현실 / 증강현실 등의 새 흐름을 지칭하는 것 같았습니다. 현재까지는 First person 유저 인터페이스가 생성되는 시점에 있고, 여러 기술적인 가능성을 검토하고 있는 상황입니다. 이런 인터페이스가 어떤 이름으로 불리워질지는 모르겠지만 앞으로 기대가 되네요.


또한 루크 로블르스키의 강연을 처음 들어봤는데, 재미있게 발표를 잘 하시더라구요.

예전에 루크로블르스키의 블로그로 배우기라는 글도 썼을 정도로, 관심있게 지켜본 디자이너중 한 분 이었는데 실제로 뵙게 되니까 감회가 새로웠습니다.

내용 정리가 부실해도 양해 부탁드립니다. :)
대신, 아래 발표 자료 꼭! 보세요! 


웹사이트 : http://www.lukew.com/
Mobile First (책) : http://www.lukew.com/resources/mobile_first.asp
발표자료 : http://www.lukew.com/presos/preso.asp?21



  • 천공 카드 인터페이스
  • 커맨드 라인 인터페이스
  • 그래픽 유저 인터페이스
  • Natural user interface
  • First person user interface
    • 주위의 공간을 네비게이팅
    • 즉시 당신의 주변을 증강현실로
    • 근처의 사람과 사물을 인터랙팅





Jarad spool | The Secret Lives of Links

UI17의 주최자 제라드 스풀의 강연이었습니다. 간단하게 말씀드리자면 '링크 잘 만들어라!' 는 내용입니다. 링크 하나 가지고도 강연이 가능하군요.

  • 링크는 말하고 있다.
  • Fitts's law를 이야기하면서 링크 잘 만들라고 했습니다.
  • Trigger words를 잘 사용해라
    • Trigger words : 사용자의 목표를 이루기 위해서 어디를 클릭해야할지 알려주는 단어나 구
  • 사용자의 스캐닝 프로세스
    • Trigger words를 보고 없으면 검색한다.
  • Back 버튼을 사용하지 말아야 한다.
  • Pogo-sticking(원하는 정보에 가기까지 들어왔다 나갔다를 반복)을 사용하지 말아야한다.
  • 검색을 하지 않아도, 정보를 찾을 수 있게 해야한다.
  • 링크는 링크다워야하며, 링크와 다른 정보요소를 같은 방식으로 표현하면 안된다. (파랑색에 밑줄은 링크를 의미함)
  • 링크는 사용자의 기대를 충족시켜야 한다.
  • 링크의 안좋은 사례 (아래 이미지 참고)



Kelvin Hoffman | Designing Stellar Meeting

퍼실리테이팅 관련 발표였습니다. 클라이언트와 미팅을 가지면 관료적인 결정을 하거나 불필요한 회의에 끌려가기 마련인데, 이런 퍼실리테이팅 기법을 적절히 이용하면 효과를 볼 수 있을것으로 기대합니다. 적용가능한 것들은 적용해봤으면 좋겠습니다. 내용은 좋았는데 듣는 사람들의 호응이 별로 좋지는 않았습니다. 발표를 지루하게 해서 그런가본데요?

웹사이트 : http://kevinmhoffman.com/
Twitter : https://twitter.com/kevinmhoffman

  • 사람의 니즈에 맞는 스케일의 미팅을 해라
    • 단순하고 간단한 아젠다의 경우 Check-in을 하거나 미팅을 가지지 않는다. (이메일이나 베이스캠프를 이용)
    • 시간이 많이 필요하고 복잡한 아젠다의 경우 워크샵 형식으로 진행한다.
    • 그 외 협업이 필요한 경우 전통적인 미팅을 가진다.
  • 미팅을 할때 4개의 롤을 고용해라
    • 퍼실리테이터 / 레코더 / 그룹 멤버 / 리더
    • 작은 미팅일 경우 퍼실리테이터 / 레코더 2개의 롤 고용
    • 디자인 시안에 포스트잇 작업을 할 수 있다.
      • 빨강 - 유지하고 싶은 것, 노랑 - 바꾸고 싶은 것, 파랑 - 제거하고 싶은 것
  • '숫자'를 이용해 논의의 초점을 맞춰라
    • 모든 사람들이 하나의 웹사이트를 점수매기거나, 사이트의 방향을 결정할때 사용
    • Requirement의 중요도와 구현가능성을 점수매겨 앞으로 나아가야 할 방향을 결정하기도 함
  • 스케치를 통해 컨텐츠를 재정의하고, UX 전략을 논의함
  • 발산 및 수렴 계획을 세워라
    • 발산적 사고
      • 아이디어 리스트 만들기
      • 자유-흐름으로 열린 논의
      • 다양한 관점으로 살펴보기
      • 판단을 뒤로 미루기
    • 수렴적 사고
      • 아이디어를 카테고리화 하기
      • 키포인트 요약하기
      • 동의 구하기
      • 판단 연습
  • 협업 공간을 통해 산출물 만들기
    • 어린아이와 같은 사고를 하라
      • 실패를 두려워하지 않는다.
      • 빠른 반복과정을 거친다.
      • 계획과 논의를 하지 않고 단지 진행한다.
    • Mobile first
      • 먼저 모바일 화면을 만들고, 큰 화면을 만들라.




Nathan Curtis | Fearless Prototyping for Sketches

프로토타이핑 관련 발표입니다. 8 Shapes는 댄 브라운이 있는 회사인데요. 회사에서 점점 PDF(PPT) 와이어프레임을 그리는 대신, HTML 프로토타이핑으로 바꾸고 있는 추세라고 합니다. 또한 모듈화를 해서 계속 확장하고 있다고 하네요.

HTML 프로토타이핑을 하기전에 스케치를 먼저 한다고 하는데요, 스케치를 하는 방법에 대해서도 이야기 해주더군요. 본 세미나의 요지는 와이어프레임을 그리는데 시간을 낭비하지 말고, HTML을 배워 프로토타이핑을 하라는 것이었습니다.

Modular web design (책) : http://me2.do/GADN5SA6
Communicating design (책) : http://me2.do/GcZbaR82
웹사이트 : http://www.eightshapes.com/aboutus/nathan-curtis/
발표자료 : http://www.slideshare.net/nathanacurtis/from-pdfs-to-prototypes

  • 스케치를 바로 캡쳐하는 장비
    • IPEVO P2V Camera
    • IPEVO Stand
  • HTML 프로토타입



Posted by 위승용 (uxdragon)

댓글을 달아 주세요

[UX] 세미나2013.05.11 02:19

 

pxd 교육제도 중, 일정기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17 (User Interface Seventeen) 컨퍼런스에 참여하게 되었습니다.

UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일 동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다.

첫 날은 Full day workshop으로 Kim Goodwin의 Using Scenarios to Design Intuitive Experiences 워크샵을 들었습니다. 퍼소나에 대한 이야기는 간략하게 넘어가고, 주로 프레임웍 스케치전에 들어갈 시나리오를 어떻게 작성할지에 대한 내용이 주였습니다. 서비스가 점차 복잡하고 커짐에 따라 중간에 서비스 디자인 프로세스인 Journey map이 등장합니다.

퍼소나 기반의 Journey map을 통한 시나리오를 작성하고, 디테일을 살려 그 시나리오의 기능이 구현 가능한지, 언제 구현할건지 결정하고, 더 나아가서는 시각적 정보의 위계까지 구성하는 프로세스를 경험해 볼 수 있었습니다. 프로젝트를 진행하다보면 시간에 쫒겨서 퍼소나에서 시나리오까지, 시나리오에서 스토리보드까지 집요하게 물고 늘어지지 않게 되는 경우가 있습니다. 퍼소나를 잘 만들어놓고 끝까지 잘 활용해야겠다는 생각이 들었습니다.



Table of Contents
1. UI17 Day-1 퍼소나 기반의 시나리오 작성하기 (Kim Goodwin)
2. UI17 Day-2 Luke Wroblewski, Jared Spool, Kelvin Hoffman, Nathan Curtis
3. UI17 Day-3 생산적인 회의 리딩하기 (Kelvin Hoffman)

세미나 내용 정리본을 공유합니다. 정리본이라 내용이 매끄럽지 않은 점 감안하고 봐주세요. :)


  • 왜 시나리오를 써야 하는가?
    • 더 나은 UX를 위한 익사이팅한 팀을 위해서
    • 인간은 시스템의 컴포넌트가 아니다.
    • Silos(조직의 부서들이 서로 다른 부서와는 교류하지 않고, 자기 부서의 이익만을 추구하는 현상)는 나쁜 경험으로 이끌기 때문
    • 좋은 디자인 프로세스는 진동하여 하나의 골로 이끈다. (Scenario/Sketch - Use case/Requirements)
    • 서비스의 시작과 끝
    • 서비스 전체의 경험 -> 제품의 경험 -> What if this happen? -> 데이터 제어 -> 디테일
  • 좋은 시나리오는 이해를 돕는다.
  • 좋은 퍼소나가 가져야 할 것
    • Task, Skill, Goal, Context, Feeling
  • 항상 여러 명의 퍼소나가 존재한다.
    • 적을 때는 2~3명
    • 특별하지 않은 롤의 경우 보통 6~8명
    • 롤이 여러 가지 있는 시스템의 경우 10~25명
    • 제가 생각한 것보다 퍼소나를 꽤 많이 만들라고 이야기하고 있습니다. 특수 롤이 여러 가지 있는 시스템의 경우 각 롤별로 퍼소나를 만들기 위함이 아닐까요?


 

  • 퍼소나 기반의 Journey map
    • 유저 멘탈모델 프로세스 스텝 X 속성
    • Want & Needs / Do / Feel & Think가 포함되어야 함
    • 퍼소나 기반의 Journey map 부분이 흥미로웠습니다. 서비스 디자인 프로세스의 Journey map이 Cooper사의 프로세스와 어떻게 결합되는지 보여주는 사례인것 같았습니다.
    • 서비스디자인에서 흔히 사용하는 Journey map은 꺾은 선 그래프를 통해 감정 상태를 표시해주는데, Feel & Think 부분을 통해 좀 더 구체적으로 묘사하는 것이 다른 점 같아 보였습니다. Want & Needs, Do 의 경우 Person의 데이터가 자연스럽게 녹아들 수 있고, 이 데이터들이 향후 시나리오에 자연스럽게 진행될 수 있게 도와주는 것 같았습니다.
    • 또한 제 견해이기는 합니다만! Cooper사에서 다루는 Journey map과, adaptive path에서 다루는 journey map은 내용 면에서는 큰 차이가 없지만 '관점' 에서 차이를 볼 수 있었습니다. Cooper사의 Journey map은 각각의 Persona를 더 풍부하게 하기 위한 Journey map이고, Adaptive path의 Journey map은 한 명의 사용자라기 보다는 다양한 사용자와 다양한 상황을 살펴보기 위한 목적이 있는 것 같았습니다.
    • 아래 그림은 Patients like me의 Journey map입니다.
    • http://www.patientslikeme.com



Workshop process

  • 가장 최근의 여행에 대한 Journey map 만들기
    • Want & Needs
    • Do
    • Think & Feel
    • Recent Journey
    • 저는 이 곳에 오면서 비행기를 타고 왔기 때문에, 제 겅혐에 대해서 Journey map을 만들었습니다. 2명이 팀을 짜서 진행했는데 저는 GE 다시시는 분과 같이 했습니다.
    • GE 다시니는 분이 저를 인터뷰하면서 데이터를 채워나갔는데, 인터뷰를 하다 보니 제가 불쾌했던 경험들이 체계적으로 정리됨을 알 수 있었습니다.
  • 퍼소나 만들기 (사전에 만들어진 공항 이용 퍼소나 2명 제공)
    • 한 명은 Light 유저, 한 명은 Heavy 유저였습니다.
  • 퍼소나를 기반하여 Journey map 만들기 (사전에 만들어진 퍼소나 2명의 Journey map 예시 2개 제공)
  • 퍼소나 2명중 한 명을 골라 시나리오 만들기
    • 퍼소나는 '현재'의 경험에 비춰진다면, 시나리오는 '미래'에 초점이 맞춰집니다. 이 맥락에서 볼 때는 Journey map도 현재의 경험이겠지요?
  • To-do list 만들기
    • 각각의 퍼소나에 대한 전형적인 Journey를 만들어라.
    • 주로 2~3개, 많게는 8~10개
    • 크든 작든 스토리는 '시작과 끝'이 있어야 한다.
  • 퍼소나를 행복하게 만들 수 있는 방법이 있을까?
    • 좌절했던 경험을 개선하자.
    • 퍼소나가 예상치 않은 즐거움(Unexpectedly good)을 느낄 수 있게 하자.
    • '좌절했던 경험 개선'에 대해서는 익히 알고 있으셨겠지만, '예상치 않은 즐거움'을 느낄 수 있게 하는 부분에 대해서는 간과하고 있었던 것 같습니다. 
  • 미래의 스토리를 이야기하자.
    • 퍼소나의 관점으로 이야기하자.
    • 시나리오는 정보와 결과가 들어있어야 한다.
    • 시나리오는 너무 디테일해도 안되고, 너무 생략되어도 안된다.
    • 시나리오는 제품이 작동되는 상황을 묘사하는 것이 아니다.
    • 흔히 퍼소나 시나리오와 제품 사용 상황을 혼동하는 경우가 있는데, 퍼소나 시나리오는 온전히 퍼소나의 관점으로 기술되어야 합니다.
  • 시나리오 다듬기 - 장소 기반으로 디테일을 살리기
    • 데스크탑, 모바일, 키오스크, 여행중...
  • 퍼소나의 요구사항으로 변환하기
    • 기술적인 요구 사항이 아니다.
    • 퍼소나가 알고 싶고, 성취하고 싶고, 느끼고 싶은 걸로 변환하라.
    • 큰 문제가 뭔지 의논하라.
  • 스토리보드 그리기
    • 일단 구체적인 비전을 수립하라.
    • 디자인 옵션을 고려하라.
    • 시나리오를 그룹핑하고 구조화하기
    • 시나리오를 위한 레이아웃 짜기
      • 간략하게, 흐름이 보이게
    • 퍼소나가 '만약에 ... 한다면?' 이라고 질문해보기
  • 멀티 퍼소나를 위한 Iterating
    • 프라이머리 퍼소나 정의하기
    • 프라이머리 퍼소나가 쓸 서비스 정의하기
      • 모든 경험? 데스크탑, 웹? 모바일? 체크인 키오스크? 여행중?
    • 다른 퍼소나에 이 스토리보드를 적용한다면 어떻게 바뀔 수 있을까?
  • 시나리오를 사용하여 디테일을 살리는 방법
    • 시나리오 기반의 스토리보드를 통해 로드맵 그리기
      • 이건 이번 연도에 하고, 이건 이번 연도 후반기에 하고, 이건 다음 연도에 하고...
    • 퍼소나에 따라 시각적 우선순위 정하기
      • 퍼소나가 중요하게 생각하는 정보는 무엇인가?
  • 4 Things to take away
    • 과거의 Silos 살펴보기
    • 처음의 큰 꿈 가지기
    • 사람의 문제를 사람의 툴로 살펴보기
    • Those who tell the stories rule society (말할 힘이 있는 사람이 세상을 지배한다. - 플라톤)



Posted by 위승용 (uxdragon)

댓글을 달아 주세요

[UX] 가벼운 이야기2009.07.09 18:54

퍼소나 혹은 페르소나라고 불리우는 PersonaGoal-directed design을 위한 방법론 중 하나입니다.
Persona는 사용자를 관찰하여 추출한 사용자의 목적과 행위, 태도에 대한 유형으로서
실제 사용자 유형을 대표하는 사람의 모습을 생생하고 서술적으로 표현하여 구성된 하나의 캐릭터라고 보시면 되겠습니다.


1990년대 후반 Alan Cooper는 Goal-directed design 컨셉의 한 부분으로 Persona를 도입하였고,
이후 몇몇 연구자들에 의해 발전이 되었지만, Cooper의 방법론이 가장 많이 쓰이고 있습니다.



Goal-directed design은 '목표 지향적 디자인'이라고 불립니다.
Cooper가 제시한 Goal-directed design의 방법은 다음과 같습니다.



목표는 사람들이 과업을 수행하도록 하는 동기를 부여합니다. 사용자 조사를 통해서 목표를 파악하고 사용자의 대표적 인물로 Persona를 설정합니다. Persona에 맞추어 구체적인 요구사항을 분석하고 이에 대한 Framework을 만들어냅니다. 또한 Framework을 바탕으로 Design을 합니다. 이 과정의 근간을 이루는 것이 Goal-directed design의 방법론이라 하겠습니다.


Cooper의 Persona process는 다음과 같습니다.
Persona는 Goal-directed design process중 Modeling 부분에 해당이 되겠네요.



1. 행동 변수들을 구분
2. 인터뷰 데이터를 행동 변수에 매핑
3. 주요 행동 패턴 발굴
4. 특성들과 목표들을 목록화
5. Persona 전체를 점검
6. 이야기를 구성
7. Persona 타입 선정



또한 다음과 같은 방식을 통해 Persona를 생성합니다.
Persona는 크게 Primary Persona, Secondary Persona, Supplimental Persona, Negative Persona로 분류할 수 있습니다. 

Primary Persona는 '주요 퍼소나' 입니다.
주요 퍼소나가 아닌 다른 사람을 위해서 디자인 하게 된다면 주요 퍼소나는 만족하지 못하게 됩니다.

Secondary Persona
는 '보조 퍼소나' 입니다.
보조 퍼소나는 주요 퍼소나 인터페이스에 주로 만족합니다. 그러나 추가적인 요구사항을 가지고 있습니다.

Supplimental Persona
는 '추가 퍼소나' 입니다.
추가 퍼소나는 책임자들의 추측을 커버하기 위해 존재합니다. 디자인을 위해서 굳이 필요하지는 않습니다.

Negative Persona
는 '부정적 퍼소나' 입니다.
절대 디자인하지 않아야 할 사람입니다.



Persona를 제작할 때 포함될 정보들은 Project의 기간과 여건에 따라 조절이 가능합니다.
대체적으로 이름 및 사진, 특성을 표현하는 키워드 및 문장, 행동 시나리오 및 요구 기능, 사용자 목표, 비즈니스 목표, 개인 정보 등이 포함됩니다.

휴즈플로우의 이길복 님은 Persona 제작시 이름을 잘 지어야 한다고 하셨습니다.
이름에 Persona의 성격이 배어있으면, 관련 실무자들의 Persona에 대한 이해도가 높아지고 이해도는 결국 커뮤니케이션 증대로 이어지는 것 같습니다.
 




 

참고문헌

도서
The User Is Always Right | Steve Mulder with Ziv yaar | 2007
UX Design Communication | 댄브라운, NHN UX lab | 2009

논문
친밀한 관계 중심 그룹 퍼소나의 특성 연구 | 국민대학교 | 김용 | 2008
IPTV의 인터넷 검색 서비스를 위한 퍼소나 기반 인터랙션 디자인에 관한 연구 - KT 메가 TV를 위한 네이버 검색 서비스 디자인을 중심으로 | 헬싱키 경제대학 | 이지현 | 2009 


UX Factory | [UX recipe] week 3 - 사용자 정의 (Mental model, Personas)

세미나
Cooper U | Interaction Design Practicum | 2006


 


Posted by 위승용 (uxdragon)

댓글을 달아 주세요

  1. 좋은 정보 잘 보고 갑니다. :)

    2009.07.11 01:33 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 댓글을 남겨주세요. ^^

    2010.05.21 09:57 신고 [ ADDR : EDIT/ DEL : REPLY ]