user experience/user interface design
About the Project
EXP with is the prototype of a mobile app to help you find, organize and share your best travel experiences.
User Experience/User Interface Designer
Danny Setiawan and Alison Bunce
Travelers waste a lot of time looking for things to do and planning an itinerary.
They also have a problem trusting reviews and recommendations from unknown sources.
Based on my problem I performed a survey and interviews to find out: who was my audience, the travel apps they use, where and/or whom they get travel tips from, and what’s their travel and social media habits. I got survey responses from 45 people and interviewed 4 regular travelers.
Survey key findings
Quotes from interviews
Interviews key findings
- Most of the interviewees waste a lot of time looking for things to do when traveling and when they have last minute change of plans in their hometown.
- Even though interviewees look for travel tips from apps like Yelp and TripAdvisor, they prefer to trust people they know or influential travel and food bloggers than reviews from strangers.
- Interviewees enjoy using social media to discover new places to go and to share places they have been.
- Check-in feature is valuable for users and help them keep track of places they have been to either come back or recommend to others.
Based on my user research I created two personas.
I developed a competitive analysis with my main competitors: Foursquare, Yelp, Time Out, TripIt and Instagram.
Based on user and competitors' research I decided to include these key features in the EXP with app:
- Search screen, where users can discover places to go based on recommendations from people they trust.
- Home screen that shows the feed of the places users’ friends have been. Allow users to share posts and upload images, videos and audios of places they have been.
- Profile screen, in which users can see their saved places and posts, and organize places into different categories to help them planning a trip.
- Check-in into places and follow place or people features to measure the app’s success.
Build & Design
Before I started sketching and designing the prototype of the app, I created 2 main user flows and the site map.
After deciding what was important to include in the app, I started sketching and created a low fidelity prototype with POP app to test the user flows I created. Click here to see it.
The next step was to create annotated wireframes and UI design. I designed the screens using Sketch, created animations on Keynote and used Invision to create the prototype. Click here to see the prototype
I tested my prototype with 5 different users.
When I asked users to create a new post they were confused between the “camera” and “messages & notifications” icons on the bottom navigation menu. I will redesign the icons and implement tutorial on onboarding screens.
On search page, users expected to see highest ratings first. I will add this feature.
On place page, users were confused and didn’t find the “Check-in” button right away. Some users tap the number of check-ins below the place’s image or the “Follow” icon. The solution is to move the “Check-in” button above “Follow” and “Save” buttons and create an icon for it. Also, I will redesign the “Follow” icon so “Follow” and Check-in" icons are distinct.
- Design interface for business account
- Design onboarding screens
- Fix issues found during user testings
- Additional features