Travel planning tool

by Dabney Donigan, Sylvia Lee, Azam Zafar
UXDi General Assembly NYC
Fall 2013
THE CHALLENGE

WANDERANT | TRIP PLANNING TOOL

Planning a trip involves a lot of research. People
typically search and the...
THE SOLUTION

WANDERANT | TRIP PLANNING TOOL

Wanderant is an interactive travel planning
tool that takes the hassle out o...
RESEARCH METHODS

WANDERANT | TRIP PLANNING TOOL

RESEARCH METHODS
BUSINESS ANALYSIS - FINDINGS

WANDERANT | TRIP PLANNING TOOL

WHAT OUR USABILITY TESTERS SAY…
“I would use it if there wer...
BUSINESS ANALYSIS - FINDINGS

WANDERANT | TRIP PLANNING TOOL

WHAT OUR USABILITY TESTERS SAY…

100%
75%
50%

• Users did n...
COMPETITIVE ANALYSIS

WANDERANT | TRIP PLANNING TOOL

Wanderant
browse
search bar
navigation bar
global navigation
bookmar...
USER INTERVIEWS

WANDERANT | TRIP PLANNING TOOL

USER INTERVIEWS
Users who travel internationally and use
any form of itin...
FINDINGS

WANDERANT | TRIP PLANNING TOOL

FINDINGS
Almost all people search for places based
on photo, not content.
!
Some...
OPPORTUNITIES

WANDERANT | TRIP PLANNING TOOL

OPPORTUNITIES

Gain quick “feel” of the highlights through
in-depth filteri...
PERSONAS AND SCENARIOS

WANDERANT | TRIP PLANNING TOOL

Personas and Scenarios
PERSONAS AND SCENARIOS

WANDERANT | TRIP PLANNING TOOL

Alysha Newman

Max Rhoads

Jacob Fisher

The High-Planner Tourist
...
CONCEPTUAL MAPPING - PERSONAS

WANDERANT | TRIP PLANNING TOOL

Tourist
Attraction

High-Planner 	

Tourist

No or Light
Pl...
SCENARIOS - PRIMARY USER

WANDERANT | TRIP PLANNING TOOL

Alysha Newman
The High-Planner Tourist
doctor (34)

“I want to g...
SKETCHES

WANDERANT | TRIP PLANNING TOOL

After prioritizing features, we
made rough sketches of user
flows and screens.
USER FLOWS

WANDERANT | TRIP PLANNING TOOL

User Flows
USER FLOWS - BROWSE FOR PLACES TO SEE

WANDERANT | TRIP PLANNING TOOL

Build itinerary

Add bookmarks

Landing page

Sign ...
USER FLOWS - ADD AN ACTIVITY OR PLACE TO THE ITINERARY

WANDERANT | TRIP PLANNING TOOL

Add an item to the itinerary
Landi...
WIREFRAMES

WANDERANT | TRIP PLANNING TOOL

WIREFRAMES
WIREFRAMES - FIRST ITERATION

WANDERANT | TRIP PLANNING TOOL

SEARCH FOR COUNTRY
Search Destination, Attraction, Etc.

3
N...
WIREFRAMES - FIRST ITERATION

WANDERANT | TRIP PLANNING TOOL

SEARCH RESULT
Search Destination, Attraction, Etc.

1

Famil...
WIREFRAMES - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL

We presented wireframes of our
second design iteration to c...
WIREFRAMES - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL

1
EXPLORE

ITINERARY

Search Destination, Attraction, Etc.
...
WIREFRAMES - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL

EXPLORE

1

ITINERARY

Search Destination, Attraction, Etc....
ITERATIONS

WANDERANT | TRIP PLANNING TOOL

ITERATIONS
PROTOTYPE - FIRST ITERATION

WANDERANT | TRIP PLANNING TOOL

1
EXPLORE

ITINERARY

Search Destination, Attraction, Etc.

L...
PROTOTYPE - FIRST ITERATION

EXPLORE

