UX 결과물 (UX Deliverables)

사용자 리서치 결과물 (User Research Deliverables)

페르소나 (Personas)
페르소나는 디자이너들이 일종의 사용자 고정관념으로 만든 가상 캐릭터이다. 전형적인 사용자, 목표, 동기, 좌절 및 스킬을 나타낸다. 인구통계 및 교육배경과 같은 기타 정보는 페르소나를 완성한다. 프로젝트 범위에 따라 디자이너들은 가능한 더 많은 청중을 포착하기 위해 여러가지 페르소나를 만들어낼 것이다. 페르소나를 만드는 것은 디자이너들이 사용자들과 공감하고 그들이 누구인지 그리고 그들이 달성하고자 하는 것에 대해 철저히 이해하는데 도움이 된다.

[저작권 보유자 : Rosenfeld Media, Flickr. 저작권 조건 및 라이센스 : CC BY 2.0]

스토리보드 (Storyboards)
스토리보드는 영화 산업에서 빌린 아이디어다. 이것은 기본적으로 사용자의 행동과 이러한 행동들이 수행되는 상황을 설명하는 만화로 구성된다. 이 아이디어의 힘은 사용자가 무엇을 하는지 보여줄 뿐만 아니라 사용자가 무언가를 어떻게 또는 왜 수행하는지에 영향을 줄 수 있는 환경을 보여준다.

[저작권 보유자 : Rosenfeld Media, Flickr. 저작권 조건 및 라이센스 : CC BY 2.0]

스토리보드는 사용자의 행동과 그들이 일어나는 환경을 시각화하는데 도움이 된다. 사용자와 공감하는데 주로 사용되지만, 스토리보드는 일부 디자인 선택 사항을 설명하는데 도움이 되도록 아이디어 단계에서도 사용할 수 있다.


고객 여정 지도 (Customer Journey Map)
고객 여정 지도는 사용자가 특정 목표를 달성하기 위해 사용자가 취한 단계(프로스세)를 나타내는 다이어그램이다. 타임 라인에 따라 프로세스를 배치함으로써 디자이너들이 상황의 변화뿐만 아니라 그에 따른 동기, 문제 및 니즈를 이해할 수 있다. 사용자의 주요 걸림돌을 식별함으로써 디자이너들은 그들의 문제를 더 잘 이해할 수 있으며 사용자를 돕는 과정에서 제품이나 서비스가 어디에 적합한지 파악하기 시작할 수 있다.

[저작권 보유자 : Tobias Maier, Wikimedia. 저작권 조건 및 라이센스 : CC BY-SA 3.0]

Rail Europe 티켓 구매를 결정하는 과정을 그린 고객 여정 지도 예시
디자이너들은 프로세스의 각 단계를 거치면서 어떤 활동을 하고 있는지, 어떤 생각을 하고 있는지, 나아가면서 어떤 느낌인지 등을 고려하여 사용자 경험을 개략적으로 설명한다. 마지막으로 현재 경험을 개선할 기회도 간략히 설명되어 있다.

아이디어 결과물 (Ideation Deliverables)

브레인스토밍 (Brainstorming)
브레인스토밍은 디자인 팀이 사용자 리서치 단계에서 식별된 문제와 기회를 해결하는 방법에 대한 아이디어를 생성하는 과정이다. 여기서 컨셉은 가능한 많은 아이디어를 생성하는데 달려있고 디자이너들이 나중에 이것들을 훑어보고 가장 유망해 보이는 아이디어로 줄일 수 있다. 중요한 점은 팀 구성원들이 모든 각도와 영역을 자유롭게 탐색할 수 있다는 것이다. 실제로 최상의 솔루션은 때때로 가장 미친 소리처럼 들이는 컨셉에서 나올 수 있다.

[저작권 보유자 : visualpun.ch, Flickr. 저작권 조건 및 라이센스 : CC BY 2.0]

브레인스토밍은 종종 디자이너들이 그들의 모든 아이디어들을 적은 포스트잇으로 이루어진다. 그 다음에 디자인 문제를 해결하기 위해 생성된 최고의 아이디어를 시각적으로 보여줄 수 있도록 계층적으로 분류하고 테마로 그룹화하고 배치할 수 있다.


사용자 흐름 (User Flow)
사용자 흐름도는 사용자가 목표를 달성하기 위해 제품 또는 서비스와 함께 수행해야 하는 단계를 설명하는 간단한 차트다. 고객 여정 지도와 달리 사용자 흐름도는 제품에서 발생하는 상황(모든 외부 요인 무시)만 고려한다. 이러한 다이어그램은 디자이너들이 사용자 목표를 달성하는데 필요한 프로세스의 효율성을 신속하게 평가하고 브레인스토밍을 통해 식별된 훌륭한 아이디어의 '방법'을 정확히 찾아내는데 도움이 될 수 있다.

[저작권 보유자 : Teo Yu Siang 및 Interaction Design Foundation. 저작권 조건 및 라이센스 : CC BY-NC-SA 3.0]

