Design Process Overview

userflowWithExistingProblem


Problem space

Existing Problem with payment system in public transport

  • Archaic payment system: Most of the public transport take cash.So, you need to tender exact change.
  • Diversity in payment system in different public transport.
  • No single solution for all payments in public transport.

  • User Flow with existing problem

    userflowWithExistingProblem

    User flow with GoPass Solution

    userflowWithExistingProblem

    Storyboard

    storyboard1

    Lo-fi mockup(v1)

    storyboard1

    Feedback recieved

  • Name and the app logo not resonating with the problem I am solving.
  • Couple of screens missing like how to pay in the public transport, what screen comes up after buying tickets/GoPass daily passes.
  • Travel logs format is not appropriate.

  • Lo-fi mockup(v2)

    storyboard1

    UI Fixes

  • Updated app name and logo
  • Added missing screens for activeTickets,GoPassCard, buying tickets, adding funds in card.
  • Updated travel log screen

  • Hi-fi mockup-v1

    storyboard1

    Feedback recieved

  • Logo can be improved to resonate with the problem I am solving.
  • Color combination is not appropriate.
  • "<"(caret) and search symbols are not appropriate, and consistent.
  • Button colors are very bright can be changed to more soothing color.
  • Button shape needs to be improved and should be uniform.
  • Prototype-v2

    Feedback recieved

  • Color combination not appealing.
  • Tap to pay icon should be modified.
  • Top bar can be updated.
  • Prototype v3

    UI Fix

  • Color combination/contrast updated
  • Added progression bar on adding fund screens
  • Fixed broken links in prototpe
  • User Testing and Report

    Feedback recieved

  • Inconsistent progression bar while adding funds workflow
  • Inconsistent succcess message screen throughout the app
  • Inconsistent Font sise
  • Final Prototype

    UI Fixes

  • Updated the progression bar to make it consistent through out the app
  • Updated the success message screen to be consistent throughout the app
  • Made font consistent consistent through out the app