brunch

매거진 ProtoPie 활용 사례

라이킷 10 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by ProtoPie Jan 05. 2022

ProtoPie x Lookback 사용성 테스트

ProtoPie와 Lookback을 이용하여 성공적인 사용성 테스트를 진행해 보세요.

요약

· 몇 단계만 거치면, 누구나 쉽게 ProtoPie & Lookback을 사용하여 진행자가 없는 사용성 테스트를 셋업할 수 있습니다.
· 데스크탑 내 브라우저 또는 iOS 및 Android의 ProtoPie Player에서 진행자가 없는 사용성 테스트를 수행할 수 있습니다.

사용성 테스트는 제품 개발 프로세스의 중요한 부분입니다. 그렇다면, 사용성 테스트는 과연 무엇인지 알아보도록 하겠습니다.

앱, 웹사이트 또는 다른 디지털 프로덕트 등에서 실행 가능한 프로토타입을 제작하고 나면, 실제 사용자를 대상으로 테스트를 진행합니다. 실제 유저들이 좋아하고 싫어하는 부분, 그리고 잘 이해한 부분이나 어려워하는 부분 등 다양한 피드백을 받을 수 있겠지요. 이렇게 얻어진 피드백은 주의를 기울여야 하는 부분을 강조함으로써, 앞으로의 개발 프로세스 방향을 정해주는 길잡이 역할을 합니다.

사용성 테스트 진행 시, 아래와 같은 부분에 대해 더 많은 정보들을 얻게 될 수 있습니다.

· 사이트 작동 방식
· 특정 액션 완료 여부
· 버그 또는 결함
· 안정적이고 긍정적인 사용자 경험 제공

사용성 테스트는 어떻게 진행되나요?

사용성 테스트는 제품 개발에 있어 중요한 부분이지만, 비용적인 면에서 큰 부담이 됩니다. 적합한 테스트 대상을 찾고, 일대일 테스트 세션을 예약하고 수행하는 데는 시간과 노력이 필요하기 때문이지요. 이러한 부담을 최소화하기 위해, 많은 기업에서 다양한 사용자 테스트 서비스 플랫폼을 사용하여 '진행자가 없는 원격 사용성 테스트' (Remote Unmoderated Usability Test)를 실행합니다.

'진행자가 없는 원격 사용성 테스트'는 무엇일까요? 이 유형의 테스트에서 참가자는 다른 사람의 영향을 받지 않도록 아무도 없는 환경에서 미리 정해진 작업(예: 새 지도 앱에서 가장 가까운 식료품점 검색)을 수행합니다. 테스트 진행 과정에서 리서처나 디자이너는 세션을 조정하거나 관찰하지는 않지만, 향후 영상을 통해 참가자가 수행한 작업에 대해 좀 더 자세히 확인할 수 있습니다. 이를 통해, 담당 리서처는 사용자 피드백을 더 빠르고 쉽게 받을 수 있게 됩니다.

'진행자가 없는 원격 사용성 테스트'는 참가자들이 진행자가 있는 대면 사용성 테스트때보다 자연스럽게 반응하고 행동할 수 있도록 합니다. 또한 참가자들은 낯선 사람들에게 둘러쌓여 관찰되고 있는 환경이 아닌, 자신만의 편안한 공간에서 테스팅을 진행할 수 있습니다. 이는 더 가치있는 사용성 피드백으로 이어질 가능성이 높다는 것을 의미합니다.

하지만 이와 같이 Lookback과 같은 사용자 테스트 플랫폼에서 테스트를 진행하기 위해서는 몇 가지 준비가 필요합니다. 아래 스텝들에 따라 ProtoPie의 프로토타입과 Lookback을 사용하여 최적화된 테스트 경험을 제공해보세요.

셋업 프로세스

사용성 테스트 시작 전, 아래 설명된 간단한 셋업 단계들을 밟으세요.

ProtoPie Cloud에서 사용성 테스트 준비하기

가장 먼저, 참가자에게 프로토타입에 대한 액세스 권한을 부여하는 URL 링크를 생성하세요.

