Map My World

Arc PNG.png

Do it yourself travel planners have a variety of sites at their disposal to help them make decisions when planning a trip.  However, there is still a gap when it comes to putting all of the pieces together on the same map.  Map My World allows travelers and travel planners to have one map that shows them all of their particular points of interest for a given trip.

globe logo.png

Scope

Project duration: 3 weeks

Project scope:  Recruiting and interviews, synthesis of data, ideation, wireframes, prototype and testing, iterations of designs, hi-fi mockups, design concept and annotated style guide

Tools used:  Affinity mapping, card sorting, feature prioritization, hand sketching, Sketch, InVision

 

aHome entry state.png

 

Discovery

I recruited and interviewed users with experience planning their travel using currently available websites.  I wanted to find out what they wanted, and where their pain points were.

Krista.jpg
cathy.jpg
abby.jpg

In addition to interviews, my research included affinity mapping, feature prioritization and card sorting.  This gave me a more complete picture of the users and their travel planning journey.

Affinity_Map.JPG
Feature Priorotization.jpg
Card sort 2.JPG

The unifying characteristic of the personas was that they wanted to experience their destinations from the perspective of a local.  And having a good understanding where things are located is a key factor in feeling comfortable in their destination.

My vacation time is precious. I don’t want to waste time wondering where I’m going.
— Cathy, on her trip to Ireland
Cathy55_n.jpg

 

Ideation

Hand sketches led to ideas, ideas led to story boards.

 
IMG_0306.jpg
 

I started out exploring the idea of having an endless series of drop-down menus to narrow the search from world to city.

Hand sketches were tested as a paper prototype by having testers point to the buttons and menu boxes on the page and inserting new pages for them to view.

LoFi Wireframe 1.jpg
LoFi Wireframe 2.jpg

 

From this user testing, designs were iterated and turned into wireframes.

Page 2.png
Template ArcNotre.png

I created an InVision prototype and I tested and iterated. 

And I learned.  A lot.

I learned that users don't want to narrow the scope of their their trip starting from a global level.  And that using predictive text and leveraging the API from Google maps will help them find their destination city in just a few keystrokes.

globe logo.png

 

Design

I created mobile screen designs because it was important that this not be just a tool for planning, but for use and reference on location.

Desktop HD.png
globe logo.png

I designed the desktop screens to more closely match existing map and travel sites to make the user experience simple and intuitive, even to the first time user.

aaDT Home.png
aaDT Home with menu.png
globe logo.png

I created an annotated style guide to illustrate and explain the intended user experience. 

bStyle.png