Travella

Travella is for those who can’t imagine their life without traveling and want to take all the advantages of their time.

Roles UX / UI / IxD Designer
Platform Mobile/ iOS

Overview

INTRO

Travella is for those who can’t imagine their life without traveling and want to take all the advantages of their time.

CHALLENGES

While traveling can be an enjoyable and mind-expanding experience, keeping track of all the details that go into planning a trip can be tedious.

GOALS

Create a friendly collaborative travel app that simplifies the planning of a trip.

ROLES

UX / UI / IxD Designer

PLATFORM

Mobile / iOS

DELIVERABLES

User Research, Competitor Analysis, User Flow, User Testing, Sketches, Wireframes, Animated Prototype.

TOOLS

Whiteboard, Pen and Paper, Photoshop, Illustrator, Gliffy, Axure, InVision, Principle

User Interviews

To further determine and discover if a problem really existed. Interviews were conducted with individuals who travel frequently for work, vacation, and relax.

Goal

I wanted to hear real life experiences of when people plan their travel, whether they knew where they wanted to go and what steps they took to solve the problem.

Process

All interviews were conducted informally.
I worked off the survey questions and took notes moments after it had ended.

User Persona

Based on the research found in the discovery period of the project a persona was developed, Dana Simpson. Designing for Dana helped in making informed design decisions as I had the end user always in mind.

Scenario

Dana is overwhelmed with all the things she has to plan for her travels. She heard about the Travella app through a co-worker and decides to try it out.

Competitor Analysis

I used this method to compare other apps in the market. The analysis helped me to came up with different features to add and change to the existing site.

Competitor Analysis Takeaway

MVP Feature Analysis

User Flow

Setting specific user goals and questions helps to define the key tasks & explore the apps logic.

Lo-Fi Wireframes

I created the Lo-Fi wireframes, and conducted user testing with the several potential customers. The purpose of the user testing was to determine whether it was feasible to move forward with the Hi-Fi wireframes with what we had in our minds.

A/B Testing

By watching our test users use and fumble through the product or even just imagining using it, I quickly identified areas, where app is not simple or clear enough. I also made a commitment to make simplicity my top priority from day one and filtered every wireframe and piece of copy through questions: Is it simple enough? Is there anything we could simplify?

I created an alternative version of our product, introduced it to different users and compared the results to see which of the screens performs better

User Testing: Insights

– 54% of users preferred one question per screen
– Some users suggested labeling the answers
– Having no city information on the homepage, confused some users

All the above insights were kept in mind and the changes were made in the design.

Design Revolution

After the several rounds of user testing on the lo-fi wireframes I created the Hi-Fi screens of the app.

Improvements

Get the best rate

Compare flight costs within the flight selection tool and choose your dates based on the best rate.

One click payment

With the integration of Visa Pay, checking out is as simple as one click and a thumb scan.

Aware

Deals happen. Offer the best possible prices in real-time, based on the user’s location and preferences.

Suggestive

Users likely arrive with a particular intention. Along the way let’s encourage exploration by suggesting relevant options they may not have considered.

ANIMATIONS

Adding animations can push an app from the realm of being usable to begin delightful. Since the product didn’t provide the immersive experience, we thought our UI can benefit from adding clever transitions from one screen to another, to let the user know something is happening in background, without influencing the user experience.

PROTOTYPE

Built in Principle for Mac

Participants: Aziz, Richard

TAKE AWAYS 

• Simple and clean visual design with a clear visual hierarchy assisted in making the prototype intuitive for the users.

• Were confused by the icons which was meant to represent type of activities.

• Both liked at the More Info page.

ITERATE

• Add text to Icons.

• Add price in the listing page.