UX 리서치 후 사용성 테스트를 위한 프로토타입 만들기

UX 리서치 방법에 관한 종합 가이드

사용자 리서치는 훌륭한 UX 디자인 설계를 위한 첫걸음이자 UX 디자인 프로세스의 핵심입니다. 사용자의 필요와 욕구, 행동에 대해 이해하려면 다양한 방식의 관찰과 조사가 필요하죠.

사용자 경험 리서치 기법은 아주 다양하고 광범위하기 때문에 여러 가지를 무작위로 혼용하기보다는 프로젝트의 목표를 이해하고 그에 맞는 몇 가지의 효율적인 리서치 기법을 선택해야 합니다. UX 디자이너들이 사용자에 대해 파악해야 하는 기본적인 항목들과 그것을 알아보기 위한 리서치 기법은 어떤 것이 있는지 알아보세요.

리서치를 통해 확보한 사용자 정보를 스토리 보드 만들기로 알아보기 쉽게 정리한 뒤 이를 토대로 어도비 XD(Adobe XD)로 사용성 테스트를 위한 프로토 타입을 만들어 보세요.

1. 사람들이 하는 일 / 마주하고 있는 문제

2. 사람들에게 필요한 것

3. 사람들이 원하는 것

4. 특정 제품에 대한 사용성

5. 사용성 테스트를 위한 프로토타입 만들기

사람들이 하는 일 / 마주하고 있는 문제

사람들이 하는 일과 그들이 마주하고 있는 문제에 대해 파악하려면 맥락 조사와 일기 조사가 필요합니다. 이를 통해 사람들이 일상 속에서 필요로 하지만 의식하지 못한 것들을 파악할 수 있습니다.

맥락 조사

맥락 조사는 사람들의 일상 속에서 그들의 자연스러운 작업 수행 과정을 살펴보고 조사하는 리서치 기법입니다. 보통 사용자에게 가장 자주 하는 작업이 무엇인지와 같은 일반적인 질문을 던진 뒤 사용자가 일상적인 작업 환경에서 그 작업을 수행하는 모습을 관찰하며 추가적인 질문을 합니다.

이러한 리서치를 통해 사용자의 작업 과정과 사용하는 도구 및 기능에 따른 요구사항을 확인할 수 있습니다.

맥락 조사를 하기 위해 모니터를 보고 있는 인물의 모습

1. 충분한 인원의 적합한 사용자들을 찾아 조사합니다. 일반적으로 5~6명이 적당하며 최소 2명이 다른 사용자 그룹에 속해야 합니다.

2. 객관성을 위해 리서치는 혼자 진행하지 말고 관찰 내용을 동료와 논의하세요.

3. 사용자의 말만 듣지 말고 행동을 최대한 많이 관찰하세요.

4. 개입을 최소화하여 사용자가 최대한 실제 상황과 가깝게 작업을 수행하도록 합니다.

5. 사용자가 작업 수행 중 마주한 특정한 사례를 조사해보세요. (예: 제품 오작동)

일기 조사

일기 조사는 사용자에게 일정 기간 동안 작업 수행과 관련된 기록을 작성하게 한 뒤 이를 연구하는 방법입니다. 연구자는 기록을 통해 사용자의 주요 업무는 무엇인지, 복잡한 작업을 완료하기 위해 어떤 워크플로를 이용하고 있는지와 함께 사용자가 장기간 제품과 상호 작용하는 방식을 확인할 수 있습니다.

일기 조사를 하기 위해 글을 쓰고 있는 모습

1. 참가자가 어떤 정보를 기록해야 하는지에 대한 명확한 지침을 만들어 전달하세요.

2. 참가자가 지속적으로 일기를 작성할 수 있도록 알림 메시지 등을 통해 상기시키세요.

3. 일기에 스크린샷과 같은 관련 이미지를 추가할 수 있도록 하세요. 훌륭한 보충 자료로 활용할 수 있습니다.

사람들에게 필요한 것

사용자들은 제품을 사용하는 중에 불편함을 느껴도 이를 해결하기 위해 무엇이 필요한지 구체적으로 인식하고 있지 않은 경우가 많습니다. 설문조사 및 인터뷰를 통해 체계적인 질문을 던지면 참가자가 이에 대해 답변하는 과정 중에서 UX 디자인에 필요한 요소들이 보다 명확하게 드러나게 됩니다.

설문조사 및 설문지

설문조사와 설문지는 짧은 시간과 효율적인 비용으로 많은 응답을 얻을 수 있는 조사 기법입니다. 설문조사 중 정량 조사는 예/아니오 와 같은 제한된 변수 내에서 답변할 수 있는 질문들로 이루어져 있으며, 정성조사는 보다 다양한 의견이 나올 수 있는 주관적인 질문을 던집니다.

