Travelign
UX-UI Design
Overview
Travelign is an app designed for Android devices that fulfills the need to keep all travel-related information organized in one place. It also allows you to share the details with the people accompanying you on the trip.
The problem
People barely have time to organize trips within a tight budget.
Current apps have some functionalities, but they force users to use several of them to have trips organized.
Solution
To have all the documentation related to the trip in one place and keep track of expenses during the trips.
Objectives
- Keep all travel reservations and documents in one place.
- Facilitate access to information for all companions.
- Keep track of expenses during travels.
Design process
We carried out the definition of the problem and objectives, followed by a research phase (benchmarking, MVP, and interviews). During the interviews, we asked these types of questions:
- Have you ever used an app to organize trips?
- How was your last experience using this type of app? If you haven't used one before, why not?
- What factors would be decisive for you to use an app of this type?
This way, we were able to create personas and start with the information architecture.
Information architecture
We conducted an open cardsorting to organize the information and find the appropriate name for each category.
There are 3 categories: User, Trip, and Expense.
User flow
Low fidelity wireframes
We designed our prototype and conducted several usability tests: heuristic evaluations and measured effectiveness and efficiency.
Medium-fidelity wireframes with design patterns
Heuristic evaluation
- Visibility of system status
- Match between system and the real world
- User control and freedom
- Consistency and standards
- Error prevention
- Minimize the user's memory load
- Flexibility and efficiency of use
- Minimalist design
- Recognition, diagnosis, and recovery from errors
- Help and documentation
Thanks to the heuristic evaluation, interaction problems were detected in the app.
Solutions:
- Allow going back.
- Implement specific validations and error messages.
- Include action confirmations.
- Provide clear and simple information that serves as a guide.
Logo
It represents the values and functionality of the app. Two elements are combined: a cloud and a plane.
The cloud symbolizes freedom and flexibility, while the plane represents travel, adventure, and movement. Together, these elements create a powerful and evocative image of the experience of traveling.
Moodboard and style guide
What I have learned
Iterate as much as you can
I have been able to improve the prototype thanks to usability testing (heuristic evaluation, efficiency and effectiveness metrics, etc.) and external feedback received.
We can always make new discoveries that improve the user experience. Thanks to iteration, I have improved error prevention in the prototype, simplified registration fields, and overall, created a more intuitive and simple app.
