design challenge

TopView offers New York Sightseeing Bus Tour for visitors. Visitors can easily order bus tickets online and hop-on hop-off the bus whenever they want. TopView has created perfect routes based on visitors various needs, such as Attraction Pass, Brooklyn Tour, Night Tour, etc.

This design challenge focused on mobile. TopView asked me to improve mobile user experience while keep highlighting their most important feature. This challenge took three hours.

design timeline

research
&
interview

FRANK BENDER
Male, 28, Marketing

Interview Notes:
Frank has never used TopView sightseeing before. His task was to book a package which includes Metropolitan Museum of Art.
During his interview, he quickly scrolled down on the homepage and start to click in each of the package and read the detail. After several packages, he went back to the top, hit the hamburger and tried to search for “Metropolitan”. He saw the “Attraction Passes” below and hit it, booked a pass.
When asking about his thoughts about the mobile website, he said that generally it looks fine, but he wants to have a category list for different type of passes. He also mentioned about the support button looks like it has been deactivated.

SHIMIN GU
Female, 25, Developer

Interview Notes:
Shimin has never used TopView sightseeing before. Her task was to book a 24 Hour Sightseeing Bus package. 
During her interview, She was confused about the highlight point icons on the homepage. She clicked the “See the best NYC with one pass” for several times. After realized those are not clickable, she hit the “Buy Now” button directly, went through all the packages and found the 24 Hour pass.
When asking about her thoughts about the mobile website, she said that the design looks nice and fashion, but there are too many texts on homepage, took her a while to read them all. And there are two “Buy Now” buttons on the homepage, which she felt confused.

Problem
Validation

Design