설문조사는 직접적인 상호 작용이 없기 때문에 응답자의 답변을 더 깊이 파고들기 힘들다는 단점이 있지만, 정량 조사와 정성 조사를 적절하게 혼용하면 보다 풍부한 피드백을 받을 수 있습니다.

설문 조사 예시

1. 사용자가 응답하기 쉽도록 짧고 분명한 질문으로 구성하세요.

2. 설문조사를 사전 테스트하여 문제점을 없애세요.

3. 개방형 질문과 폐쇄형 질문을 적절하게 혼용하세요.

4. 구글 폼(Google Forms), 서베이 멍키(Survey Monkey) 등의 툴을 활용하여 설문조사 제작 시간을 아끼세요.

5. 참가자가 도중에 그만두더라도 부분적으로 응답한 부분이 기록되게 하세요.

인터뷰

인터뷰는 참가자와 면접관의 1:1 대화를 통해 풍부한 정보를 얻을 수 있는 대표적인 리서치 기법입니다. 인터뷰는 사용자의 평가와 느낌을 통해 제품이 지향해야 할 구체적인 방향을 파악하는 데 도움을 줍니다. 또한 인터뷰는 설문조사와 질문지에 대한 좋은 보충 자료가 될 수 있습니다.

사전 인터뷰는 설문조사 질문을 구체화하는 데 도움을 주며, 설문조사 후에 인터뷰를 진행하면 더욱 자세한 분석을 수집할 수 있습니다. 성공적인 인터뷰를 위해서는 적극적인 경청, 관찰, 적절한 질문 타이밍 등의 숙련된 인터뷰 스킬이 필요합니다.

인터뷰를 진행하고 있는 사람의 모습

1. 참가자가 편안하게 응답할 수 있도록 친근한 분위기를 조성하세요.

2. 쉬운 질문으로 시작하고 마무리하세요.

3. 인터뷰 가이드를 만들어 좋은 답변을 얻을 수 있는 올바른 방식의 질문을 준비하세요.

4. 영상 녹화나 메모 작성을 통해 인터뷰 내용을 빠짐없이 기록하세요.

사람들이 원하는 것

사용자가 원하는 것을 보다 구체화하는 방법으로는 유사한 제품을 사용하며 이에 대해 피드백을 받는 컨셉 테스트와 특정 주제에 대한 다수의 사용자들의 의견을 듣는 사용자 그룹 인터뷰 등의 리서치 기법이 있습니다.

컨셉 테스트

프로젝트의 컨셉이 사용자가 원하고 필요로 하는 본질을 잘 반영하고 있는지 확인하려면 유사한 컨셉을 가진 제품이나 테스트 단계의 서비스를 사용자에게 제공한 후 피드백을 얻어야 합니다.

컨셉 테스트에서 완전한 형태의 제품을 제공하려 하지 마세요. 사용자에게서 무엇을 피드백 받고자 하는지가 분명하다면 절반 정도만 기능하는 프로토타입으로도 훌륭한 정보를 얻을 수 있습니다.

사용자와 함께 테스트하는 사용성 텍스트를 모니터로 관찰하는 모습

사용자 그룹 인터뷰

기업에서 짧은 시간 안에 많은 인사이트를 수집해야 할 때 자주 사용되는 방법으로 진행자가 3~6명의 사용자 그룹을 이끌며 토론과 활동을 통해 피드백을 받는 형식으로 진행됩니다.

사용자 그룹 인터뷰는 사용자가 제품을 어떻게 인식하는지, 제품에서 가장 중요한 기능을 무엇이라고 생각하는지 등의 중요한 질문의 해답을 줄 수 있습니다. 하지만 사용자의 말과 행동이 다르거나 서로의 의견에 영향을 받아 부정확한 데이터가 생성될 가능성이 높기 때문에 전문적이고 객관적인 진행이 요구됩니다.

1. 제한시간 안에 적절한 양의 주제를 토론하도록 계획하세요. 90분의 세션 동안 3-5개의 주제를 토론하는 것이 적당합니다.

2. 전문 용어가 아닌 응답자가 이해하기 쉬운 단어를 사용하세요.

3. 특정 주제로 참가자들의 주의를 끌지 마세요.

4. 참가자들을 특정 방향으로 이끄는 질문은 하지 마세요.

특정 제품에 대한 사용성

사용자가 특정 제품을 원활하게 사용할 수 있는지 여부를 파악하려면 직접적인 사용성 테스트를 진행하거나 카드 분류 기법을 통해 사용자들의 인식 내에서 기능에 대한 카테고리화가 일반적으로 어떻게 이루어져 있는지를 확인하는 것이 좋습니다.

사용성 테스트

