tripwallet - cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to...

25
tripwallet freedom for YOU!

Upload: others

Post on 07-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

tripwallet freedom for YOU!

Page 2: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

tripwallet freedom for YOU!

tripwallet gives YOU the ability to collect, store and share travel information with security

and ease, all in one place...

Page 3: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

...because you want the freedom to spend more time

doing the things that YOU love.

Page 4: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Problem statement.Travelers need a way to collect store and

share travel information securely, all in one place. The ability to do this will save them time which

gives them the freedom to do the things they love.

I identified that travelers use multiple touch points to do a number of tasks like collecting research, storing important documents, saving booked tickets

and sharing this information with travel partners or loved ones at home. Tripwallet resolves this by giving them a place to store, access and share all this

information in and from one place. Offline accessibility was also key in creating an app that allows travelers to access the valuable information they need to GET UP AND GO!

Page 5: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

User research.

Page 6: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

User surveys.On conducting surveys with travelers it was determined that

overwhelmingly they were relying on email to store and share travel information despite the existence of apps for this purpose.

Email

Google docs

Trip case

Tripit

Email

Telephone

Apps

Pen and paper

Stone tablet

Tools used for storing

Tools used for sharing

Page 7: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

User interviews.Three travelers were interviewed with varying needs

and they had this to say.

The amount of things you have to pull together is quite a lot and it seems insane that you can’t access all of that very easily.

Sometimes if you land in a foreign country and don’t have internet access it can be a pain trying to retrieve important documents.

My family do a get full itinerary but as you know when you copy and paste it out of a website into an email it looks really terrible.

Annabel. Sasha. Jane.

Let’s have a closer look at their frustrations and goals.

Page 8: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Annabel. Avid traveler.

“The amount of things you have to pull together is quite a lot and it seems insane that you can’t access all of that very easily”Marital status: Single Occupation: Graphic Designer Age: 43

Frustrations

• Finds the insurance industry’s technology antiquated

• Has to use more than one touch point to store information

• Find sharability not user friendly

Goals

• To store passport and other important documents in one place

• To share an itinerary with loved ones

• To share ticket and accommodation information with a travel partner

• To access all information in one place

• To get alerts for transport

• A better way of accessing travel insurance

Summary

Annabel is a single, busy, skilled professional aged 43 who likes to travel with family and friends. As her trips are often short she finds that collecting, collating and sharing the required information is very time consuming in comparison to the length of the actual trip. She would like to be able to store all relevant information in once place and be able to access the information of choice with ease or as she says “the click of a button”. Time efficiency is of great importance to her.

Page 9: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Sasha. Intrepid adventurer.

“Sometimes if you land in a foreign country and don’t have internet access it can be a pain trying to retrieve important documents”Marital status: Defacto Occupation: IT Age: 36

Frustrations

• Offline access to accommodation is a problem

• Compiling, accessing and sharing wish lists is an issue

• Sharability of all info is time consuming and inefficient

Goals

• To store passport and other important documents in one place

• To share travel wish lists with his travel partner

• To share ticket and accommodation information with a travel partner

• To access all information in one place

• To share his itinerary with loved ones at home

Summary

Sasha is a 36 year old IT professional who travels as much as he can whenever he can, usually with his partner. He needs to collect and share information about travel prior to and during the trip with his travel partner. This information includes important travel documents as well as the extensive research involved in planning a trip. He currently uses gmail and google calendar to store all the documents but is lacking a user friendly resource for lists of fun things to do along the way. He also finds not being able to access his stored information offline is a problem.

Page 10: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Jane. English expat.

“My family do a get full itinerary but as you know when you copy and paste it out of a website into an email it looks really terrible”Marital status: Married Occupation: Studio Manager Age: 49

Frustrations

• Sometimes it takes a while to get internet ready when arriving in the UK

• She has to organise another human and wants to check up on his travel progress because she worries

• She keeps sightseeing research in her head and she forgets things

• Her itinerary is hard to decipher when copied and pasted

Goals

• To store passport, emergency, health information and other important documents in one place

• To share travel itineraries with family in the UK

• To share ticket and accommodation information with her husband who she books for

• To collect ideas for visitors easily

Summary

Jane is a 49 year old English expat who travels frequently from Australia to the UK for important family events. Although she lives abroad she is very close to her family and they like to keep up to speed on exact arrival and departure times. Due to owning two gorgeous pups her and her husband tend to travel separately so one is at home with the doggos. Jane does all the booking for her husband. He’s disorganised. Despite being a very organised person Jane wishes there was a way to be secure that her family had access to her itinerary and emergency information. She also wishes there was an easier way to organise Mark for his trips. Jane makes very silly faces in photos.

Page 11: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Online toolIntuitive interface

Ability to shareAbility to create clickable links

Mobile appAbility to house

all required information

NotificationsOffline

capabilities

google docs 4 4 4 4 4 4

google calendar 4 4 4 4 4

Email varies 4 4 4 4 4 varies

Trip case 4 4

Airbnb 4 4 4 4

Booking.com 4 4 4 4

Trip advisor 4 4 4 4

Notes 4 4 4 4 4

Trip it 4 4 4 4

Competitor analysis.

Page 12: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Findings.• Google docs and email ticked the most boxes for travelers needs despite

not being travel specific tools. This makes their interfaces and locating information more complicated than a travel specific tool should be.

• Tripit stood out as having the most useful features in an app but the interface is still complicated due to housing too many features and not appearing user friendly.

• Nothing in market currently meets all travelers’ needs.

• None of the tools’ interfaces were particularly aesthetic despite their usability.

Page 13: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