AFRICA

WANDERANT | TRIP PLANNING TOOL

ITINERARY

Search Destination, Attraction, E...
PROTOTYPE - FIRST ITERATION

WANDERANT | TRIP PLANNING TOOL

EXPLORE

ITINERARY

Search Destination, Attraction, Etc.

Ita...
PROTOTYPE - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL
1

1

Changed the title from
“Itinerary” to “Plan Trip”
PROTOTYPE - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL

Added filters based on

1 different options

1
PROTOTYPE - SECOND ITERATION

WANDERANT | TRIP PLANNING TOOL

1
Changed the layout and

1 colors of the itinerary
KEY SCREENS

WANDERANT | TRIP PLANNING TOOL

KEY SCREENS
KEY SCREENS

WANDERANT | TRIP PLANNING TOOL

2

1

1

Instructions on how to
use Wanderant through
a pop-up screen

2

3

...
KEY SCREENS

WANDERANT | TRIP PLANNING TOOL

1

2

1

2

3

Pop-up screen to add
into itinerary

Relevant photo thumbnails...
KEY SCREENS

WANDERANT | TRIP PLANNING TOOL

1

1

Create a new trip

2

Enter in attractions within
the chosen destinatio...
KEY SCREENS

WANDERANT | TRIP PLANNING TOOL

2

1

1

Removed “Save Trip”
from the side bar
navigation

2

Incorporated th...
THANK YOU

AZAM ZAFAR | AZAMZAFAR@GMAIL.COM
DABNEY DONIGAN | DABNEY.DONI@GMAIL.COM
SYLVIA LEE | HELLOIMSYLVIA@GMAIL.COM
Upcoming SlideShare
Loading in …5
×

Interactive Travel Guide Usability Redesign

1,331
-1

Published on

Published in: Design, Travel
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,331
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Interactive Travel Guide Usability Redesign

  1. 1. Travel planning tool by Dabney Donigan, Sylvia Lee, Azam Zafar UXDi General Assembly NYC Fall 2013
  2. 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. 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. 4. RESEARCH METHODS WANDERANT | TRIP PLANNING TOOL RESEARCH METHODS
  5. 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. 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. 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. 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. 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. 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. 11. PERSONAS AND SCENARIOS WANDERANT | TRIP PLANNING TOOL Personas and Scenarios
  12. 12. PERSONAS AND SCENARIOS WANDERANT | TRIP PLANNING TOOL Alysha Newman Max Rhoads Jacob Fisher The High-Planner Tourist The Nomad The Local Wannabe
  13. 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. 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. 15. SKETCHES WANDERANT | TRIP PLANNING TOOL After prioritizing features, we made rough sketches of user flows and screens.
  16. 16. USER FLOWS WANDERANT | TRIP PLANNING TOOL User Flows
  17. 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. 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. 19. WIREFRAMES WANDERANT | TRIP PLANNING TOOL WIREFRAMES
  20. 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. 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. 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. 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. 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. 25. ITERATIONS WANDERANT | TRIP PLANNING TOOL ITERATIONS
  26. 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. 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. 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. 29. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL 1 1 Changed the title from “Itinerary” to “Plan Trip”
  30. 30. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL Added filters based on 1 different options 1
  31. 31. PROTOTYPE - SECOND ITERATION WANDERANT | TRIP PLANNING TOOL 1 Changed the layout and 1 colors of the itinerary
  32. 32. KEY SCREENS WANDERANT | TRIP PLANNING TOOL KEY SCREENS
  33. 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. 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. 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. 36. KEY SCREENS WANDERANT | TRIP PLANNING TOOL 2 1 1 Removed “Save Trip” from the side bar navigation 2 Incorporated thumbnails of bookmarks
  37. 37. THANK YOU AZAM ZAFAR | AZAMZAFAR@GMAIL.COM DABNEY DONIGAN | DABNEY.DONI@GMAIL.COM SYLVIA LEE | HELLOIMSYLVIA@GMAIL.COM

×