11

분 소요

ProtoPie 및 UserTesting으로 원격 사용성 테스트를 수행하는 방법

ProtoPie와 UserTesting을 사용하여 사용성 테스트를 성공적으로 진행하세요.

Kelly Park, Lead UX Researcher

핵심 요약

  • 몇 단계만 거치면 누구나 ProtoPie와 UserTesting으로 비모더레이티드 사용성 테스트를 쉽게 설정할 수 있습니다

  • 비모더레이티드 사용성 테스트는 데스크톱과 모바일의 브라우저에서, 또는 iOS, iPadOS 및 Android의 ProtoPie Player에서 수행할 수 있습니다.

사용성 테스트는 제품 개발 과정의 중요한 부분입니다. 그런데 그것은 *정확히* 무엇일까요?

실행 가능한 프로토타입이 준비되면(앱, 웹사이트 또는 다른 디지털 제품을 위한 것인지와 관계없이) 실제 사용자로 테스트해 볼 필요가 있습니다. 사용자가 무엇을 좋아하고 싫어하는지, 무엇을 이해하는지, 무엇에서 어려움을 겪는지 확인할 수 있습니다. 얻은 피드백은 제품 개발 과정의 나머지 부분에 반영되어 추가적인 관심이 필요한 영역을 드러냅니다.

예를 들어, 사용성 테스트는 다음과 같은 문제를 파악하는 데 도움이 될 수 있습니다:

  • 사이트가 어떻게 작동하는지 이해하기

  • 특정 작업 수행하기

  • 버그나 오류

  • 기능적이고 효율적이며 즐거운 경험을 제공하기

비모더레이티드와 모더레이티드 사용성 테스트

사용성 테스트는 중요하지만 대개 비용이 많이 듭니다. 적합한 참여자를 찾고, 일대일 테스트 세션을 일정에 맞춰 진행하는 데는 시간과 노력이 필요합니다. 따라서 많은 회사가 사용자 테스트 서비스 플랫폼의 도움을 받아 원격 비모더레이티드 방식으로 사용성 테스트를 진행합니다. 원격 비모더레이티드 사용성 테스트란 무엇일까요?  이 유형의 테스트에서 참여자는 혼자 있는 동안 미리 정해진 일련의 활동(예: 새로운 지도 앱에서 가장 가까운 식료품점을 검색하기)을 수행합니다. 연구원이나 디자이너는 세션을 진행하며 관찰하지 않지만, 나중에 영상을 확인해 참여자가 어떻게 수행했는지 볼 수 있습니다. 이를 통해 더 빠른 처리 시간과, 귀중한 사용자 피드백을 위해 연구원이 들여야 하는 시간과 노력을 줄일 수 있습니다.

원격 비모더레이티드 사용성 테스트는 참여자가 모더레이티드 대면 세션보다 더 자연스럽게 행동하도록 해줍니다. 참여자는 낯선 사람들이 자신의 모든 움직임을 지켜보는 상황에 둘러싸이지 않고, 대신 편안한 자신의 공간에 있습니다. 이는 더 유용한 사용성 피드백을 제공할 가능성이 높다는 뜻입니다.

그렇지만 UserTesting 같은 플랫폼에서 원격 비모더레이티드 사용성 테스트를 진행하려면, 참여자가 의도한 대로 경험할 수 있도록 몇 가지 준비가 필요합니다.

아래에 설명된 단계를 따라 UserTesting과 ProtoPie의 프로토타입을 사용할 때 테스트 참여자에게 최적화된 테스트 경험을 제공하세요! 

설정 과정

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

먼저, 테스트 참여자가 프로토타입에 접근할 수 있도록 URL 링크를 생성해야 합니다.


generate the url link for usability testing

접근 설정 업데이트

  • ProtoPie Cloud의 프로토타입 페이지 왼쪽에 있는 옵션 메뉴에서 Access Settings를 클릭합니다.

  • 프로토타입 링크가 있는 누구나 이를 보고/또는 다운로드할 수 있도록 허용합니다.


Access setting as anyone with the link
  • 보안을 강화하기 위해 Password Protection을 설정합니다(조직의 보안 정책에서 요구하는 경우).

테스트 플랫폼 내에서 참여자에게 비밀번호를 공유하여 다른 사람이 프로토타입에 접근하지 못하도록 하세요. 사용성 테스트가 완료되면 비밀번호를 변경하여 접근 권한을 취소할 수 있습니다.