프로토타이핑 결과물 (Prototyping Deliverables)

사이트 맵 (Sitemaps)
사이트 맵은 웹사이트의 계층구조 및 탐색 구조를 보여준다. 이러한 맵은 모바일앱용으로도 제작되는 경우가 많다. 그들은 컨텐츠가 '화면' 또는 섹션으로 구성하는 방법과 사용자가 서비스의 한 섹션에서 다른 섹션으로 전환하는 방법을 보여준다.

[저작권 보유자 : Teo Yu Siang 및 Interaction Design Foundation. 저작권 조건 및 라이센스 : CC BY-NC-SA 3.0]

Low-fidelity prototypes
일단 사이트 맵이 준비되면 각 화면에 컨텐츠가 어떻게 배치될 것인지를 스케치할 수 있다. Low-fidelity prototypes은 시각적 디자인 디테일을 생략하고 디자이너가 컨텐츠를 배치하는 방법과 위치를 파악 할 수 있는 대략적인 가이드 역할을 한다. Low-fidelity prototypes은 손으로 그린 스케치로 시작하여 나중에 컴퓨터로 그린 와이어 프레임으로 다듬을 수 있다. 실제 화면에 정보를 표시하는데 더 충실하지만 시각적 디자인 디테일은 부족하다.

[저작권 보유자 : VFS 디지털 디자인, Flickr. 저작권 조건 및 라이센스 : CC BY 2.0]

High-fidelity prototypes
이러한 프로토타입들은 Low-fidelity prototypes에서 한 단계 더 발전한 것이다. 실제 화면에 나타나는 것처럼 제품의 모든 시각적 및 타이포 디자인 디테일을 표시하려고 하기 때문에 종종 픽셀 프로토타입이라 불리는 경우가 많다. 그것들은 물리적 화면 수치를 고려하며 물리적 장치의 크기에 해당하는 크기로 만들어진다. Low-fidelity prototypes에 비해 제작하는데 훨씬 많은 시간이 필요하지만 고객이나 이해관계자에게 보여주고 싶은 경우가 많다.

[저작권 보유자 : amire80, Wikimedia. 저작권 조건 및 라이센스 : CC BY-SA 3.0]

인터랙티브 프로토타입 (Interactive prototypes)
위에서 설명한 Low-fidelity prototypes 및 High-fidelity prototypes은 정적 이미지에 지나지 않는다. 디자인을 더 잘 평가하기 위해 프로토타입을 인터랙티브 시연으로 변환할 수 있으며, 이러한 프로토타입과 어떻게 상호작용하는지 보여주는 것을 목표로 할 수 있다. 상용 프로토타입 소프트웨어를 사용하면 클릭 가능한 영역, 전환 및 이벤트를 정의하여 코드 한 줄 작성없이 사용자 흐름 프로세스를 나타내고 상호작용을 보여주는 interactive prototype을 만들 수 있다. 경우에 따라 파워포인트 또는 키노트와 같은 훨씬 간단한 툴로 사용할 수 있다. 더 좋은 것은 어떤 코드도 작성되기 전에 초기 사용자 테스트에서 이러한 interactive prototype을 사용할 수 있다는 것이다. 이렇게 하면 코드를 개발하는데 많은 비용과 노력을 들이기 전에 디자인이 제대로 작동하는지 확인할 수 있다.

평가 결과물 (Evaluation Deliverables)

사용성 보고서 (Usability report)
일단 Interactive prototype으로도 구현된 디자인이 있으면 실제 사용자와 함께 이 디자인에 대한 평가를 시작할 수 있다. 평가는 많은 모양과 형태를 취할 수 있다. 일부 사용자에게 디자인을 테스트한 후에 인터뷰를 하거나 포커스 그룹에서 작업하도록 할 수 있다. 이것은 질적 평가의 예시이다. 사용자들을 실험실로 데려와 프로토타입을 사용하여 특정 작업을 수행하도록 요청하는 동시에 오류 수, 클릭 수 또는 작업 완료하는데 소요되는 시간 등을 측정할 수 있다. 실험실에는 시선 추적 카메라와 같은 특수 장비를 사용하여 특정 디자인을 탐색하면서 사용자의 주의가 집중되는 위치를 확인할 수 있다. 다른 디자인 구현을 제공하는 프로토타입을 사용하여 동일한 작업을 수행하도록 요청할 수 있으므로, 이를 비교하고 어떤 디자인이 더 나은지 확인할 수 있다. (A/B 테스트)

디자인을 평가하는 방법에는 여러가지가 있다. 평가를 위해 무엇을 하든지 결과를 유용성 보고서로 요약해야 할 것이다. 전체 유용성 보고서에는 일반적으로 다음 섹션이 포함된다.