액세스 설정 업데이트 하기

- ProtoPie Cloud 안에 프로토타입 페이지 왼쪽에 있는 옵션 메뉴에서 Access Setting 을 클릭하세요.
- 프로토타입의 링크가 있는 모든 사용자가 프로토타입을 보거나 다운로드할 수 있도록 접근 권한을 변경하세요.

- (조직의 보안 정책에서 요구되는 경우) Password Protection 를 통해 프로토타입을 암호화하여 보안을 강화하세요.
프로토타입의 외부 접근을 방지를 위해 테스트 플랫폼 내에서만 암호를 공유하세요. 사용성 테스트가 완료되면 비밀번호를 변경하여 접근 권한을 철회할 수 있습니다.

Share Pie에서 공유 설정 정하기

액세스 설정 업데이트와 암호화를 완료했으면, 테스트 참가자와 공유할 때 프로토타입이 ProtoPie Cloud에 표시되는 방식을 필요에 맞게 정할 차례입니다.

- 옵션 메뉴에 있는 Share Pie를 클릭하여, 필요에 맞게 디스플레이 옵션을 설정합니다.

최적화된 테스트 경험을 위한 팁:

※ 아래 기능들을 끄세요.
- Touch Hint (프로토타입의 터치 가능한 영역이 표시되지 않음)
- Device Frame (모바일 장치에서 테스트가 진행되는 경우 불필요)
- ProtoPie Interface (데스크탑에서 더 선명하게 보임)

※ 아래 기능들을 켜세요.
- Touch Cursor (테스트 수행 시, 테스트 참가자의 터치 움직임 모니터링)
- Scale to Fit (브라우저의 환경에 맞게 파이 화면 사이즈 조정)

※ ProtoPie Player 앱 팝업 기능 (필요시)
- ProtoPie Player(ProtoPie 모바일 앱)를 통해 테스트가 진행되는 경우, ProtoPie Player 앱 팝업 기능을 켜세요.
- 모바일 브라우저에서 테스트가 진행되는 경우, ProtoPie Player 앱 팝업 기능을 끄세요.

- Copy Link 를 클릭하면, 이 테스트에서 사용되는 Lookback.io와 같은 사용성 테스트 플랫폼 에서 링크를 사용할 준비가 되었습니다. 또한 메모장에 링크를 붙여넣어 보관해두면 향후 필요 시 사용할 수 있습니다.

생성된 링크는 다음과 같습니다.

https://cloud.ProtoPie.io/p/379e2bcacf?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false&playerAppPopup=true

모바일 기기에서 사용성 테스트 수행하기

데스크톱에서 진행되는 사용성 테스트와 달리, 모바일 장치에서 원격 사용성 테스트를 하는 경우 설정에 추가적인 확인과 점검이 필요합니다. 프로토타입을 ProtoPie Player 앱에서 미리 볼 것인지, 아니면 ProtoPie Cloud를 통해 웹 브라우저에서 미리 볼 것인지를 결정해야 합니다.

웹 브라우저에서 테스트하는 것과 ProtoPie Player에서 테스트하는 것 사이에는 두 가지 차이점이 있습니다.

- 웹 브라우저: ProtoPie Player 앱 다운로드가 필요하지 않음
- ProtoPie Player: ProtoPie Player 앱 다운로드가 필요하나, 보다 현실적인 테스트 경험 제공

ProtoPie Player를 사용하는 이유

모바일이나 테스트용 앱에서 진행자가 없는 원격 사용자 테스팅을 하는 것은 쉽고 빠르지만, 프로토타입이 실제와 거의 동일하게 작동되도록 구현하기 위해서는 ProtoPie Player를 사용하는 것이 가장 좋습니다. ProtoPie Player 앱을 사용하면 전반적인 테스팅 관련 과정들을 보다 수월하게 진행할 수 있습니다.

