In order to visualize what elements need to be considered and how they should be presented, I made a few initial sketches.
Travel Match
Travel Match is a platform that aims to eliminate the need to toggle between multiple traveling platforms when one is traveling to a new destination.
Research
Online Reviews
Pros: Easy access to feedbacks, general information, and distance to other points of interest
Cons: : Most of them do not work offline. Most of the sources are for general touristy activities and there is no real way to customize the trip for oneself
Questionnaire No.1
Platforms: Trip Advisot, Trivago,Wikitravel, Airbnb, Booking.com, Hotels.com, Skyscanner, Yelp, Google, Couchsurfing
Accommodation: Hotels, Couch serfing, Airbnb, Campsites
Activities: Trip Advisor, Groupon, Yelp, Google
Events: City websites, Google
Traveling: Skyscanner, Train, Personal-means, Google flights, Airline websites, Bike, Car sharing
Questionnaire No.2
Platforms: Input desired time and location. Adjust filters: 15/15 Users set the user feedback to show only the highest reviews 8/15 Users also use the price filter 3/15 Users also use the distance to the center filter
Google: Search for activities to do in and around the city. Use an online map to find different interest points. Find local public transportation websites to plan their journeys and find time tables and locations of the stations.
Interviews
Too many websites and apps to go through. - They find things that otheres have done or like to do and they have to go through a lot of information in different platforms to find their own interests. - If they know someone who lives there they always ask for tips before their visit, or if they do not know someone personally, they ask around to see if someone in their circle knows someone in that location.
Sketches
In order to visualize what elements need to be considered and how they should be presented, I made a few initial sketches.
Wireframes
Above are the last rounds of wireframes to identify an interface layout and prioritization of the information given to the user.
Mock-ups
User's end
The Wizard
- Uses age, sex, location of the user to determin the first question which is a match to users from the same age, urban envirnoment, etc. In the case that the data pool is too shallow / non-existence, a pool of general questions is embedded in order to get a base line.
- Followup questions use the same info plus the answers given to the previous questions.
- The grey nodes coming out of the user profile picture represent the steps left on the wizard.
Adding an Interest
- When the user chooses an interest, he / she will rate the importance of that interest.
- In turn,their choice determines how big the node is going to appear.
Progress in the Wizard
- Each interest that had been choosen and rate, will apear on the nodes.
- By defult there are three large and two medium nodes which represent the minimum number of interests users must add in order to coreate a base for matching.
Completing the Wizard
- After the first five interests have been added, the “I’m done” button appears.
- When completing the interests, the nodes may look different because more interests could have been added and / or the interest might have different ratings which means different sizes for the nodes.
Interests Preview
- Intersts can be previewed and edited through the profile page.
- When users click on the “Add” button, the wizard resumes.
Individual Interest Preview
- By clicking on a node, it opens in a light box and showes what that node is.
- To go back to the Preview page, users either click out of the enlarged node or click the “X” button.
Service provider's end
The Wizard
- In the case of hosts the wizard is more or less the same as the uses’ end. It uses type of service, location of the host, and basic information already added for the service to determin the first question which is a match to hosts from the same urban envirnoment, type of service etc. In the case that the data pool is too shallow / non-existence, a pool of general questions is embedded in order to get a base line.
- Followup questions use the same info plus the answers given to the previous questions.
Adding a Feature
- When hosts choose a feature, they will rate that feature.
- In turn,their choice determines how big the node is going to appear.
Completing the Wizard
- After the first five features have been added, the “I’m done” button appears.
- When completing the features, the nodes may look different because more features could have been added and / or the feature might have different ratings which means different sizes for the nodes.
Features Preview
- Features can be previewed and edited through the profile page.
- When hosts click on the “Add” button, the wizard resumes.When hosts click on the “Add” button, the wizard resumes.
Individual Interest Preview
- By clicking on a node, it opens in a light box and showes what that node is.
- To go back to the Preview page, hosts either click out of the enlarged node or click the “X” button.
Matching
- Each photo on the search result page will now have a ribbon on the bottom displaying the match percentage.
- Mouse hoverover on large screens and swipe up on the small screens / touch screens will display how they match.
Match Display
- Clicking on the ribbon will take the user to the node match page where the match is visualized.
- Nodes touching are the match.
Displaying the interest and feature match
- Clicking on a matched node will open it in a light box and display what the interest is and what the feature offered by the host is.
Year
2017
2017