Professional Documents
Culture Documents
Final Case Study 1
Final Case Study 1
RAASTHACASESTUDY-A
multimodalaggregatorapp
About
ThisProject
Inthisproject,Ihavedesignedanapptointegrateallavailablemodesofpublicandprivate
transitmodes.Thiswasapartofmydesignbootcamp.
Raasthaisamultimodalaggregatorappwhichprovidesabroadrangeofintra-citymobility
optionstotheusers.Theoptionsincludepublictransitsroutesandschedules(Bus,train,metro)
andprivatetransits(cabservices,rentingservice).Theapptriestoimprovethequalityof
intra-citytravelbyintegratingallavailablemeansoftransportandofferscommuters
combinationsofcheaper,quickerandgreeneroptions.
Thechallenge- Raasthaapp
Transportationisoverwhelmingandmechanicalnowadays.Therearemanyindividualappsfor
publictransit,cabsandothertransportationoptions,butthereneedstobeleveraging
technologytogobeyondasinglemodeoftransportationandprovideabroadrangeofmobility
optionstotheusersandreducetrafficcongestioninourcities.
Butwhenuserspreferoptingforatransitmodetheyhavebeenfacingissuessuchas:
● Usersswitchfromoneapptoanothertocheckonatransportoption.
● Highwaittimeandunknownroutesandschedulesofpublictransits.
● Difficulttointerpretexistingapps.
● Trustissuesovertheprice,cancellationsandhighwaittimeforcabs.
Myrole
AsaDesigner
DESIGNTHINKING-ANON-LINEARPROCESS
Designjourney
Phase1:Discover
Empathize-Understandingyouruser
Thefirststageofdesignthinkingistheempathystage.Thepurposeofthisstageistodevelop
theabilitytounderstandandsharethefeelings,perspectivesandexperiencesofanother
person.Icarriedoutvariousresearchtounderstandtheproblem.InitiallyIcarriedoutthe
secondaryresearchtoexploreexistingdatathatrelatestomyproductfollowedbyprimary
researchtounderstandtheusers.
Targeta
udience
1. Rangefromyoungertoolder
2. Hasusedpublic/privatetransportations.
3. Usestravelapps.
Diginformationonwhatotherpeoplehavedone
Deskresearch
Asauserresearcher,Icarriedoutdeskresearchtoreviewpreviousresearchfindingstogaina
broadunderstandingofthefield.Reviewingthisresearchisthequickestandcheapestwayto
understandthedomain.
SustainableintermodaltransportationisapromisingapproachtocounterincreasingCO2
emissionsandmobilityrestrictionsinbigcities.However,thebroadrangeoftravelservices
hindersusersinplanning,booking,andprocessingtrips.Suchproblemscanbeaddressedby
offeringself-servicesasmobileapplications.
Asperdata,peopleinChennaiseemtopreferpublictransportationthemostincomparisonto
othercitiesaccordingtoIndia’sfirstEaseofMovingIndex,2018,whichstudiedtheuseofpublic
transportbypeopleandfactorsinfluencingmobilityinthesecitiesin2018.Chennaihas
emergedasacitywithsustainablemobilityas75percentofthepopulationpreferpublic
transport.ThestudystatesthatChennaicarries1,300passengersperbusperdaywhichisthe
highestinthecountry,makingbusesthemainmodeoftransportinthecity.Astudyreleasedby
theCentreforScienceandEnvironmentinAugustsuggeststhatChennaiitesusedthelargest
numberoftwo-wheelerswhencomparedwithallothermetros.Accordingtothestudy,Chennai
hasthehighestnumberoftwo-wheelersamongstallmetrocities.Smartphoneappsare
changinghowpeopleviewmobilityandtravel.Therearesomeappswhichhaveworkedinthe
sameproblemspaceasmine.
● GoBengaluru-Integratesallavailabletransitmethodsofgettingaroundthecity.
● YoRide-Appshowstheavailabilityofcabsaround,alongwithpricecomparison.
● Moovit-Offersrealtimepublictransitinformation.
● Railyatri-Offersrealtimerailtransitinformation.
● Chalo-Userscangetdetailsaboutreal-timebustransitinformation.
● Transit-Providesmulti-modaltransitplanningandpublictransportinformation
Qualitativeresearch
Survey
Iusedasurveyasatooltonarrowdownthetargetaudienceanddiscovertheproblemthey
faced.
Insights:
● About93.8%ofparticipantsusesmartphonesforcommunicationandforusingapps.
● 46.9%ofrespondentstravelabout2-5timesaweekand34.4%commutedaily.
● 65.6%ofparticipantsprefertotakepersonnelvehicles,and34.4%prefertakingpublic
transits.
● 56.3%ofparticipantshaverecordedovercrowdingandhighwaittimeandunknown
schedulesasthepainpointswhenoptingforpublictransitand37.5%recordedtheir
frustrationofswitchingfromoneapptoanotherforcheckingonatransport.
Gainingperspectives
Userinterviews
Afterscreeningthesurveyresponses,Ichose5peoplewhoshowedinterestandsaidyesfora
1:1interviewandunderstoodtheirconcerns,behaviourandpainpoints.(Theinterviewswere
conductedremotelyduetothepandemic)
Keyfindings:
● Participantspreferredtravellinginacab/bus/auto
● Inordertoexplorenewplacesintheircity,theyuseGooglemapsortakehelpfrom
localsandfriendstomovearoundthatplace.
● Forgettinginformationonschedulesandfrequiesofpublictransitstheymakeuseof
googlemaps/enquirefromlocals.
● Inordertochecktheavailabilityofvarioustransitmodesfromtheirplacetheyuse
googlemaps.
● Participantspointedoutafewpainpointsinthecurrentpublictransitsystemlikehigh
waittime,unknownroutesandschedules.
● Participantsshowedinterestinsustainabletravel.
Afewquotesfromtheparticipants,
“Itistedioustocomparebetweenappstobookatransport.”
“Icheckwithmyfriendsforopinionslikewhichcommutewillbebetter&cheaper”
“Anythingwhichhelpsincomparisonbetweenappswouldbehelpful.”
“Insteadofenjoyingthetravel,youspendmostofthetimethinkingaboutwhetherIamboarding
therightbus”
“Generallygooglemapswouldbemylastresort.Googlemapsarenotuserfriendly.Itsreally
tediousinterpretinggooglemapsinformation”
Frominterviewtoinsight
Thefirsttaskaftertheuserinterviewwastodecodealltheimportantpointsfromauser’spoint
ofviewsothatapersonacanbemade.TheprocesseswhichIfollowedtosynthesizemy
researchwereA
ffinitymapping,empathymappinga
ndpersonas.
Groupingusersthoughtsintocategories
AffinityMap
Fortheaffinitymapping,Iobservedapatternofwhattheuserssaidduringtheinterviews.I
organizedeachofthoseobservationsinto6categoriesnamelyE
xistingproblemsw
hereI
organisedpainpointsoftheusers,P
referencewhereIaggregateduserspreferredmodesof
transit,C
ostw
hereIorganizedthoughtsoftheusersonsavingmoneywhenchoosingatransit
mode,S
chedulew
hereIwasabletoaggregatethedifferentmediumsthroughwhichtheygetto
knowaboutschedulesandfrequiesofpublictransits,E
motionswhereiorganisedtheemotions
expressedbytheusersduringtheinterviewwhentheywereaskedaboutdifferenttransitmodes
andtheirexperiencesandfinallyS
ustainabletransportw
hereIorganisedthecommonthoughts
oftheusersongreenertravel.
Gainingadeeperinsight
Empathymap
Iusedanempathymaptoorganizeinsights,observations,andquotesthatIcollectedfromuser
interviewstobetterunderstandtheuser’spainpoints,goals,feelings,thoughts,andbehaviors.
WhoamIdesigningthisproductfor?
Persona
IcreatedapersonaformyuserstogetadeepunderstandingoftheuserIwouldbedesigning
theapplicationfor.Ithelpedmekeepmyfocusinplaceandavoidfeaturecreeping,whichisa
habittoaddextrafeaturestotheapplicationthatisunnecessary.
Insightsfromresearchandsynthesize
Afterresearchandsynthesis,Ilistedoutafewrequirementsformyusers:
● Needsaplatformtocompareallavailablemeansoftransport.
● Needsupdateonschedulesandfrequenciesofpublictransits.
● Needsinformationonroutes.
● Needsinformationonallavailable modesfromaplace.
● Painpointsincluderidecancellations,availabilityofcabsduringlate/earlyhours,trust
issuesoverprice.
ConvertinginsightstatementsasHMWquestions
Theproblemstatement
ItisimportanttoclearlyarticulatetheproblemI’mtryingtosolve.Aftercollectingadecent
amountofresearchinformationinthediscoverystage,it’stimetoanalyzetheobservationsto
definethecoreproblemsthatIhaveidentified.
Here,Iarticulatedtheproblemstatementsbyframingthemas“Howmightwe…”questions.
Formulatingproblemstatementshelpedmedistilthefindingsfromtheresearchandcuratea
setofquestionsthatneedtobedefinedtoaddspecificfeaturestothe
application.
● Howmightwecreateanaggregatorapp?
● Howmightweimprovisethepublictransitexperience?
● Howmightweimprovisethedecisionmakingexperienceofcommuterswhenchoosing
atransportmode?
● Howmightweencouragepeopletomakemorehealthierandsustainablechoices?
“It'se
ssentialt ow
aitt oc
reated
esignsu
ntily
out horoughlyu
nderstandy
our
usersa
ndt hep
roblemst heyh
ave”
Phase2:Design
DefineandIdeate-Brainstormsolutionstotheproblemstatements
Brainstormingisadivergingprocessandweneedtothinkofsolutionsbeyondourcreative
thinking.Ithenmappedoutsolutionsthatconnectwiththeproblemstatements.
1. Howmightwecreateanaggregatorapp?
● Giveoptionsofpubictransitmodes(Bus,Train,Metro,Auto)
● Giveoptionsofprivatetransitsmodes(Cab&Electric)
● Selfdriveoptions(Giveoptionstorentavehicleanddriveonown)
2. Howmightweimprovisethepublictransitexperience?
● Giveschedulesandroutesforpublictransit.
● Giveadelaytimeupdate.
● Givearrivalanddeparturetime
● Givecrowdalert
3. Howmightweimprovisethedecisionmakingexperienceofcommuterswhenchoosing
atransportmode?
● Givepreferences(Choosefromcheapest,fastestandgreenestroutes)
● Giveinformationonfrequentlyusedpaymentmethodswhenchoosingacab.
● Givethecancellationratesandreviewsofcabbookingapps.
4. Howmightweencouragepeopletomakemorehealthierandsustainablechoices?
● Createmotivationandawarenessbyshowingmoneysaved,caloriesburnt,carbon
footprintemittedandgivingoffers.
● Focusongreendrivingbygivingserviceremindersforuser’svehiclesandoverviewof
vehicleswithcarbonfootprintandefficiency.
● Showlistofgreeneroptionsavailable
Prioritizingusergoals
Userstories (MinimumViableProduct)
Creatinguserstoriesisamethodtogatherinformationonwhattheuserwouldwantto
accomplishusingtheapplication.Itisusuallyaone-sentencestatementthatspecifieswhat
goalstheuserislookingfor.Ithelpstoprioritizeanddirectdesigndecisions.Assemblingand
curatingvarioususergoals,helpedmecreatemyuserstory.Featureswhichareperceivedtobe
usedoftenbyuserswereselectedtobeinMVP.
Creatingoutlineoftheapp
Sitemap
Asitemapgivesaccesstoinformationonhowthecontentonthepagesarelinkedandhow
theyareorganized.
Thepathtakentoaccomplishthetask
Userflows
Userflowgivesusmoredirectiontoaddandeliminatefromourlistoffeaturesthatour
applicationcomprises.Ihavemappedoutaflowandlabelledthecategories.Italsoinformsus
ofwhathappensifaspecificoptionisselected.
Makingideastangible
Sketching
Creatinglowfidelitydesignsketchesisthefirststepinthemarchtowardshighfidelitydesigns.
Sketchingwasaneasy,affordablewaytogetideasoutofmyheadandontopaper.Aspaper
prototypesaretemporary,itgavememorespaceandtheadvantagetomakechangesbefore
startingtodesigndigitally.
“T
este
arlya
ndt esto
ften“
Capturingquickuserfeedback
Guerillausabilitytest
IvalidatedthepaperprototypesusingguerillatestingandImanagedtoreceiveagoodamount
offeedback.It'scost-effectiveandsavestime.Guerrillatestingisallaboutaskingrandompeople
totakealookatthedesignsandgivethemacoupleoftaskstodo.
Highlights:
Testinggoals:
● Learnifparticipantsareabletoeasilylookforavailabletransitmodesandcompare
betweenthem.
● Doestheuserunderstandthefunctionalityofallfeaturesandbuttonsoftheapp?
● Learnifthenavigationoftheappwaseasyandintuitivefortheparticipants.
Hypotheses:Navigationandfunctionality.
Usersfeedback
● TheneedforMultiplelayersofsecurity?(3/5)
“Ifeelliketheregistrationwithemailandloginprocesswithmobileislengthy”
“IjustneedsecuredauthenticationwithOTPwhenregistering/logginginwithnumber”
● Selfdrive-Evidenceofabookedvehicle?(1/5)
● Theusersunderstoodtheprimarypurposeoftheappandthenavigationand
functionalitystoodclearforthemandthismethodwashelpfultodrivemydesignsinthe
rightdirection.
Identifyingusabilityproblems
HeuristicAnalysis
Usabilityheuristicsofferyouawaytoevaluatethequalityofyourdesignsandthedesignsof
yourcompetitors.Itwasimportantformetoanalyzemycompetitor’sdesignandunderstand
wheretheirstrengthsandweaknesseslie.IchosemycompetitorstobeUber,Moovit,Transit
andGooglemaps.
Theblueprint
Wireframing
Iwasexcitedtohavereachedthispartoftheprocess.Now,itwastimetodigitizethepaper
prototypes.IusedFigmatocreatethewireframes.Beforeyoustart,it'simperativetocheckon
dimensionsoftheframe.It’simportanttopayattentiontodetailsinwireframingtomakeyour
highfidelityprocessabreeze.
Aftercreatingthewireframesitwasnecessarytocreateawireflowtorepresentmultiplestates
ofthesamescreen.
DesignSystem
BrandPersonality-R
aasthaisallaboutmakinglocaltransitsusableandmakingcommute
simpleandseamless.Raasthahasapurposethatgoesbeyondtripplanningandmakesareal
differenceinpeople’slivesandenvironment.
BrandAttributes-E
fficient,Effortless,Familiar&Trustworthy
Representingthevisualaestheticsofappwithimagery
Moodboard
Whenyoustartdesigningyourhigh-fidelity,creatingmoodboardsiskey.Itsinspirationcomes
fromdifferentsources.Istartedsavingimages,designpatterns,andcolorschemeswheneverI
sawsomethinginterestingrelatedtomythemeoftheproject.
Creatingavisualfoundation
Styleguide
Astyleguideensuresthatdesignsareconsistentanduniformacrossplatforms,including
websitesandmobileapps.
Blue:Trust,stability,coolandrelaxing.
Orange:Confidence,friendly
Grey:Neutralityandbalance.Helpsinmaintainingacleanerlook.
Graphicalrepresentationofthecompany’sbrandidentity.
Logo
Logosaretheprimarypointofrecognitionusersrecallwhenthinkingaboutacompany.
● Raastha-Way,IchosethisnamebecauseIwantedittoconveytheconceptofguidinga
waytocommuters.
Logodepictsaclocktoconveythescheduleoftransit,alocationindicatorandcompassto
conveythattheappshowstherightdirectiontotheusers.
“Peoplep
erceiveimagesf astert hanw
ords.”
Forgeanemotionalconnectionwiththeuser
Imagery
Imageryisanessentialpartofsettingthetoneofaproductaswellasreinforcingbrand
personalityandemotionalconnectionswithusers.Ichoseillustrations,becauseIfelttheyare
moreversatileandconveysdistinctivenessandindividualitytoyourdesigns,encouraginga
greaterlevelofemotionalengagementinyourusers.
Creatinganinclusivedesign
Visualaccessibilityaudit
Theaccessibilityauditisanimportantsteptoevaluateifyourdesignislegibleandalsoifyour
colourcontrastisintherightratio.IusedtheW
ebAIMcontrastcheckertoreviewmydesigns.
consideredthefollowingaspectsofaccessibility:
● CompliancetoWCAGAAstandardforcontrastratio
● Useoftypographyandweightstoimprovelegibility
Bringingwireframestolife
Hi-fidelityscreens
Hi-fidesignsaremostlyaddingcoloursandlookatanaestheticlevel.Itisthemostcrucialpart
afteryouhavecheckedthefunctionalityofyourapplication.Itisafunprocessbutyouneedto
beextracautiousaboutnotcausingcognitiveloadtoyourusers.Yourfirstdesignwillmostly
neverbeyourfinalizedone,therewouldberoundsofiterationsthereafter.
Landingscreengivesuserstheoptionstoregisterorlogin.InreferencetoNielsensprincipleof
Usercontrol&freedom,guestloginhasbeenadded.
Homepagegivesusersawidevarietyofoptionsto
choosefrom.
Planjourneygivesusersalistofavailable
transitmodeswithcarbonfootprint
emissionandcaloriesburnt.Transitscan
befilteredbasedoncheapest,fastestand
greenestmode.
Planmytravelg
ivesusersoptionsofrouteand
timetableforpublictransits.
Route shows the various routes of a transit
available
fortheusersfromtheirsourcetothedestination.
Scheduleinformationg
ivesinformationonthe
timechartoftheselectedtransitalongwithcrowddetails
andrealtimedataonthestatusofthetransit.
Directionsg
ivedetailedtextualnavigation.Go
buttonredirectstogooglemapsforlivenavigation
Selfdrives howsthelistofavailablevehiclesforrentinthe
vicinityoftheuser'slocation.
Specificationsgiveinformationontheselected
vehiclewithdescription,rates,availability,reviews
andcontactdetailsoftheowner.
Cabg
ivesacomparisonofolaanduber.Forbooking,
itgetsredirectedtocorrespondingapps.
Walking/Cyclingoptiongivesthefastestrouteand
theonethatgoesviathemainroad.
Testwithpotentialusers
Usabilitytesting
Testingiscrucialtoyourapplication.Itopensmanywindowsandallowsyoutorefineand
redesignyourapplication.Designthinkingisaniterativeprocess.Thereisplentyofbackand
forthmovementalongyourdesignprocess.
Iconductedusabilitytestingon5participants.RemoteModerated(assisted)&in-persontesting
methodswerecarriedout.ThiswasagoldenwindowthroughwhichIcouldseethepartswhere
Ihadoverlookedinmydesign.IwouldsaythisstepiswhereIreceivedinsightsintohowIcould
improvemydesigns.Thegoalwastoobservetheparticipantusetheprototypeandidentify
blockersortheusabilityissues.
Highlightsfromfirstroundoftesting:
● Majorityofusersmisunderstoodthearrivaltimeoftransitstobetraveltime.
● Majorityoftheuserswerenotabletoidentifywhattheindicatorinschedule
informationwas.
● Alltheusersfoundtheapptobehelpful.
Highlightsfromsecondroundoftesting:
● Majorityoftheusersperformedthetasksquicklywithoutanyconfusion
● Appwashelpfulandusable.
● Usershadnodifficultyinunderstandingthenavigationoftheapp.
Cherryonthecake!
Finalprototype
Aftertworoundsofusabilitytesting,thiswasmyfinalprototype.
Conclusion
Overall,itwasoneofthebestdecisionsIhavemadetohavetakenupthisproject.Itallowedme
tointeractwithpeopleonadeeperlevel.Theexperiencehadinstilledintomehowvaluable
informationisandhowatinypieceofinformationcansparkgreatideas.Theprojectactedasa
basetoshowcasemyUI/UXskills.