User Research | Usability Testing | Digital Wireframes | Interactive Prototype
Adobe Illustrator | Axure RP 8 | Silverback
With user research, hand drawn and digital wireframes made in Adobe Illustrator, a clickable prototype made in Axure, and usability testing recorded in Silverback, I designed a dinner reservation app with an emphasis on location, this is how:
First thing was to conduct user research. Using the Open Table mobile site, I asked three users to show how they go about searching, selecting a restaurant, and creating a reservation. User research showed: Sorting by price is useful, but most important is location on a map. Also there were complaints that once you set a filter it would go away the next time you made any changes.
Based upon user research I wanted to make an app that would give the user the option to see a map view for search results and categories (i.e. Seafood) also to allow you to add price filters that don't disappear.
Using Adobe Illustrator I digitized the wireframe sketches.
Deliverable - Clickable Prototype
Then using Axure RP I created a clickable prototype. The large blue button look is inspired by the OSX Aqua interface. The buttons also grow and shrink when clicked on, a visual queue inspired by the Super Mario Run app.
A usability test script was written, and users were given the task: "You and a guest are looking for a 7pm dinner reservation near the St. Paul Cathedral. Use this app to make that reservation." With their permission users and their actions were recorded with Silverback. The goal of this was to find refinements and to see if the app was solving the user's needs effectively.