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.