service design and ux portfolio

25
Martha Valenta SERVICE DESIGN & UX PORTFOLIO

Upload: martha-valenta

Post on 10-Jan-2017

262 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Service Design and UX Portfolio

Martha Valenta SERVICE DESIGN & UX PORTFOLIO

Page 2: Service Design and UX Portfolio

My Toolkit Observa(onListeningKaldi’sCoffee

Processes•  DesignThinking•  DesignSynthesis•  JourneyMapping

Applica(ons•  Op(malWorkshop•  AdobeIllustrator•  AdobeInDesign•  AdobePhotoshop•  Sketch

PhysicalTools•  SharpieMarkers•  Post-itNotes

Books•  Gamestorming•  Sprint•  MappingExperiences•  ThisisServiceDesignThinking

Page 3: Service Design and UX Portfolio

Contents  ServiceDesign

◦  CustomerJourney–MayuriRestaurant◦  Pre-servicePeriodAnalysis◦  ServicePeriodRa(ngs◦  Post-servicePeriod◦  Expecta(ons,Experience,andSa(sfac(on◦  Brainstorming

UXProcess◦  MobileApplica(on–Fork&Kids

◦  Strategy:Compe((veAnalysis◦  Persona◦  CardSort◦  FeatureRoadmapandHighLevelTaskDiagram◦  Ini(alWireframes◦  Tes(ng:PaperPrototypesinPOP◦  Itera(veDesign◦  HighFidelityWireframes

Page 4: Service Design and UX Portfolio

Service Design CUSTOMER JOURNEY MAP

Page 5: Service Design and UX Portfolio

Pre-Service Period Analysis

 Adver&sing/PublicRela&ons

 Word-of-Mouth

 SocialMedia

 PastExperiences  IenjoyedaverybusylunchbuffetatMayuriacoupleofyearsagowhileIwasonbreakfromatrainingsession.Severalofmyworkcolleaguesjoinedme.Theonlynega(veIcanrecallfromthatexperiencewashowcrowdeditwas.

  Ihavenotseenanyadver(sementsforthisrestaurant.

  IcheckUrbanspoonbeforeIgotoarestaurant.Mayurihada66%LikeItra(ngwithatotalof396reviews.TypicallyIwon'tgotoarestaurantthathasara(ngbelow80%.IalsocheckedGoogle,togetexactbusinesshoursandseamlessconnec(ontoGoogleMaps.IsentascreenshotofMayuri'sUrbanspooninforma(ontoafewfriendswhowereconsideringjoiningus.

 WhenIdecidedtotakeonthisproject,acolleaguewhogoestoMayurionoccasionno(cedit'spoorreviewonUrbanspoonandsuggestedwegothere.Sheandherhusbandlikethefood.

Page 6: Service Design and UX Portfolio

Service Period RaIngs

PlentyofParking

LookingfortheEntrance

GreetedbytheWaiter

WaitedfortheMenus

AmbianceDetails

Ordering Food&DrinkArrival

DoggieBag

Dessert TheBill

Page 7: Service Design and UX Portfolio

Service Period RaIngs

  PlentyofParking

  LookingfortheEntrance

  GreetedbytheWaiter

  WaitedfortheMenus

  Thefirstpersoninourpartywhoarrivedwasnotofferedamenu.Iarrivedwithanotherpersoninourparty,andwewerenotini(allyofferedmenus.Thelastpersoninourpartywasrunningbehind.Wereceivedmenusacoupleofminutesbeforethelastpersonarrived.

  Some(mesparkingcanbefrustra(ngandruinthemoodofanexperience.Nooneinourpartyhadtroublefindingparking.

  AniceyoungIndianmangreetedmyfriend,andsatheratatablewhereshewaitedfortherestofourpartytoarrive.

  Isawthesignabovetherestaurant.But,thedoorwasn'tmarked.Thedoorthatshouldn'tbeusedwasmarked,andhadanarrowtotheproperdoor.

  AmbianceDetails

  Ordering

  Food&DrinkArrival

  DoggieBag

  Weorderedquiteabitoffoodan(cipa(nglecovers.Onewomanwantedtobringfoodhometoherhusband.Earlyonhehadtextedhertotellherwhathewanted.Whenwewerereadytopackitallup,theprocesswasslow.Onewaiterbroughtoutacoupleofcontainers.Afewminuteslateranotherwaiterbroughtafewmorecontainers.S(llafewminuteslater,ourwaiterbroughtthelastoftherequestedcontainers.

  Theodoroftherestaurantwasslightlymedicinal.ItwasabitoffforatypicalIndianrestaurant.Thewaiters,table,plates,glasses,andsilverwarewereallclean.Theinteriordesignwasdated,andseemedabitdingy.Therestroomwasclean.Awaitressinourpartywhono(cesfinedetailsverbalizedthatthenapkinsweren'tfoldedwithcare.Amominourpartyno(cedthatthetablewasnotproperlyset.Alltheitemswerethere,inthewrongplaces.Whenwearrivedtherewerefewcustomers.Aswewereconsideringitemsfromthemenu,therestaurantbegantogetbusy.Itwasabouthalf-fullatit'sbusiest.

  Therewerefourpeopleinourparty.Onepersonorderedchaitea,theotherthreeorderedmangolassies.Thelassiesarrivedquickly.Theteaneverarrived.Thepersonwhoorderedteaeventuallyrequestedalassie,whichshewasservedpromptly.Weorderedagreatdealoffood.Threeofusereceivedourfoodatthesame(me.Onepersonhadtowaitun(lafewminutesacertherestofuswereserved.Thisfeltawkwardtoeveryoneatthetable.

  Themenuisabook,dividedbycourses,andbyregions.Thereisalottochoosefrom.Thereseemstobeaconsistenttypoinonetypeofappe(zer.WhenweGoogledit,welearnedwhatitwas.Thewaitertookawhiletogetbacktous.Weaskedseveralques(onsaboutavarietyofmenuitems.Weorderedalotoffood.Iaskedhimwhathisfavoriteitemsare.Theydidn'tsoundgoodtome.Awomaninourpartywhodoesn'ttypicallyeatethnicfoodaskedseveralques(ons,andtookafewminutestomakeadecision.

  Wethoughtwe'dgetallfourofthedessertitemsandsharethem.Iwasfamiliarwithtwoofthedesserts.Onewasexecutedwell,butitisn'tonethatIamverykeenon.MyfavoriteIndiandessert,kheer,wasunfortunatelywatery.Allofthedessertsweremuchsmallerthanwean(cipatedforthe$4.50pricepoint.Wedidnotfinishthemortakethemhome.

  Thebillwashigh,asweexpectedittobefromthereviews.Also,wehadorderedalotoffood.Evens(ll,itseemedabithigh.Wehadnotnotedthatwewantedseparatecheckswhenweordered,sowedividedthebillourselves.Weweren'tsureifweweretopayatthetableorgototheregister.Wefoundoutwhenthewaitercamebytocollectthemoney.

  Dessert   TheBill

Page 8: Service Design and UX Portfolio

Post-Service Period

 CustomerRela&onshipManagementTherewasnofollow-up.

 Word-of-MouthIhavetwofriendswhothinkMayuriisthebestIndianplaceintown.Oneofthosefriendshasbeengoingtheresinceitopened,whenheworkednearby.Theothergoesthereoccasionallywithherfamily.

 SocialMediaNega(vereviewsonUrbanspoonhaveMayuriata66%LikeItra(ngwithatotalof396reviews.Recentposi(vecommentssaythefoodisdelicious.Somepeoplecommentedposi(velyandnega(velyonthespiciness.Recentnega(vecommentssaythattheyexperiencedrudeservice,highprices,andadark,dirtydiningarea.

 Yelpreviewsstandat3.5outof5stars,with59reviews.Therearerecentreviewsthathaveposi(vecommentsaboutthefood.But,therearealsorecentreviewswithnega(vecommentsabouttherudeserviceandhighprices.

  “That’smyfavoriteIndianplace!”

Page 9: Service Design and UX Portfolio

ExpectaIons Experience SaIsfacIon

 Expecta&onsLow.Fromthera(ngsandreviewsIsaw,Iwasnervousthatthefoodwouldbegross,thestaffwouldbemean,andI'dhavetogetaseconddinnerelsewhere.Ihadbeentherebeforeandenjoyedit.Iwassadatthethoughtofseeingitasahallowshellofitself.

 ExperienceRelief!Iarrivedhungryandthefoodwasdelicious.Whiletheservicewasabitoddat(mes,itwasn'tterrible.

 Sa&sfac&onSa&sfied.Overall,itdidn'tdelightmeinawaywhereIwouldwanttogotherefrequently.But,theexperiencewasn'tterrible.Ifsomeoneinvitedme,orIthoughtofit,I'dgoback.

Page 10: Service Design and UX Portfolio

Brainstorming

 FamiliesHaveChildrenIno(cedafewfamiliesdiningwithsmallchildren.Thesedaysinthatneighborhood,accommoda(onsareexpected.Ithinktheyneednewbaby/toddlersea(ngandasimple,notspicychild'smenufortheMid-westernkidswhomightdinetherewiththeirparents.

 Clean&ModernizeThisrestaurantopenedyearsago,andit'sgolendatedanddingy.Iftheyclosedforaweektodoadeepclean,getafreshcoatofpaint,andmaybereplaceafewwornordatedinterioritems,itwouldimprovetheatmosphere.Again,peopleinthatpartoftownexpectimpeccablecleanliness.

 TheSoupNaziisn'taModeltoFollowThereviewsoverwhelminglycomplainaboutpoorservice.Theyevenstatethattheowneryellsalotwhentherestaurantisbusy.Restaurantsthataren'tservingtheverybestfoodintowncan'tgetawaywiththis.Evenexcellentfoodcanbelostonabadatmosphere.Theownershouldconsiderkeepinghimselfoutofthepubliceye.And,tospeedupservice,heshouldhireanexperienced,pleasantmanager.

 BadBuffetAsnotedinthereviews,thelunchcrowdhasbeentoomuchforthisrestauranttohandleinthepast.Abuffetsays"quicklunch"tothecustomer.Foranop(malexperience,theyshouldconsiderlimi(ngthenumberofpeopletheyallowin.Or,theyshouldaddanotherbuffetarea.Eitherway,theconges(onandfrustra(onshouldbeeased.

  Theyalsoneedtostayontopoftheitemsthatarepopularonanygivenday.Maybeiftheyhadaclosed-circuitcameraonthebuffetwithaviewingscreeninthekitchenthecookswouldbeabletoan(cipateitemsthatwillneedtobereplenished.

Page 11: Service Design and UX Portfolio

UX Process MOBILE APPLICATION

Page 12: Service Design and UX Portfolio

CompeIIve Analysis: Urbanspoon Survey:3outof10UseUrbanspoon

FINDARESTAURANT

•  Shakefeaturetofindrestaurant“Luckofthedraw”

•  Mapprovides“nearby”restaurantsinaspecifiedradiusofusersloca(on(GPS)

•  Searchallowsuserstofindaspecificrestaurant,basedonGPSofdevice

•  Discovercatersto“foodies”whoarelookingforwhat’snew

•  PeopleusingYelp&Googlearen’tawareofUrbanspoon

•  Clickbulonto“shake”setspath

•  Personaliza(onvia“Dineline”feature

Page 13: Service Design and UX Portfolio

CompeIIve Analysis: Google Survey:3outof10UseGoogle

FINDARESTAURANT

•  Easytousekeywordsearchfeature,sameexperienceonallplaqorms

•  Providesmapof“nearby”sugges(onsbasedonsearchcriteria

•  Verbalsearchcapabili(es

Page 14: Service Design and UX Portfolio

CompeIIve Analysis: Yelp Survey:3outof10UseGoogle

FINDARESTAURANT

•  MorenarrowfilteringthanUrbanSpooninsomecategories(Bars,Coffee&Tea)

•  Providesuserreviewsandra(ngs

•  Check-infeaturefacilitates“socialnature”ofdiningoutwithfriends

Page 15: Service Design and UX Portfolio

Persona: Jennifer Demographics:

• 25-40yearsold

• 2-4children(infant–preschooler)

• Married

• MidCounty(Kirkwood,WebsterGroves,Clayton,UniversityCity)

• Spends$$$

AQributes: •  StaysatHome•  Rootedincommunity•  Haslostofmomfriends,playdates,etc.•  Employsnanny/babysilerpart-(me•  Lives30minutesfromSt.Louisalrac(ons

Needs: •  Healthyfoodop(onsforlunchwithfriends&kidsnearby•  Accesstocoffeewhengoingtoaplaygroundandotherac(vi(es•  Aplacetohangoutwithkidsandfriendswhentheweatherisn’tniceoutside•  Placestobuysnacks,lunchanddrinkswhenonfamilybikerides&otherac(vi(es•  Parking,orabilitytowalkfromhome/park,etc.

Behavior: •  Par(cipatesinweeklychild’splaygroups•  GoestoSt.Louisalrac(onswithherkidsinthemorning•  Schedulesherac(vi(esaroundnappingschedules;youngerkidssleeponthego•  Viewsweeklytriptofarmer’smarketaslifelearningopportunityfortoddler-preschooler•  Focusedonsafetywhenwalkingtoac(vi(es:crossingstreet,playingoutside•  Seenbreasqeedinganddiaperchanginginpublicplaces.Sheisdiscreet,butnottooworriedaboutit•  Spends$$$onprivatepreschool•  Usesmom’sdayoutprogramsatlocalchurchesandbabysilersto‘getthingsdoneduringtheday.Or,thebabysiungserviceatherhealthclub•  Kidsenrolledinpaidac(vi(es(soccer,dance,swimming,mom-meart/music,yoga,etc.)•  Par(cipatesinParkDistrictsponsoredac(vi(esandevents•  Goestoallthecute“bou(que”stylerestaurantsandshopsopeningincityandtakesthekids.•  Seenusingsmartphonewhilewithkids,usuallyaniPhone•  Heavysocialmedia,andpostsaboutherchildren/familylife

SoluIons: •  Quickaccesstonearbyrestaurants•  Recommenda(onsbasedonherselectedcriteria• Map,Direc(ons,Hours,Accesstomenu,•  Userra(ng/sa(sfac(onscoreswithreviews

Page 16: Service Design and UX Portfolio

Open Card Sort 8usersthatmatchpersonaswereusedforanopencardsort.Op(malWorkshop’sOp(malSortsocwarewasu(lizedtohelpfacilitatethislab.Resultswereusedtodefine:•  Howusersexpecttoseeinforma(onorganizedandnaviga(onstructured

•  Categoriesandnamingconven(ons

•  Rela(onshipsbetweenitems

Page 17: Service Design and UX Portfolio

Feature Roadmap and High-level Task Flow Diagram Fromsurveydata,compe((vebenchmarkfindings

Page 18: Service Design and UX Portfolio

Screen Concepts, Icon Concepts, Major Scenarios, Storyboard

Page 19: Service Design and UX Portfolio

Mobile ApplicaIon Concept Mobile Usability TesIng Using POP

•  Usingscreenshotsofthepaperprototype,assembleditintoaniPhonetheprototypingapplica(onPOPbasedonthestoryboardingtechnique

•  Askeduserstopreformfivekeytasksinusabilitytest

•  Goaltoassess“buyin”ontheconceptandgatheraddi(onalrequirements

Page 20: Service Design and UX Portfolio

Usability Test Results

Severity #ofUsers Finding/Issue

High 3of4 Userswantafeaturethatincludestheirchildasapar(cipantinthedecisionmakingprocess

High 3of5 Primaryfiltersaretoobroadforchildfriendlyrestaurants

High 2of5 Didn’tunderstandiconography

Goal •  Validateconceptandfindaddi(onalfeatures•  Determineiftaskflowissufficient/appropriatetomeetuserexpecta(ons•  Examineiconographyconcepts

Usability Test & Focus Group •  4usersbasedonthepersona

Page 21: Service Design and UX Portfolio

Paper Prototype IteraIon Two Incorporateduserfeedbackfrompaperprototypingtest

Page 22: Service Design and UX Portfolio

Final Designs & Flows: Find With Current LocaIon

Page 23: Service Design and UX Portfolio

Final Designs & Flows: Find With Child InteracIon Using the adult-defined preferences, a child can blow on the screen to randomly select the restaurant. This way the child feels as though they had a part is selecIng a restaurant.

Page 24: Service Design and UX Portfolio

Final Designs & Flows: Find With User Preferences

Page 25: Service Design and UX Portfolio

Final Designs & Flows: Edit Preferences PreferencescanbedefinedbytheUserviatheEditMyPreferencesbulonontheMenu.

Thekeydifferen(atorforthisapplica(onisthatUserscanselectarestaurantbasedonthespecificneedsoftheirfamily.