코드 없이 사용성 테스트를 만드는 Maze를 직접 써봤습니다. Figma 연동부터 히트맵, 가격과 한계까지 솔직하게 살펴봅니다.
버즈빌에서는 UI툴 Figma로 회사 서비스의 프로토타입을 제작하고 전사적으로 공유하고 있는데요, 프로토타입이 고도화될 수록, 비 디자이너들의 프로토타입 활용도를 수치화할 수 있으면 더 빠르게 의미 있는 개선을 할 수 있겠다는 생각이 들어서 방법을 찾아보게 되었어요. 그러던 중, 최근 Maze 라는 유저 데이터 분석 서비스가 Figma 연동 지원을 시작했다는 이야기를 듣고 테스트해 보았어요. 그 결과의 일부를 공유합니다 🤩
20.02.05기준 Sketch, Invision, Figma, Marvelapp 연동을 지원해요. 오른쪽 위의 text 입력창에 프로토타입 링크를 복붙하면, 왼쪽의 example처럼 프로젝트를 생성할 수 있답니다. 계정당 프로젝트를 1개(ㅠ) 무료로 지원해요. 프로토타입 제작시 기능과 액션을 촘촘히 쌓아두었다면, 개발공수 없이 실제 지표와 굉장히 유사한 테스트 결과를 얻을 수 있을 것 같아요. 버즈빌에서는 Figma를 사용하기 때문에 전에 만들어둔 회사 프로토타입을 바로 연동할 수 있었어요. (나중에 프로토파이도 적용되면 좋을 것 같네요)
질문자는 프로젝트 내에서 아래와 같은 여러 타입의 블록을 만들고 순서를 편집할 수 있어요.
메이즈 자체 브랜딩이 녹아있는 일러스트레이션과 함께, 설문에 대한 전반적인 안내를 영문으로 제공해요. Team Plan부터 커스텀 가능한 것 같습니다.
가장 중요한 블록이에요. 프로토타입을 연동한 이후, 본인이 생각하는 예상 플로우를 등록해요(path). 실제 시연을 통해 프로토타입으로 UI를 이동하면, 장면들이 자동으로 찍혀 하나의 플로우를 구성하게 되니 간편해요. 여러 가지 경로를 중복해서 등록할 수도 있어서, 테스트 전에 등록을 잘 해둘 수록 더 정확한 값을 얻을 수 있습니다. 다만 이런 점들이 아쉬워요.
웰컴 스크린과 마찬가지로, 메이즈 자체 브랜딩이 녹아있는 일러스트레이션과 함께 설문이 종료되었다는 안내 페이지를 영문으로 제공해요. Team Plan부터 커스텀 가능한 것 같습니다.
이렇게 다양한 타입의 블록 옵션이 존재하기 때문에, 상황에 맞게 블록을 조합해 목적에 맞는 설문 플로우를 기획/제작할 수 있어요. 마지막 배포 전 프리뷰 버튼을 눌러, 놓친 부분을 점검하고 수정할 수도 있고요.
플로우를 완성했으면, 이제 실제 유저에게 테스트해 봐야겠죠? 오른쪽 상단의 START TESTING 버튼을 누르면 설문 링크가 안내 UI와 함께 클립보드에 복사되고, 그 URL을 공유하는 방식으로 테스트를 진행할 수 있습니다. 이를 통해 기존에 설정한 블록 순서대로 테스트를 진행하고, 그 결과 미션 데이터를 다양한 방식으로 받아보게 돼요.
💡 링크를 공유할 마땅한 테스터가 없다면, Maze에서 원하는 분류의 테스터를 대신 섭외해 주고 결과값을 공유합니다. 비싸요.
1프로젝트 내에서라면 (프로토타이핑 링크 하나를 활용하는 것이라면) 얼마든지 새로운 버전을 만들어 테스트 플로우를 수정하고 재배포할 수 있어요. 소규모 인원에게 테스트를 먼저 진행하고 이후 개선된 사항으로 대규모 설문 배포를 진행하는 전략을 짤 수 있습니다. 저도 해당 기능을 활용해 팀내 2~3명에게 우선 피드백을 받고, 개선된 플로우로 대규모 배포를 계획하고 있어요.
무료부터 금액 협의까지 플랜이 준비되어 있네요. Free plan의 관점에서 제공 항목을 하나씩 살펴보도록 할게요.
Active projects 는 현재 진행형인 프로토타입의 프로젝트 개수입니다. 프로토타입 링크 하나당 프로젝트 하나가 생성되고, 무료 플랜의 경우 테스트 종료 후 아카이브하면 새로운 프로젝트를 시작할 수 있는 것 같아요(이건 안 해봐서 제보 부탁드릴게요)Collaboration 은 테스터의 숫자, 혹은 질문자의 수인데요, 이 부분이 free 플랜부터 무한대라는 것이 엄청난 장점입니다. 무료부터 언제든지 이해관계자들을 초청해 설문 플로우를 함께 고민할 수 있고, 링크만 잘 뿌리면 원하는 테스터를 무한정 받을 수도 있어요.No. of blocks 는 최대 플로우 블록을 의미합니다. 테스트 플로우 하나 = 1block인데요, 실제 설문 작성해본 결과, 10블록 이내로 충분히 훌륭한 테스트 시트를 만들 수 있습니다. 오히려 한 테스트에서 너무 많은 블록을 사용하면 테스터 이탈률도 높지 않을까 합니다.CSV Export 를 통해 스프레드시트나 엑셀 등으로 옮길 수 있을 것 같습니다. Maze UI로 제공되는 유저 데이터를 다른 DB에서 관리하고 싶거나, 기타 다양한 가공을 해보고 싶을 때 유용할 것 같아요.Password protection 으로 보안 유지가 가능하겠죠.. 이름 그대로의 직관적인 기능입니다.Customization 은 설문조사 링크 공유시 welcome page, complete page등의 커스텀을 가능하게 해주는 용도인 것 같은데요, 설문자들에게 maze 브랜딩을 노출시키지 않고, 설문 처음과 끝을 자사 브랜딩 지면으로 활용할 수 있을 것 같습니다.지금도 저는 재미있게 플로우를 개선해 보면서 Maze와 신나게 노는 중이에요. 제 인상은 아래와 같이 간추려 정리할 수 있을 것 같아요. 메이즈 써 보세요! 데이터 드리븐 의사 결정에 굉장히 유용할 것 같아요 🤩
아쉬운 부분도 있지만 서비스의 완성도가 전반적으로 높고, 연동이 간편하며, 모바일/PC환경 모두에서 테스트 해볼 수 있고 개발공수가 필요하지 않아 활용성이 높다.
피그마, 스케치, 인비전 등의 프로토타입 URL로 간편 연동
실제 테스터가 실행한 플로우와 비교, 여러 지표를 다양한 방법으로 측정 가능
미션 블록 외에도 rating, feedback, poll 등 필요에 따라 사용 가능
초기 등록한 예상 경로와 실제 유저 이동 경로의 유사성 판별 및 제공
동일한 프로토타입 링크라면, 얼마든지 복제하고 이전 버전과 비교 분석 가능
초기 분석으로 얻은 인사이트를 이후 테스트에 반영 가능
*메이즈를 추천해 주신 디자이너 남경님과 현지님, 감사합니다 *😊
기존에 Invision, Sketch 등의 UI디자인 툴을 통해, 유저 리서치 플로우 데이터를 측정, 제공해 주는 툴이에요. 주요 기능은 크게 아래 세 스텝으로 정리해 볼 수 있을 것 같아요.
