TourMe is an app that services users who enjoy attending art galleries and those who aspire to have the time to but don’t. TourMe provides the opportunity to check in to tours that the user has booked offline without having to wait by doing so before arriving.
User Research
Availability
Working adults are not available enough to stand in line to check in along with the time it takes to tour.
Start with Site Templates
Users are not sure what to expect when arriving.
Options
While users do not mind checking in on-site, the lack of optional routes of doing so creates a barrier.
Brian is a business professional
who needs an app for checking in to art galleries because they spend a lot of time being checked in at the venue.
User Journey Map
Mapping Brian's journey revealed it would be useful for users to be able to check in ahead of arriving to the gallery.
Starting the Design
Paper Wireframes
Taking the time to draft iterations of each screen of the app on paper ensured that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy check-in process to help users save time.
Digital Wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
I wanted to make sure that the goal remains accessible as I made sure that there was more than one way to receive and record confirmations.
Using the completed set of digital wireframes, I created a low-fidelity prototype. the primary user flow I connected was selecting a tour and successfully checking in to that tour.
View Lo-fi Prototype
Refining the Design
Usability Study Findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 Findings
Users found the process to be repetitive.
Users didn’t understand the beginning of the process.
Round 2 Findings
Users wanted more descriptive information for tour.
Users felt that the transitions could be better.
Users were concerned about being able to see past confirmation numbers
1
Before the usability study, users were confused about where to begin. Not only did I completely change the design to be more inviting, I added more of the description on the first page and highlighted the main information.
2
The second usability study revealed that more direct information could be included to further assist the user. To adjust this, I added an address to 'Details' of the tour page.
Accessibility Considerations
Provided contrasting colors to make it visibly accessible for visually impaired users.
Used icons to make navigation clear.
Used multi-gesture screen navigation and important functions available on multiple screens
High-fidelity Prototype
The final high-fidelity prototype presented cleaner user flows for checking in to a tour and tracking past and future check-ins.
View Hi-fi Prototype
Going Forward
Impact:
The app makes users feel that the app is usable and purposeful.
A quote from peer feedback:
"I love this app and idea! Love the images and color theme. The profile page is also visually appealing. I like that the profile pic looks like a hero image as opposed to the usual circle avatar. I also like the idea of points."
What I learned:
While designing, I learned that the beginning stages are truly just the beginning. Usability studies really help shape the look and feel of the app and guide the way to the solution.
Perform more usability studies to ensure that the users' needs are met.
Discover more ways to make the app a one-stop-shop for gallery touring.
Make necessary iterations to design system to make the app more inviting.
Thank You!
Thank you for your time viewing my work on the TourMe app!
Home