User flows.

Transport list

Home screen

Login with password

Login with touch ID

Login with facebook Create account

Get message

Go to shared tickets

Go to trips

Go to Paris

Open tickets Select tickets and share

Search contacts Select user

Send Send

Tripwallet

Travelers need a happy path for accessing and sharing important things like flight details

with travel partners and loved ones.

Page 14: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Feature prioritisation.High impact

Low impact

Expected Unexpected

Easy UX

Plane ticket to app

Access camera

from app

Share health info

Accomm to app

Access photo library

Airbnb instructions

to app

Other transport

to app

Send docs as emails

Lockable folders

Visa to app

Hyperlinks to websites

Other tickets (shows,

sights) to app

Travel insurance

to app

Passport to app

Emergency contact details

Simple icons

Login with facebook

Access offline

Create lists

Page 15: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Testing.

Page 16: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Paper prototype testing.

I tested lo-fi wireframes on my target audience and discovered that users needed to access emergency information without drilling down too far, but also that another set of information could live under one umbrella, thus making the home screen less complex. The complexity of competitors’ interfaces was a key concern that arose out of my interviews and competitor analysis so I addressed these by reorganising my site map.

Page 17: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Trip list screen

Specific tripTransport/accommoda-

tion/Sights

Transport

Email/mes-sage

Accomm odation

Sights

Booking open

Login screen

Document open

Email/ message

Home screen

Health screen

Emergency contacts

screen

Login with account details

Login with

touch ID

Login with

facebookSignup

Passport/ visa

Email/ message

Booking open

Bookmarks open

List open

Email/ message

Document open

Email/ message

Document open

Email/ message

Email/ message

Sitemap. The sitemap was simplified so the

app is split into two distinct areas.

Items users want to access quickly and items that are focused around

planning a holiday.

Page 18: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Lo-fi wireframes.

Page 19: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Lo-fi sketches.tripwallet

login withpassword

login withtouch ID

login with facebook

Don’t have an account yet? Sign up!

tripwallet

trips passport/visa

health emergencycontacts

tripwallet

trips

Paris London Moscow

tripwallet

Paris

transport sights accommodation

tripwallet

transport

Flight Sydney to Paris

Flight Paris to Sydney

Bus to Lyon

Rail pass

Page 20: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Clickable prototype.tr ipwallet

Login withpassword

Login withtouch ID

Login with facebook

Don’t have an account yet? Sign up!

Trips Passport/visa

Health Emergencycontacts

!tr ipwallet

Trips Passport/visa

Health Emergencycontacts

!

Annabel has shared ticket information with you. Click here to access.

tr ipwallet

Trips

Paris

home>trips

London Moscow

tr ipwallet

Paris

Transport Sights Accommodation

home>trips>Paris

tr ipwallet

Transport

Flight Sydney to Paris

Flight Paris to Sydney

Bus to Lyon

Rail pass

home>trips>Paris>transport

tr ipwallet tr ipwallet

Transport

home>trips>Paris>transport

Flight Sydney to Paris

Flight Paris to Sydney

Bus to Lyon

Rail pass

Flight Sydney to Paris

Flight Paris to Sydney

tr ipwallet

Transport

home>trips>Paris>transport

Email user invite

Search contacts

Send as in app message

Sasha

Annabel

tr ipwallet

Ticket

tr ipwallet

Page 21: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

When I tested my prototype I got

some great insights.

I tested hi-fi wireframes on my target audience using my clickable prototype with great results.

My users followed all of my designed pathways without prompting and were excited by the idea of being able to perform these functions with ease.

They found the simplicity of the interface and iconography really helpful.

One user said that even her mum could use it.

Page 22: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Key changes. • Testing proved that pictures are more universal than words which

supports iconography being a clear focus.

• Icons were chosen that give users ease of navigation as well as giving the app it’s personality.

• Destination icons were added and a style carefully selected style that was in line with current trends.

• Numbers replaced exclamation marks for the message alerts.

• Because my users navigated perfectly through the happy path I was able to focus on small details like icon size and style.

Page 23: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Hi-fi clickable prototype.

Login withpassword

Login withtouch ID

Login with facebook

Don’t have an account yet? Sign up!

tripwallet

1

Trips Passport/visa

Health Emergencycontacts

tripwallet

Trips Passport/visa

Health Emergencycontacts

tripwalletAnnabel has shared ticket information with you. Click here to access.

1

Home>Trips

Trips

Paris London Moscow

1

tripwallet

Paris

Transport Sights Accommodation

Home>Trips>Paris

1

tripwallet

Transport

Flight Sydney to Paris

Flight Paris to Sydney

Bus to Lyon

Rail pass

Home>Trips>Paris>Transport

1

tripwallet

1

tripwalletHome>Trips>Paris>Transport

Transport

Flight Sydney to Paris

Flight Paris to Sydney

Bus to Lyon

Rail pass

1

tripwalletHome>Trips>Paris>Transport

Transport

Flight Sydney to Paris

Flight Paris to Sydney

Email user invite

Search contacts

Send as in app message

Sasha

Annabel

1

tripwallet

1

tripwallet

Page 24: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

Next steps. • Investigating the collecting, storing and sharing of

‘things to do’ whilst traveling.

• Analyising where access to an in-app camera function would be most beneficial.

Page 25: tripwallet - Cloudinaryres.cloudinary.com/general-assembly-profiles/image/upload/v151450… · to store information • Find sharability not user friendly Goals • To store passport

“If you want a golden rule that will fit everything, this is it: Have nothing in your houses that you do not know

to be useful or believe to be beautiful.” ~

William Morris