Nomad takes the stress out of planning group trips. This smartphone app enables travelers to collaborate on all aspects of a trip, from drafting an itinerary to documenting and sharing the adventures that happen along the way. The app recommends destinations, supports collaborative itinerary creation and organizes moments captured during the trip.

nomad-project-report
Click to view the full report.

My teammates and I prototyped and tested this app for our final project for INST 632: HCI Design Methods.

Interact with the prototype, view the full report or scroll down for the highlights.

Teammates

  • Rachael Marr
  • Xiaoyu Tai
  • Rohan Singh
  • Vanessa Oguamanam
Team Nomad
Team Nomad

Methods

  • App design
  • Iterative design
  • Mixed research methods
  • Surveying and interviewing
  • Sketching and high fidelity prototyping
  • Quantitative and Qualitative Evaluation

Software

  • Adobe Xd
  • Adobe InDesign
  • Adobe Illustrator

Video

The users

The app’s intended users are enthusiastic about using social media and sharing their travel experiences online. They prefer to travel off the beaten path in small groups, as opposed to large tour groups that often only catch glimpses of major tourist destinations. The users are organized and detail-oriented, and they form their plans based on their own interests, the wants of their travel partners and the recommendations of others.

Tasks

We evaluated the app by asking participants to complete the following tasks:

Scenario 1: Since your graduation four years ago, you have been working in San Francisco. It’s been a long time since you’ve met up with your friends, and all of you are planning to reunite in Paris. Use the app to:

  1. Create a new trip to Paris from May 1 to 6, 2016.
  2. Invite your friends Debbie, Katie and Matt to the trip.

Scenario 2: You and your three friends are enthusiastic about visiting museums and can spend the whole day discussing art and history. You all are excited to see the unveiling of a piece by Canson at the Louvre Museum. Use the app to:

  1. Add Louvre Museum to the itinerary on May 1 from 2 p.m. to 4 p.m.

Scenario 3: After six exciting days in Paris, you are back in San Francisco and cannot wait to share the memories of your trip with friends and family. Use the app to:

  1. Share some photos on Facebook.

Initial wireframes

nomad-firstwireframesMy teammates and I created three initial prototypes to show our ideas to our classmates. Above, you can see our thought process for one of the prototypes.

Group Poster

Nomad-poster

I designed this poster to showcase our initial design ideas. My teammates and I presented the poster to our class and professor to get feedback on our ideas. This session helped us rethink the app’s functionality and structure before we created the ultimate prototype that we tested with external participants.

Design process

IMG_4420
Rethinking the information architecture after showing our initial design prototypes with our classmates.

Our classmates were pleased with a few elements from each of the three prototypes we showed, but none of the prototypes met everyone’s needs. After several hours of brainstorming, our group revised our prototype:

low-fi-storyboardOnce we were set with our new wireframes, we mocked up an interactive prototype in Adobe XD:

nomad-mockup

Try out our prototype: Interact with the prototype

Leave a note

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s