access settings with password protection

Share Pie에서 공유 설정 사용자 지정

Access Settings를 업데이트하고 Password Protection을 설정했으므로, 이제 테스트 참여자와 공유할 때 ProtoPie Cloud에서 프로토타입이 표시되는 방식을 사용자 지정할 차례입니다.

  • 옵션 메뉴에서 Share Pie를 클릭하고 필요에 맞게 표시 옵션을 사용자 지정합니다.

최적화된 테스트 경험을 위한 몇 가지 팁입니다: 

  • 끄기

  • Touch Hint(이렇게 하면 프로토타입의 터치 가능한 영역이 보이지 않습니다)

  • Device Frame(모바일 기기에서 테스트하는 경우 필요하지 않습니다)

  • ProtoPie Interface(이 기능을 끄면 데스크톱에서 더 깔끔한 보기 경험을 제공합니다. 모바일 기기에서는 'Open in ProtoPie Player' 버튼이 나타나는 것을 방지합니다)

  • 켜기

  • Touch Cursor(터치스크린 기기에서 테스트하는 경우 참여자의 터치 이동을 모니터링하기 위해)

  • Scale to Fit(기본적으로 켜져 있습니다)


share pie options
  • Copy Link를 클릭하면 이제 선택한 사용성 테스트 플랫폼(이 경우 UserTesting)에서 사용할 준비가 완료됩니다. 메모장에 붙여넣어 필요할 때마다 사용할 수 있습니다.

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

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

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

데스크톱 사용성 테스트와 달리, 모바일 기기에서의 원격 비모더레이티드 테스트는 설정 시 약간의 추가 주의가 필요합니다. 프로토타입을 ProtoPie Player 앱에서 미리 볼지, 아니면 ProtoPie Cloud를 통해 웹 브라우저에서 볼지 결정해야 합니다.

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

  • 웹 브라우저: ProtoPie Player를 다운로드할 필요가 없습니다

  • ProtoPie Player: 앱을 다운로드해야 하지만 더 현실적인 테스트 경험을 제공합니다

왜 ProtoPie Player를 사용해야 할까요?

웹 브라우저나 테스트 앱에서 원격 비모더레이티드 테스트를 진행하는 것은 빠르고 쉽습니다. 그러나 사용자가 디자인의 실제적이고 완전한 느낌을 경험하길 원한다면 ProtoPie Player가 가장 좋은 선택입니다. Player 앱을 다운로드하기만 하면 그 다음부터는 순조롭게 진행됩니다.

특히 기기 센서(예: 기울기)나 기본 기능(예: 카메라 또는 진동)을 활용하는 pie를 만들었거나, 테스트를 몰입감 있고 현실적인 앱 같은 경험으로 만들고 싶다면 ProtoPie Player를 사용해 테스트를 진행해야 합니다. 그리고 좋은 소식이 있습니다. ProtoPie Player로 사용성 테스트를 진행하는 것이 훨씬 쉬워졌습니다! 몇 가지 추가 안내만 있으면 동일한 프로토타입 링크를 사용할 수 있습니다. 간단합니다.

UserTesting에서 ProtoPie의 프로토타입 링크를 사용하여 비모더레이티드 사용성 테스트 설정하기

UserTesting은 훌륭한 사용성 테스트 도구이지만, ProtoPie의 프로토타입 링크와 함께 사용할 때 기억해야 할 몇 가지 사항이 있습니다.

ProtoPie와 UserTesting으로 비모더레이티드 사용성 테스트를 설정하려면 아래 단계를 따르세요.

웹 브라우저에서 진행되는 테스트

  • UserTesting에서 새 테스트를 만들고 ‘Website’ 또는 ‘Prototype’ 테스트 옵션 중 하나를 선택합니다(걱정하지 마세요. 어떤 것을 선택하든 설정은 거의 동일합니다).


how to do usability testing on usertesting
  • ProtoPie 프로토타입 링크를 ‘Starting URL’ 필드에 붙여넣고 필요에 맞게 테스트를 설정합니다.

‘A Blank page’를 선택하고 테스트 과제와 함께 참여자에게 프로토타입 링크를 공유할 수도 있습니다.

