우리의 자세한 단계별 가이드를 통해 Bubble.io를 UserTesting과 쉽게 통합하는 방법을 배우세요. 지금 당장 테스팅 효율성을 향상시키세요!
UserTesting은 기업에게 사용자 주도적인 통찰력을 제공하는 디지털 플랫폼입니다. 이는 사용성 테스트를 위해 사용되며, 기업이 그들의 웹사이트, 앱, 또는 제품과 상호작용하는 실제 사용자로부터 피드백을 받을 수 있게 해줍니다. 이 도구는 평가되는 제품에 대해 특정 작업을 수행하는 사용자의 화면과 음성을 녹화합니다. 이 플랫폼은 기업이 사용자 경험을 관찰하고, 녹화하며, 분석할 수 있는 환경을 만들어줌으로써 그들의 제공물을 개선하고 최적화하는 데 도움을 줍니다.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1단계: Bubble.io에서 계정을 생성하십시오
통합 과정을 시작하기 전에 Bubble.io에 계정이 있는지 확인하십시오. 기존에 가지고 있지 않다면 Bubble.io 웹사이트에 접속하여 회원가입을 하세요. 과정은 간단한데 - 이메일 주소를 입력하고 비밀번호를 설정하면 됩니다.
2단계: Bubble.io에서 애플리케이션을 생성합니다
Bubble.io를 시작한 다음 대시보드의 오른쪽 상단에 있는 '새로운 앱' 버튼을 클릭합니다. 애플리케이션에 고유한 이름을 부여한 다음 '생성'을 클릭합니다. 이제 새로운 애플리케이션의 인터페이스로 이동하게 됩니다.
3단계: Bubble.io의 플러그인 섹션으로 이동합니다
Bubble.io 편집기 페이지에서, 플랫폼의 왼쪽 메뉴에서 '플러그인' 탭을 클릭합니다.
4단계: UserTesting 플러그인을 설치합니다
플러그인 섹션에서 '+플러그인 추가' 버튼을 클릭합니다. 이렇게 하면 검색 창이 있는 새 페이지가 열립니다. 검색 창에 'UserTesting'을 입력하고 엔터키를 누릅니다. UserTesting 플러그인이 나타나면 '설치'를 클릭하여 Bubble.io 애플리케이션에 추가합니다.
5단계: UserTesting 플러그인을 구성합니다
플러그인을 설치한 후, 이를 구성해야 합니다. 메인 플러그인 페이지로 돌아가서 UserTesting 플러그인을 클릭합니다. 제공된 입력 필드에 UserTesting API 키를 제공해야 합니다.
6단계: UserTesting에 계정을 생성합니다
API 키를 얻으려면 UserTesting 계정이 필요합니다. 가지고 있지 않다면 UserTesting 웹사이트로 이동하여 가입하십시오.
7단계: UserTesting API 키를 검색합니다
UserTesting에 가입한 후, 계정에 로그인하십시오. 사용자 설정 메뉴에서 'API' 옵션을 클릭합니다. 여기에서 API 키를 생성하고 복사할 수 있습니다.
8단계: 플러그인 설정에서 UserTesting API 키를 제공합니다
Bubble.io 편집기로 다시 돌아가서, API 키를 UserTesting 플러그인 구성설정 내 필요한 필드에 붙여 넣습니다.
9단계: UserTesting 플러그인 작업과 트리거를 사용합니다
플러그인이 설치되고 적절하게 구성되면, Bubble.io 애플리케이션에 이를 사용할 수 있습니다. 워크플로우 탭 내에서, 애플리케이션에서 플러그인의 작업과 트리거를 사용할 수 있습니다. 이를 통해 UserTesting의 기능을 사용할 수 있는데, 예를 들어 새로운 테스트를 만들고, 테스트의 상태를 알아보고, 결과를 받는 등의 기능을 사용할 수 있습니다.
10단계: 애플리케이션을 미리 봅니다
모든 것을 설정한 후, '미리보기' 버튼을 클릭하여 애플리케이션 내에서 UserTesting 통합이 어떻게 작동하는지 확인합니다. 모든 것이 예상대로 작동하는지 확인하십시오. 설정에 문제가 있는지를 나타내는 오류 메시지를 확인하십시오.
11단계: 애플리케이션을 출시합니다
UserTesting 플러그인이 예상대로 작동한다면, '배포' 버튼을 클릭하여 Bubble 앱을 출시하십시오.
12단계: UserTesting을 사용하여 애플리케이션을 개선합니다
모든 것을 다 준비한 후, UserTesting을 사용하여 실제 사용자로부터 앱에 대한 통찰력을 얻을 수 있습니다. 이 피드백은 애플리케이션을 시간이 지남에 따라 유용하게 개선하는 데 도움이 될 수 있습니다. 결과를 주의 깊게 살펴보고 이를 전략적으로 활용하여 사용자 인터페이스 및 경험을 향상시키십시요.
시나리오: 전자상거래 회사가 최근 Bubble.io에서 디자인된 새로운 웹사이트를 론칭했습니다. 그들은 새로운 고객과 기존 고객에게 얼마나 직관적인 웹사이트인지 이해하기 위해 새 웹사이트에서 사용자 경험 테스트를 진행하고자 합니다. 그들은 웹사이트의 사용자 경험에 대한 통찰력을 얻고 실제 사용자로부터 피드백을 수집하기 위해 UserTesting를 사용하기로 결정했습니다.
해결책: Bubble.io와 UserTesting 통합
웹사이트 생성: 회사는 Bubble.io를 사용하여 관객의 전자상거래 요구에 맞춤으로 진행하는 매력적인 웹사이트를 만듭니다. 웹사이트에는 직관적인 체크아웃 프로세스, 매력적인 제품 표시, 제품 필터, 검색 기능, 고객 리뷰 섹션, FAQ 섹션이 포함되어 있습니다.
통합 설정: UserTesting 플러그인이 Bubble.io에 설치됩니다. 회사는 사용자 테스트를 진행하고자 하는 웹사이트의 특정 페이지나 측면을 선택합니다.
세션 녹화 및 사용자 피드백: UserTesting을 이용하여, 회사는 실제 사용자들을 초대하여 웹사이트를 테스트하게 합니다. 플러그인은 웹페이지에서 사용자의 활동을 녹화하고, 그들이 웹사이트를 처음부터 끝까지 탐색하면서 말하는 생각을 캡쳐합니다. 모든 테스트 세션은 저장되며 사용자 경험에 대한 포괄적인 이해를 위해 다시 재생할 수 있습니다.
통찰력과 분석: 회사는 UserTesting을 통해 수집된 녹화된 세션과 사용자 피드백을 검토합니다. 그들은 사용자가 어려움을 겪은 영역, 방문하지 않은 페이지, 사용되지 않은 기능, 잘 받아 들여진 제품, 그리고 전체 사용자 경험에 주목합니다.
변경 사항 구현: UserTesting의 통찰력에 기반하여, 전자상거래 회사는 그들의 Bubble.io 웹사이트에 필요한 조정을 합니다. 이것은 체크아웃 프로세스를 수정하거나 제품 페이지를 재디자인 또는 사이트 탐색을 조정하는 것을 포함할 수 있습니다.
테스트, 반복, 개선: 변경사항을 적용한 후, 그들은 향상을 확인하기 위해 더 많은 사용자 테스트를 실행합니다. 이 테스트, 피드백, 향상 과정을 회사가 사용자 경험에 만족할 때까지 계속 합니다.
장점:
.svg)
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
.svg)
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
.svg)
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
