Interactive Travel Guide Usability Redesign

  • 1,121 views
Uploaded on

 

More in: Design , Travel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,121
On Slideshare
0
From Embeds
0
Number of Embeds
6

Actions

Shares
Downloads
4
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Travel planning tool by Dabney Donigan, Sylvia Lee, Azam Zafar UXDi General Assembly NYC Fall 2013
  • 2. THE CHALLENGE WANDERANT | TRIP PLANNING TOOL Planning a trip involves a lot of research. People typically search and then stumble onto several websites before they find information that is applicable to them. Most sites are geared toward booking flights and accommodation, but lack a sophisticated and integrated itinerary tool.
  • 3. THE SOLUTION WANDERANT | TRIP PLANNING TOOL Wanderant is an interactive travel planning tool that takes the hassle out of planning for travel. It combines a powerful travel logistics engine that optimizes itineraries with guide book style content.
  • 4. RESEARCH METHODS WANDERANT | TRIP PLANNING TOOL RESEARCH METHODS
  • 5. BUSINESS ANALYSIS - FINDINGS WANDERANT | TRIP PLANNING TOOL WHAT OUR USABILITY TESTERS SAY… “I would use it if there were functional changes. I don’t want to go to touristy places, I rather go off the beaten path - and if it's touristy, I wouldn't use it.” ! “[There’s] some cool stuff happening, but it's not usable. I'm pretty confused. I find the layout to be confusing, and my eyes are having trouble laying out exactly what's going on." ! “Crazy paradox of choice - I have no idea where to click.” ! “The photos are captivating.”
  • 6. BUSINESS ANALYSIS - FINDINGS WANDERANT | TRIP PLANNING TOOL WHAT OUR USABILITY TESTERS SAY… 100% 75% 50% • Users did not know how to browse, resorted to search for every task. • Did not know they can click and drag activities onto the itinerary list. • Full-screen itinerary looks like an Excel spreadsheet. • Mentioned that they don’t understand what the time lengths are referring to - “is this how long it takes to get there? How long am I’m supposed to spend there? Does it account for transportation?” • Experienced technical problems in basic user tasks.
  • 7. COMPETITIVE ANALYSIS WANDERANT | TRIP PLANNING TOOL Wanderant browse search bar navigation bar global navigation bookmarks itinerary filters short description content articles/tips interactive map planner customize items add/delete items calendar Tripadvisor Lonely Planet City Mapper Roadtripper
  • 8. USER INTERVIEWS WANDERANT | TRIP PLANNING TOOL USER INTERVIEWS Users who travel internationally and use any form of itinerary planning were targeted for interviews. Five participants were selected, and were asked (1) how they go about choosing destinations they want to travel and (2) how they organize all the information.
  • 9. FINDINGS WANDERANT | TRIP PLANNING TOOL FINDINGS Almost all people search for places based on photo, not content. ! Some people utilize a geographical map to choose for places they want to travel. ! People have a rough idea of where they want to travel based on casual browsing and friends’ recommendations. ! People do not use trip planning tools, rather they plan through other means. ! !
  • 10. OPPORTUNITIES WANDERANT | TRIP PLANNING TOOL OPPORTUNITIES Gain quick “feel” of the highlights through in-depth filtering. Structure search process from macro to micro List recommendations and tips Integrate itinerary planning with browsing
  • 11. PERSONAS AND SCENARIOS WANDERANT | TRIP PLANNING TOOL Personas and Scenarios
  • 12. PERSONAS AND SCENARIOS WANDERANT | TRIP PLANNING TOOL Alysha Newman Max Rhoads Jacob Fisher The High-Planner Tourist The Nomad The Local Wannabe
  • 13. CONCEPTUAL MAPPING - PERSONAS WANDERANT | TRIP PLANNING TOOL Tourist Attraction High-Planner Tourist No or Light Planning for Travel Local Wannabe Traveling Nomad Local Attraction Heavy Planning for Travel
  • 14. SCENARIOS - PRIMARY USER WANDERANT | TRIP PLANNING TOOL Alysha Newman The High-Planner Tourist doctor (34) “I want to go all the places on my list and spend time with my family.” PAIN POINTS GOALS WISHES Take some time to plan out her trips even though she is busy. Explore all major tourist attractions A planner that can save her time Stay at higher-end hotels or Bed & Breakfasts LIKES Don’t know where to start or look for activities Include as many activities in her trips. Photos and brief descriptions of places to go to
  • 15. SKETCHES WANDERANT | TRIP PLANNING TOOL After prioritizing features, we made rough sketches of user flows and screens.
  • 16. USER FLOWS WANDERANT | TRIP PLANNING TOOL User Flows
  • 17. USER FLOWS - BROWSE FOR PLACES TO SEE WANDERANT | TRIP PLANNING TOOL Build itinerary Add bookmarks Landing page Sign up/Sign in Plan Trip Add Cities/ Accommodation/ Attractions Build Itinerary Fill gap with recommendations Share/Export
  • 18. USER FLOWS - ADD AN ACTIVITY OR PLACE TO THE ITINERARY WANDERANT | TRIP PLANNING TOOL Add an item to the itinerary Landing page Option to login/sign up Select a country on map No Do you want to look into this country more? Search Yes Country page Article Page of Attraction Add to Itinerary
  • 19. WIREFRAMES WANDERANT | TRIP PLANNING TOOL WIREFRAMES
  • 20. WIREFRAMES - FIRST ITERATION WANDERANT | TRIP PLANNING TOOL SEARCH FOR COUNTRY Search Destination, Attraction, Etc. 3 NEW TRIP 1 1 Choose actions on side navigation bar 2 View of locations on the map 3 Create a new trip to start planning add city add city ADD + DESTINATION DEPARTING THUR ITINERARY OCT 17 RETURN FRI FLIGHT BROWSE 26 OCT HOTEL ATTRACTIONS search site, museum, burger joint, etc. SHARE BUILD ITINERARY 2
  • 21. WIREFRAMES - FIRST ITERATION WANDERANT | TRIP PLANNING TOOL SEARCH RESULT Search Destination, Attraction, Etc. 1 Family Trip to Bulgaria 2 TUESDAY, OCT. 18 MONDAY, OCT. 17 SOFIA 8 DAY WEEK MONTH WEDNESDAY, OCT. 19 SOFIA SOFIA THURSDAY, OCT. 20 BURGAS 1 Look at itinerary in different view modes SUNNY BEACH 2 Add/edit activities in the itinerary in calendar view 3 Look for more activities and places through recommendations 8 8 9 9 9 10 10 10 10 11 DESTINATION 8 11 11 11 EUXINOGRAD A lovely place in Bulgaria that is monumental for the country’s history. 9 20 MINS 20 MINS ITINERARY 12 12 CITY WALK A lovely place in Bulgaria. 15 MINS Lunch? 12 12 1 1 Lunch? 1 1 SOFIA ZOO BROWSE A lovely place in Bulgaria. 10 MINS 2 2 3 SHARE VILLA ROSICHE 3 4 5 3 4 5 10 MINS 2 3 RILA MONASTERY A lovely place in Bulgaria that is monumental for the country’s history. This is a pretty building that is known worldwide. This is a great place to visit with your family. 2 BOYANA CHURCH 3 1 HOUR 1.5 HOURS 6 SEVEN RILA LAKES A lovely place in Bulgaria that is monumental for the country’s history. It has a lot of very cool lakes and such. 1 HOUR 6 4 Looks like you have some time! Want some local recommendations? A lovely place in Bulgaria that is monumental for the country’s history. This is a pretty building that is known worldwide. 4 5 5 6 6 Dinner? PERPERIKON A lovely place in Bulgaria that is monumental for the country’s history.
  • 22. WIREFRAMES - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL We presented wireframes of our second design iteration to clients. Feedback was less conceptional this time and focused more on minor changes.
  • 23. WIREFRAMES - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL 1 EXPLORE ITINERARY Search Destination, Attraction, Etc. LOG IN 2 EGYPT 3 EXPLORE 1 Search for places or view itineraries on global navigation bar 2 3 Downtown Cairo Overall view of activities and places of country Create a new trip to start planning
  • 24. WIREFRAMES - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL EXPLORE 1 ITINERARY Search Destination, Attraction, Etc. Family Trip to Egypt DAY WEEK Itai 2 MONTH CREATE TRIP MONDAY, OCT. 17 TUESDAY, OCT. 18 WEDNESDAY, OCT. 19 THURSDAY, OCT. 20 CAIRO BOOKMARK S CAIRO CAIRO ALEXANDRIA ITINERARY NEW TRIP 8 1 8 8 8 9 9 9 10 10 10 10 11 11 11 11 Create a new trip 2 Options to share, download, and change settings. CITADEL SAVE TRIP Home to Egypt’s rulers for 700 years, with three mosques. 9 MARINA 20 MINS 12 20 MINS 12 CITY WALK Take a stroll around downtown Cairo. 15 MINS Lunch? 12 12 1 1 Lunch? 1 1 MIDHAN TAHRIR 10 MINS 2 2 MUSEUM OF ISLAMIC ART 10 MINS GREAT PYRAMID & 2 SPHINX OF GIZA Visit two of the most famous pieces of ancient history in the world. Travel to Giza for this fantastic sight. 2 THE TEMPLE OF TAPOSIRIS MAGNA 3 3 3 3 4 4 4 4 5 5 5 5 6 The temple was built in the Ptolemy era and dedicated to Osiris. 6 1 HOUR 1.5 HOURS 6 NILE RIVER The famed river is the life of Egypt, running straight through the country. Talk a walk by its shores, and see its wonder. 1 HOUR 6 Looks like you have some time! Want some local recommendations? Dinner? SHALLALAT GARDENS The name of ancient garden located in Alexandria, Egypt. Shallalat Gardens occupy a big area of Al Shatby neighborhood.
  • 25. ITERATIONS WANDERANT | TRIP PLANNING TOOL ITERATIONS
  • 26. PROTOTYPE - FIRST ITERATION WANDERANT | TRIP PLANNING TOOL 1 EXPLORE ITINERARY Search Destination, Attraction, Etc. LOG IN Top Travel Trends Hot Deals Search for destinations based Africa 1 trends, deals, and continents. North America South America Europe 2
  • 27. PROTOTYPE - FIRST ITERATION EXPLORE AFRICA WANDERANT | TRIP PLANNING TOOL ITINERARY Search Destination, Attraction, Etc. LOG IN EGYPT 1 1 CAIRO Highlight photo, short description of a country 2 Filter bar See the wonder of Egypt’s capital, spanning from the beginning of civilization to modern day. 3 High-quality photos of different activities and places of the country 2 GET INSPIRED 3 RECOMMENDED CITIES SITES FOOD OUTDOORS TOP TEN HIGHLIGHTS MARKETS GIZA
  • 28. PROTOTYPE - FIRST ITERATION WANDERANT | TRIP PLANNING TOOL EXPLORE ITINERARY Search Destination, Attraction, Etc. Itai 1 Family Trip 3 Egypt to DAY WEEK MONTH CREATE TRIP MONDAY, OCT. 17 TUESDAY, OCT. 18 WEDNESDAY, OCT. 19 THURSDAY, OCT. 20 CAIRO BOOKMARK S CAIRO CAIRO ALEXANDRIA 1 ITINERARY NEW TRIP 8 8 8 8 9 9 9 10 10 10 10 11 11 CITADEL SAVE TRIP Home to Egypt’s rulers for 700 years, with three mosques. 9 MARINA 20 MINS 12 20 MINS 12 CITY WALK Take a stroll around downtown Cairo. 15 MINS 2 11 1 MIDHAN TAHRIR 10 MINS 2 2 MUSEUM OF ISLAMIC ART 10 MINS Lunch? 12 12 1 1 GREAT PYRAMID & 2 SPHINX OF GIZA Visit two of the most famous pieces of ancient history in the world. Travel to Giza for this fantastic sight. 3 2 THE TEMPLE OF TAPOSIRIS MAGNA 3 3 3 4 4 4 3 5 5 5 5 6 The temple was built in the Ptolemy era and dedicated to Osiris. 4 6 1 HOUR 1.5 HOURS 6 NILE RIVER The famed river is the life of Egypt, running straight through the country. Talk a walk by its shores, and see its wonder. 1 HOUR 6 Looks like you have some time! Want some local recommendations? A photo and description of 2 added activity or place 11 Lunch? 1 More actions in navigation bar- add bookmark, add new trip, and save trip Dinner? SHALLALAT GARDENS The name of ancient garden located in Alexandria, Egypt. Shallalat Gardens occupy a big area of Al Shatby neighborhood. View of itinerary in week format
  • 29. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL 1 1 Changed the title from “Itinerary” to “Plan Trip”
  • 30. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL Added filters based on 1 different options 1
  • 31. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL 1 Changed the layout and 1 colors of the itinerary
  • 32. KEY SCREENS WANDERANT | TRIP PLANNING TOOL KEY SCREENS
  • 33. KEY SCREENS WANDERANT | TRIP PLANNING TOOL 2 1 1 Instructions on how to use Wanderant through a pop-up screen 2 3 3 A view of a map to locate a country Quick overview information of a country
  • 34. KEY SCREENS WANDERANT | TRIP PLANNING TOOL 1 2 1 2 3 Pop-up screen to add into itinerary Relevant photo thumbnails of activity or place 3 Suggestions of similar activities or places
  • 35. KEY SCREENS WANDERANT | TRIP PLANNING TOOL 1 1 Create a new trip 2 Enter in attractions within the chosen destination 3 Quick animations from one destination to another on the map 3 2
  • 36. KEY SCREENS WANDERANT | TRIP PLANNING TOOL 2 1 1 Removed “Save Trip” from the side bar navigation 2 Incorporated thumbnails of bookmarks
  • 37. THANK YOU AZAM ZAFAR | AZAMZAFAR@GMAIL.COM DABNEY DONIGAN | DABNEY.DONI@GMAIL.COM SYLVIA LEE | HELLOIMSYLVIA@GMAIL.COM