특히 기울기와 같은 기기의 센서 또는 기본 기능(예: 카메라 또는 진동)을 활용하는 파이를 만들거나, 보다 몰입감 있고 사실적인 앱 사용 경험을 제공하기 위해서는 ProtoPie Player를 통해 테스트를 진행해야 합니다.

좋은 소식은, 동일한 프로토타입에 몇가지 추가 스텝만 진행하면 ProtoPie Player로 훨씬 쉽게 사용성 테스팅을 진행할 수 있다는 것입니다.

Lookback을 이용하여 진행자가 없는 스터디 셋업하기

Lookback을 사용하면, 필요에 맞게 진행자가 없는 사용성 테스트(Lookback에서는 ‘SelfTest’ 또는 ‘Tasks’로 표현)를 쉽게 셋업할 수 있습니다. ‘SelfTest’는 시나리오에 대한 목표를 제시하고 참가자들이 주어진 흐름대로 과제를 완료하는 과정을 지켜볼 수 있도록 하는 기능입니다. ‘Tasks’는 참가자에게 단계별 작업 설명을 제공하여 질문을 유도할 수 있는 테스트 옵션입니다.

Lookback은 앱, 웹사이트, 프로토타입 테스트와 모든 디바이스 유형을 지원하므로, 사용성 테스트를 보다 쉽게 셋업할 수 있습니다.

- Device Requirements 선택 시, 데스크톱, iOS 또는 Android 중 선택이 가능합니다. 디바이스 유형을 별도로 관리하려면, 동일한 라운드에 필요한 장치 요구사항을 지정 후 복제할 수 있습니다.

- 데스크탑 경험을 위한 테스트를 셋업하는 것은 더욱 간단합니다. ProtoPie link를 Scenario 또는 Task 내 Auto-open URL 칸안에 붙여넣으면, 참가자는 가지고 있는 디바이스를 통해 프로토타입을 직접 열어 주어진 작업들을 완료할 수 있습니다. 그러나, 모바일 디바이스에서 테스트를 진행하기 위해서는 몇 가지 단계를 더 거쳐야 합니다.

- 'Mobile' 옵션을 클릭하면, 디바이스 요구 사항에서 iOS 또는 Android를 선택할 수 있습니다. 테스트 중인 프로토타입의 종류에 따라, 모바일 브라우저 컨트롤을 숨길 수도 있습니다. ProtoPie의 프로토타입은 모바일 브라우저에서도, 앱에서도 잘 작동한답니다.

보유하고 있는 프로토타입이 ProtoPie Player 앱에서 테스트하기에 더 적합하다면, 아래 나와있는 스텝들을 참고하여 테스트를 셋업하세요.

- 프로토타입의 링크를 Scenario 또는 Task의 Auto-open URL에 붙여넣어 주세요.

- ‘Mobile Browser’ 아래 있는 ‘Controls Hidden’을 체크하여 프로토타입이 기기 화면과 맞도록 설정하세요.

- 프로토타입이 암호로 보호되어 있는 경우, Scenario 또는 Task 설명란에 잊지 말고 암호를 입력해 주세요.

ProtoPie Player를 사용하여 모바일 장치에서 테스트 수행하기

모바일 웹 브라우저에서 프로토타입이 제대로 작동하지 않는다고요? 걱정하지 마세요!
Lookback과 ProtoPie Player를 사용하여 진행자가 없는 모바일 사용성 테스트를 설정하는 방법을 알려드릴게요.

- 새로운 ‘SelfTest’ 또는 ‘Tasks’를 생성한 후, iOS 또는 Android에서 ProtoPie Player 앱 다운로드 링크를 Scenario에 붙여넣으세요.

iOS: https://apps.apple.com/us/app/ProtoPie-player/id1015837511
Android: https://play.google.com/store/apps/details?id=io.ProtoPie.companion&hl=ko

참가자가 필요할 때 링크를 가져와야 할 수 있으므로, ‘Mobile Browser’ 아래 ‘Controls Hidden’ 기능을 끄는 것이 좋습니다.

