Project Brief
Create a digital experience accessible by website, tablet, and mobile for customers to choose among 289 destinations all over the world at various points in history through the present day. Enable user-centered design to build trust in a product that has not existed in the market before.
Case Study Takeaways
My goal for this presentation is to show my approach for:
- information architecture
- product development.
Before determining the information architecture, I had to do research on what travel tools users are currently using and what their pain points were. I conducted market research on the closely associated service that makes sense to users: international traveling.
Market Research
For my market research, I narrowed down my competitors by making the assumptions that 1) people are using online methods to view, plan, and purchase their travels because of its convenience and 2) people are using a wide variety of tools.
Findings:
Therefore, I will create a planned-out itinerary similar to Jacada and National Geographic, categorize trips based on categories, integrate community contribution information like ratings and reviews to convey trust.
Customer Interviews
To better understand the users' needs, I conducted 5 interviews of international travelers and asked them why and how they traveled. Different patterns arise, such as how money and time influenced traveler. Our target user for Zeit is Short Trip Sherry who has a job obligation but likes to take 1-2 big trips per year.
After understanding the market and the potential users, I conducted a card sort to see how users recall information which will influence my design decisions of how to display the travel tips, ie geographical, sequential, categories, etc.
Figuring out how users sort and recall information
I conducted an open card sort with 5 participants where they had to sort through 30 events in different points in history to see how potential users will sort information, ie sequential, geographical, or by themes. I used the online software called Optimal and users had the freedom to create their own categories.
Although as a designer, I wanted to create a time sequence where users can browse based on time eras, the card sorting results told me otherwise. I had confirmation that it was better to display the 289 time travel tips into categories such as, art, event, civilization and to have subcategories under them.
Information Architecture influenced my Sitemap
The information architecture helped organized the sitemap, which I later used for my footer as a way for users to easily navigate what they are looking for.
For my design inspiration, I used research from the card sort, user research, and referenced popular travel websites. I focused on how users browse through tips and how the information will be organized. I made small changes and simplifyed further.
Mid-fi Wireframes
I approached the design iteration process by making small changes to create different layout designs. Then I simplified further. Here is an example where I first had a carousel to display highlighted trips but later found through research that carousels were ineffective.
Next in the process, I define the personality and brand of Zeit based on these adjectives: convenience, trustworthy, and conveying the past and present. I used these adjectives and I also created a mood board to determine the logo, tyopgraphy, and visual. direction
Creating a logo that conveys Zeit's brand
I first brainstormed by using word association to explore logo ideas that convey Zeit's values while reflecting symbols of the past and the present. Here were some of the final iterations. The final logo was the pyramid.
High-Fi Wireframes for the Usability Test
I used high-fi wireframes for the usability test in order to gather authentic responses about the design. Below are my wireframes that I used for the usability testing with design decision annotations based on research.
Next, I tested the high-fidelity wireframes by recruiting 4 test takers who were travelers. I conducted the test on Zoom and used Invision. Test takers had to complete this test: Book a trip from start to finish for you and your friend. You have $3,000 and only 4 days.
Findings:
Consistent colors and layout of price for each page
For my priority revisions, I focused on making the website more clear and simple by focusing on the language, consistent colors for the call-to-action buttons, consistent text sizes, and improved information architecture by rearranging when different information requests should be asked in the process.
Improving the consistent colors:
Focusing on information architecture and simplifying the page:
Thanks for getting this far! Below is the final prototype with the responsive design for mobile.
Reflections:
Next Steps:
If you want to read more: