UX User Journey Diagram

INSTRUCTIONS: This is group work. You need to collaborate to do user experience – user journey diagram using methods learned in lecture session. The aim is to clearly state the user experience journey of the app that you are building.

[TASK] Clearly state the user experience journey for the app that you are building in a form of table, diagram, illustration, all must be clearly labelled and explained.

TASK: USER JOURNEY DIAGRAM

App Name:

Travello

  1. Journey 1: Register as user / Login
  2. Journey 2: Itinerary Planner
  3. Journey 3: Budgeting
  4. Journey 4: Map
  5. Journey 5: Services
  6. Journey 6: Community
  7. Journey 7: Account page

Journey 1: Register as user / Login

User Registration
Choose between:

  • Face ID/Face Rec
  • Thumb Biometric
  • Username and Pin

Input Personal Detail
Fill up:

  • Age
  • DOB
  • phone number
  • email

Subscribe Newsletter:

  • Yes
  • No

Click Link in Email to Activate Account

(Lead to Login page)

Login

Choose between:

  • insert email/username + password
  • login via social media

Login Authentication

  • send pin code

homepage

Continue as guest

click continue as guest

homepage

Journey 2: Itinerary Planner

Access Itinerary Planner

  • Create New Itinerary

Input Travel Dates

Return Date

  • Date selection calendar

 

Choose Destinations

  • Malaysia states

   

Add Image

  • if u want to
  • no image is fine

 

Choose Lock or not

Save or Delete plan

The page where u can view or edit  the saved itinerary planner

  • click button
  • can choose an edit plan
  • delete plan

Scheduling page

  • Title of event
  • Start date
  • start time
  • end date
  • end time
  • Add spot
  • or add transport (movement)
  • URL
  • image of place

if u click the Flag icon, u can jump into the recommended planner, and place, and can view popular planner of other users

  • Memo
  • Cost amount
  • Lock

Save or Delete button

Timeline page

  • Share planner
  • Edit

Journey 3: Budgeting

View trips

  • create new trip
  • view current trip
  • past trips

Calculator

  • Currency converter

Create new Trip

  • Import trip details from calendar
  • Import trip details from itinerary planner
  • Input trip details

Input Overall Budget

  • Accommodation
  • Food
  • Transportation
  • Activities
  • Miscellaneous

View current trip

  • track expenses
  • budget summary

Track Expenses

  • Manual entry
  • Automated entry (scan receipts)

Budget Summary

  • budget vs. actual expenses (Charts, Graphs)
  • Alerts/notifications for overspending or nearing budget limits

Calculator

  • currency converter
  • split expenses

Journey 4: Map

Navigation

view current location

|

navigate to location

Search

  • by name
  • by type

Real-time location

  • share
  • view

share real-time location

  • share current live location (general)
  • share ETA

|

trusted contact list

select contacts to send

  • via external link
  • in-app notofication

view real-time location

  • select specific contact from shared list
  • view all shared contacts current location

|

View contact location

  • view ETA of contact
  • view live location of contact

Journey 5: Services

Tour guide

Instructor

Tour guide overview

  • Description of the tour guide  
  • Description of the tour
  • spoken languages
  • pricing details
  • review and rating  

Instructor

  • Air sports
  • land sports
  • water sports

 

Instructor profile

  • Description of the instructor
  • Description of the activities
  • schedule
  • spoken languages
  • pricing details
  • review and rating  

Book now

  • Preferred day & time
  • Enter user details
  • Review and confirm booking
  • Booking confirmation invoice

Journey 6: Community

Feed:

  • where all the posts will be displayed for the user to browse and scroll
  • toggle between developer and user-generated content

Search:

  • type keywords in the search bar
  • filter by location/ categories

Create post:

  • select media
  • add location
  • add title, caption
  • edit media

Journey 7: Account page

Profile

 

Personal details

  • Name
  • Phone Number
  • Date of Birth
  • Email Address
  • Address
  • Country & region

Bookings

  • Booking History

Settings

  • Account Security  
  • Display
  • Language

Saved posts

  • all saved posts

About us

  • Legal terms & policies
  • About this app
  • Rate this app

Help & Support

  • FAQ