사용성 테스트는 제품이나 서비스를 사용자와 함께 테스트하고 평가하는 것입니다. 사용자 경험 테스트의 주된 목표는 사용성 문제를 알아내고, 정성 자료를 수집하고, 제품에 대한 사용자의 전반적인 만족도를 살펴보는 것입니다. 이를 위해 공식 또는 비공식적으로 사용자 테스트를 진행할 수 있습니다.

사용자와 함께 테스트하는 사용성 테스트를 모니터로 관찰하는 모습

1. 가장 좋은 결과를 얻기 위해 5명 이하의 사용자를 테스트하고 많은 소규모 테스트를 진행하세요.

2. 사용성 테스트를 꼭 대규모로 진행할 필요는 없습니다. 프로토타입을 통해 주변에서 타켓 사용자와 비슷한 사람들을 찾아 소규모의 테스트로 시작해보세요.

카드 분류

카드 분류는 사용자에게 제품의 기능에 해당하는 여러 장의 카드를 제공하고 이를 몇 가지의 카테고리 안에 분류하도록 하는 리서치 기법입니다. 이 방법을 통해 사용자의 정신 속 시스템 정보 구조를 파악하고 콘텐츠를 사용하기 쉽게 그룹화 할 수 있습니다.

사용자들이 분류한 카드 그룹에 직접 이름을 붙이는 개방형 분류와 미리 조직된 카테고리 안에서 분류하도록 하는 폐쇄형 분류 중 적절한 방식을 선택할 수 있습니다. 사용성 테스트보다 더 많은 사용자를 참가시키되 15명 이상을 초과하지 않는 것이 좋습니다.

사용성 테스트를 위한 프로토타입 만들기

다양한 UX 리서치 방법을 통하여 얻은 사용자의 정보를 토대로 어도비 XD에서 간단한 프로토타입을 만들어보세요.

UX 디자인을 위한 브랜딩 가이드가 아직 마련되어 있지 않다면 어도비 XD에서 제공되는 무료 템플릿과 레이아웃을 활용해보세요. 기본에 충실한 세련되고 깔끔한 레이아웃에 가독성이 좋은 세리프 폰트로 항목들을 잘 배치하기만 해도 완제품에 가까운 퀄리티의 UX 디자인 프로토타입을 만들 수 있습니다.

어도비 XD에서 UI 키트 받기

1. 어도비 XD 실행 > [파일] > [UI 키트 받기] > [Wireframes] 키트 다운로드 후 실행

와이어프레임 레이아웃 복사하기

2. 원하는 와이어프레임 레이아웃을 드래그하여 선택 > Crtl (Command)+C

새 모바일 환경 프로토타입 파일 만들기

3. Crtl (Command)+N > 테스트에 사용할 스마트폰 기종 선택

4. Crtl (Command)+V로 붙여넣기

필요한 레이아웃을 불러왔다면 원하는 기능을 담은 디자인으로 커스터마이징 합니다. 다운로드 받은 UI키트를 라이브러리에 추가한 뒤 필요한 구성요소를 아트보드 위로 드래그하면 화면에 쉽게 추가할 수 있습니다.

직접 준비한 이미지 등의 콘텐츠가 있다면 어도비 XD화면으로 드래그&드롭하여 바로 반영할 수 있습니다.

라이브러리에서 에셋 추가하기

5. [라이브러리] 아이콘 클릭 > 화면에 삽입할 구성 요소 선택 후 드래그&드롭

이미지 삽입하기

6. 콘텐츠 박스 선택 > [그리드 그룹 해제]

7. 폴더에서 이미지 선택 > 콘텐츠 박스 안으로 드래그&드롭

핵심적인 레이아웃 디자인이 끝났다면 사용성 테스트를 위해 프로토타입의 형태로 만들어줍니다. 모바일 디바이스를 어도비 XD가 실행 중인 데스크톱에 USB로 연결한 뒤 디바이스에서 미리보기 기능을 활용하면 모바일 앱이 실제로 어떻게 구현될지 보다 명확하게 확인할 수 있습니다.

프로토타입 만들고 모바일 디바이스에서 미리보기

7. [프로토타입] > 화면 간 인터랙션 지정

8. 모바일 기기와 USB 연결 후 상단 [디바이스 미리보기] 아이콘 클릭

지금까지 다양한 UX 리서치 기법과 어도비 XD를 활용한 프로토타입 제작 방법에 대해 알아보았습니다. 사용자 리서치는 UX 디자인 뿐만 아니라 다양한 제품과 서비스군에서 통용되는 방법으로 제품 개발이나 보완을 위해 사용자의 경험과 의견이 필요한 다양한 분야에서 활용할 수 있습니다.

프로토타입을 통해 프로젝트의 보완할 점과 나아갈 방향을 파악하였다면 어도비 XD로 UI/UX 완제품 제작에 도전해보세요.