top of page
Wireframe/Wireflow

Low-Fidelity Prototype

WIREFRAME/WIREFLOW

The wireframes/wireflow below map the user scenarios illustrated for each user persona. Using Whimsical's wireframe tools, I digitized my wireframes for ease of reading and detail, as well as to more easily conduct my evaluation over a video call. 

​

​

FEATURE 1: Audio-led music event search

USER SCENARIO #1

Copy%20of%20DH150_A05_Rebecca%20Lin%20(2

SCENARIO #1

USER JOURNEY MAP

Copy of DH150_A05_Rebecca Lin (3).png

This scenario utilizes the default audio-led music event discovery search function for this app. This requires no prior input of user preferences and is meant to be used on-location and quickly.

 

With this function, users can:

  • Easily narrow down results by filtering preferences

  • Explore events interactively by previewing songs and using a map to look at venues

  • View events in a list view

  • Get event info, including time, tickets, and directions

USER TESTING & EVALUATION

DH199 - Hearby - Task 1 Wireflow ANNOTAT

Overall, the user felt that the general flow was easy to use and intuitive. More information could be added to the pages to add to the overall navigability of the app as well as make the user journey more complete.

 

Revisions:

  • Update "Anytime" filter to have "Select/Deselect All" checkbox without greyed out boxes

  • Change wording on initial results page to "More Info"

  • Add a row of tags beneath search bar on list view

  • Add link to artist page on Event Info page

  • Add the following to the Event Info page: age restrictions, price/ticket info, parking

Feature 1 Scenario
Feature 1 Wireflow
Feature 1 Evaluation

FEATURE 1 WIREFLOW

(Click to go to full-resolution on Whimsical)

DH199 - Hearby - Task 1 Wireflow (3).png
bottom of page