Goal

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:
​

User Research

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.

Wireframes

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.

The Homepage with map options in each category.

Map of Popular Steak Nearby category, note the filter button.

Search Results Page with floating map button.

Using Adobe Illustrator I digitized the wireframe sketches. 

User Flow

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.

Usability Test

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.

Deliverable - Usability Report

Back to work

Resume | The Nerdery | Apple Valley High School | Make it. MSP. | Aquatics Empowered | Dinner Reserved

©2017 Joel Lueders