UX Case study

UX Case study

User Interviews

After remote and in-person interviews I distilled the user goal down to:
My user is a busy parent searching for restaurant options locally and during travel. They don't have much time to research and want the ability to find a table for a spontaneous date night, make a reservation for a special occasion, or even see if there is a take-out or delivery option, all from within the same app.

Literature Review and Competitor Analysis

http://press.opentable.com/news-releases/news-release-details/opentable-research-reveals-what-diners-actually-want-technology

http://www.ecommerce-digest.com/open-table-case-study.html

Screenflow and Low-fi Wireframes.

Building on the research and user goals my initial screen flow is shown below.

Screen flow created in Sketch

Screen flow created in Sketch

Low-fi hand drawn wireframes were created for the first page and some parent level menus.

hand-drawn-screens.jpg

These were then brought into Sketch to clean up and clarify some of the UI and copy.

first-sketch-wireframe.png

Off on a design systems tangent I dove headfirst into Google Material Design and modified their Crane template for my app. Here are some screens generated from this powerful Sketch plug-in:

material-design.png

Using my customized Material Designs library I then started to gain fidelity in Sketch.

sketch-main-menu.png

Next I made a lean prototype in Axure and tested with four users aging from ages 12-67.  Some of their comments and questions are annotated below:

prototype-w-questions.png
protoype-w-annotations.png

Next steps would be to expand my Material Design library and better integrate it into Axure.