- Task의 Auto-open URL 및/또는 작업 설명 내부에 ProtoPie의 프로토타입 링크를 추가하세요.

- ProtoPie Cloud 페이지에서 공유 링크를 복사할 때 반드시 Player Popup을 열어주세요.

- 참가자가 Player Popup에서 ProtoPie 앱 버튼을 탭하도록 하여, 원활하게 ProtoPie Player 앱을 통해 테스팅을 시작할 수 있도록 안내하세요. 참가자가 아직 ProtoPie Player 앱을 설치하지 않은 경우, App Store (또는 Google Play 스토어) 페이지를 통해 앱을 설치하거나 열 수 있습니다.

- 브라우저 또는 작업의 가이드라인 내에 있는 링크를 복사하여 ProtoPie Player 앱 열기에 대한 내용을 제공하세요. (테스트 앱의 인앱 브라우저는 기본적으로 ProtoPie Player에서 파이를 여는 딥링크를 차단합니다. 그러나 참가자가 별도로 링크를 브라우저에 복사하면 파이를 열 수 있습니다.)

- 참가자들에게 ProtoPie Player앱에서 'Open this Pie'를 탭하도록 요청하세요.

- 프로토타입이 암호로 보호된 경우, 참가자에게 브라우저와 ProtoPie Player 앱에서 암호를 각각 한 번씩 입력해야 함을 꼭 알려주세요.

최근 ProtoPie Player의 기능이 업데이트 되어, 이제 브라우저나 ProtoPie Player 앱 내에서도 프로토타입 링크를 직접 열 수 있습니다. 앱은 복사된 프로토타입 링크를 자동으로 인식하고, 링크 열기 메시지를 표시합니다.

참가자들이 'Open this Pie' 창을 못 볼까봐 걱정된다면, ProtoPie Player 내 프로토타입 링크를 수동으로 입력할 수 있는 옵션을 사용하세요. 보라색 드롭다운 메뉴에서 'Cloud Pie URL'을 탭하고 프로토타입 링크를 붙여넣기만 하면 프로토타입을 열 수 있습니다. 그 외 다른 부분에 대한 정보는 이미 복사된 경우, 채워진 상태로 표시될 것입니다.

[예시 설명]

Scenario

ProtoPie Player 앱을 통해 앱 프로토타입을 불러오세요. 아래 링크들 중, 가지고 있는 디바이스 OS에 해당하는 링크를 클릭하여 앱 다운로드를 시작하거나, App Store (또는 Google Play 스토어)에서 앱을 검색 후 다운로드하세요.

iOS: https://apps.apple.com/us/app/ProtoPie-player/id1015837511
Android: https://play.google.com/store/apps/details?id=io.ProtoPie.companion&hl=en

앱 다운로드가 완료되면 첫번째 작업을 시작하세요.

Tasks

1. 본 프로토타입은 암호로 보호되어 있습니다. 프로토타입의 비밀번호는 **mood4shopping**입니다. ProtoPie 앱에서 열기 팝업이 뜨면, ProtoPie Player 앱 열기 버튼을 눌러 다음 작업으로 넘어가세요.

2. https://cloud.ProtoPie.io/p/379e2bcacf?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false&playerAppPopup=true 를 복사하거나 또는 브라우저에서 링크를 복사하고 ProtoPie Player 앱을 여세요. 화면 하단에 'Open this Pie'라는 메시지가 표시되면 버튼을 누르고 프로토타입을 여세요. 로딩이 완료되면, 암호를 다시 묻는 메시지가 표시될 수 있습니다. 이전에 언급되었던 프로토타입의 비밀번호 **mood4shopping**을 입력하세요. ‘New Collection’이라는 제목의 화면이 표시되면 다음 작업으로 넘어갑니다.

3. 쇼핑을 시작하고, 페이지에 표시된 이미지와 항목을 살펴보세요. 어떤가요? 직관적이고 필요한 것을 쉽게 찾을 수 있나요? 이번 작업에서 요청된 헤드폰을 찾으면, 다음 작업으로 넘어가세요.