모바일 기기에서 참여자에게 기본 브라우저 사용을 요구하지 않기로 선택하면, 프로토타입은 UserTesting의 앱 내 브라우저에서 열립니다.


add ProtoPie prototype on usertesting


user testing in app and native browser


UserTesting의 앱 내 브라우저 / 기본 브라우저

다음 테스트 세션 녹화는 UserTesting의 앱 내 브라우저에서 ProtoPie의 프로토타입 링크가 어떻게 보이는지 보여줍니다:

ProtoPie Player를 사용하여 모바일 기기에서 진행되는 테스트

프로토타입이 모바일 웹 브라우저에서 잘 작동하지 않더라도 걱정하지 마세요! UserTesting과 ProtoPie Player를 사용하여 모바일 비모더레이티드 사용성 테스트를 설정하는 방법을 안내해 드리겠습니다.

  • UserTesting에서 ‘New Test’를 만듭니다.

  • Player 앱을 통해 프로토타입을 테스트하려면 Website 또는 App 중 하나의 테스트 옵션을 선택합니다. 다행히 두 옵션 모두 ProtoPie 프로토타입과 완벽하게 작동하므로 어느 쪽을 선택해도 좋습니다.


Setting up remote unmoderated study on mobile devices with UserTesting using ProtoPie Player

어떤 테스트 옵션을 선택하든, 초기 선별 질문에서 테스트 참여자가 모바일 기기에 ProtoPie Player 앱을 설치해야 참여할 수 있다는 점을 알려주는 것이 좋습니다.

‘Website’ 테스트 옵션을 선택한 경우, iOS 또는 Android에서 ProtoPie Player 앱을 다운로드하는 링크를 Starting URL 필드에 간단히 붙여넣을 수 있습니다.

iOS: https://apps.apple.com/us/app/protopie-player/id1015837511

Android: https://play.google.com/store/apps/detailsid=io.protopie.companion&hl=en

‘Website’ 테스트 옵션을 선택했다면, 참여자에게 기본 브라우저 사용을 요구해야 한다는 점도 기억하는 것이 중요합니다.


put starting URL
  • 첫 번째 과제로는 ProtoPie 프로토타입 링크를 제공하고, 참여자에게 탭해서 여는 대신 복사하도록 요청합니다.

  • 두 번째 과제에서는 ProtoPie Player 앱을 실행한 다음 화면 하단의 'Open this Pie' 프롬프트를 탭하도록 요청합니다. 프로토타입이 비밀번호로 보호되어 있다면 테스트 참여자에게 비밀번호를 공유하는 것을 잊지 마세요.

ProtoPie Player의 최신 기능 업데이트 덕분에 이제 프로토타입 링크를 Player 앱 안에서 직접 열 수 있습니다. 앱은 복사된 프로토타입 링크를 자동으로 인식하고 열기를 안내합니다.

참여자가 'Open this Pie' 프롬프트를 보지 못할까 걱정된다면, ProtoPie Player에는 프로토타입 링크를 수동으로 입력하는 옵션이 있습니다. 파란색 드롭다운 메뉴에서 ‘Cloud Pie URL’을 탭한 다음 프로토타입 링크를 붙여넣기만 하면 됩니다. 이전에 링크를 복사했다면 해당 섹션이 미리 채워집니다.

[예시 안내]

  1. 프로토타입을 열고 테스트 세션을 시작하려면 ProtoPie Player 앱을 다운로드하고 설치하세요.

  2. 다음 링크를 복사하세요: https://cloud.protopie.io/p/b4013a7b78?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false

  3. ProtoPie Player를 열고 ‘Open this Pie’를 탭하여 2번 과제에서 복사한 프로토타입 링크를 여세요.

  4. ‘Open this Pie’가 보이지 않으면 파란색 버튼의 아래쪽 화살표 ▼를 탭하고 ‘Cloud Pie URL’을 찾아 다음 링크를 붙여넣으세요: https://cloud.protopie.io/p/b4013a7b78?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false


usability testing with ProtoPie player
  • 필요에 맞게 테스트 계획 설정을 마무리합니다


finish setting up the test plan

자세히 알아보기

ProtoPie를 최대한 활용하는 방법에 대한 자세한 내용은 훌륭한 지원 페이지를 확인하세요.

[ProtoPie를 무료로 사용해 보기]