- 배경 요약 : 테스트한 대상, 장소 및 시기, 사용한 도구, 장비 및 조사에 참석한 사람
- 방법론 : 평가방법, 사용자에게 수행하도록 요청한 작업, 수집된 데이터, 사용된 시나리오, 참가자 및 인구통계
- 테스트 결과 : 막대 차트 및 결과에 대한 텍스트 설명과 같은 그림, 특히 설명적이거나 계몽적일 수 있는 사용자 의견을 포함하여 수집된 모든 데이터를 분석한다. 보고서를 누구에게 전달하느냐에 따라 이 섹션에는 사용된 통계분석 유형과 같은 기술적 세부사항이 포함될 수 있다.
- 결과 및 권장 사항 : 수집된 데이터와 결과를 기반으로 무엇을 권장하는지, 무엇이 효과가 있는지, 왜 효과가 없으며 왜 했는지 적어보라. 디자인을 개선하거나 프로세스를 진행하기 위해 다음에 수행해야 할 작업을 설명하라.

사용성 보고서는 프로젝트의 다른 여러 역할에 대한 것일 수 있다. 아마도 관리자는 그 결과가 전체 프로젝트 일정에 어떤 영향을 미치는지에 대한 개요 및 설명이 필요할 것이다. 다른 디자이너는 어떻게 평가를 수행했는지에 대해 더 관심을 가질 것이며 모든 세부사항을 원할 것이다. 개발자들은 아마도 당신의 발견 및 권장사항에만 관심이 있다. 보고서가 청중을 위해 적절하게 구성되고 작성되었는지 확인하라.

[저작권 보유자 : Teo Yu Siang 및 Interaction Design Foundation. 저작권 조건 및 라이센스 : CC BY-NC-SA 3.0]

분석보고서 (Analytics report)
디자인된 제품이 출시되어 한 동안 실행된 경우, 회사에서 일부 사용 현황 분석 데이터를 사용할 수 있도록 할 수 있다. 특히 이 데이터를 살펴보면 제품에 사용자의 전환 및 행동이 포함되어 있는 경우 사용성을 개선하는 방법에 대한 훌륭한 통찰력을 제공할 수 있다.

예를 들어, 전자상거래 웹사이트의 많은 사용자들이 구매를 완료하기 위해 등록하지 않고 있다는 것을 발견할 수 있다. 등록 과정이 쉽지 않다는 것을 의미하는가? 그런 선택권이 없다는 것을 의미하는가? 분석 보고서는 이 데이터에서 얻은 통찰력을 포함하고 있으며 디자인을 개선할 수 있는 영역을 강조한다. 구글 애널리틱스 같은 제품에서 자동으로 제작되는 멋진 시각 자료와 차트를 넣는 것이 유혹적이지만, UX 디자이너의 일은 사실을 기록하는 것 뿐만 아니라 그것들을 해석하는 것도 중요하다. 따라서 보고서는 데이터 뿐만 아니라 어떻게 수행해야 할지에 대한 그럴듯한 설명과 권장사항을 포함해야 한다. 또한 문제를 확인하고 해결하려고 시도한 후에 디자인 변경이 웹사이트에 미칠 수 있는 영향을 확인할 수 있는 유용한 기록이다.

[저작권 보유자 : pexels, royalty.com. 저작권 및 라이센스 : CC0]

시사점

UX전문가 페이지 Laubheimer은 노먼닐슨 그룹을 위한 2015년 기사에서, UX디자이너들이 자신의 역할의 일부로 만들어 달라는 요청을 받은 것으로 가장 자주 보고하는 UX 결과물 유형을 분석했다. 와이어프레인과 프로토타입이 가장 일반적으로 만들어지는 것으로 보고되었으며, 플로우차트, 사이트맵 및 사용성/분석 보고서가 이어진다.

[저작권 보유자 : Teo Yu Siang 및 Interaction Design Foundation. 저작권 조건 및 라이센스 : CC BY-NC-SA 3.0]

노먼 닐슨 그룹에 따르면 가장 일반적으로 만들어지는 UX결과물에 대한 분석.
이것은 UX전문가가 특정 결과물을 제작하고 공유하도록 요청하는 빈도를 보여준다. 빈도가 낮은 산출물은 여전히 만들어 되지만, 다른 결과물들과 많이 공유되지 않는다.

이것들은 '클래식' UX 결과물로 간주하지만 유의해야 할 한가지 중요한 점은 이러한 결과물이 만들어지고 다른 자료들과 공유되지만 다른 많은 유형의 결과물들은 만들어지지만 결코 공유되지 않을 것이라는 것이다. 와이어프레인을 만들기 위해 디자이너가 사용자와 그들의 요구를 완전히 이해해서는 안되는가? 종종 경영진, 고객 및 기타 팀 구성원은 그들의 업무를 진행시키는데 도움이 되는 결과물 유형에만 관심이 있다. 이러한 점을 감안하면 제작한 결과물을 공유할 대상과 '조정'되어야 할 필요가 있을 것이다.

[저작권 보유자 : Teo Yu Siang 및 Interaction Design Foundation. 저작권 조건 및 라이센스 : CC BY-NC-SA 3.0]