The UserTesting App

The industry standard for app and website testing.

UserTesting helps companies eliminate bad user experiences. Drawing from its panel of 30,000+ paid testers, UserTesting records users’ reactions to client products, providing powerful proof of actual user experiences.

Challenge: UserTesting had always used a desktop-based testing software. With the rise of mobile devices, I was asked to create a mobile testing app, using the phone’s built-in camera, screen, and voice recorder. This involved navigating a complex set of requirements from testers, clients, and engineering.

Outcome: The app was a huge success. Testers and clients greatly preferred the mobile version of the testing software, and UserTesting saved thousands of dollars through lower camera and shipping costs.

The final app The finished UserTesting app gives testers task instructions and then gets out of the way for them to complete those tasks.

Tester dashboard The app’s dashboard helps testers know which tests they qualify to take. Here are shots of the dashboard, screening questions, and side menu.

Device type icon set I designed a set of icons for testers to quickly see which tests are compatible with other devices, such as a computer or tablet.

Task instructions button We faced one major design challenge in creating the app: giving testers instructions on which tasks to perform, and then getting out of their way so they could complete the task. I solved this by creating the task instructions button, or “sticky ball.” A user taps the button to reveal the task instructions. Another tap collapses the button, and the user can return to the task at hand. The button is always present but unobtrusive, and the user can easily move it around the screen.

Final task instructions prototype
An early iteration that required training
Three-finger gesture training

No training needed I coded a prototype for the sticky ball in Xcode. Unlike an earlier approach our team had tried (which required extensive explaining to testers), our testers intuitively understood how to use the button without any onboarding.

Xcode prototype screenshot

A better sign in Designing the login form required the right balance between simplicity and clarity. Form labels are always visible, even when typing into a field (“was I supposed to type my username or my email here?”). Form data is evaluated for errors as soon as the user switches fields, and error messages are bold and easy to understand.

Early designs As we developed the app, we explored its overall look-and-feel, the test display, and several available features.