SlideShare a Scribd company logo
Brand and the UX Journey 
Shri Jambhekar 
October 14, 2014 @ Riverside i/o 
The Branding Lab 
Sunday, October 19, 14
What is User Experience? 
"User experience" encompasses all aspects 
of the end-user's interaction with the 
company, its services, and its products. 
User$ Ac0ons$ Context$ Mo0va0on$ 
who$ $|$ $what $| $$where $| $when $|$ $why$ 
$ 
Sunday, October 19, 14
Product/ Service = User Experience 
Sunday, October 19, 14
Experience = Brand 
A story about a brand 
Sunday, October 19, 14
Modeling the USER 
Personas 
Sunday, October 19, 14
Personas- a way to model the right user to 
design for 
• Precise way of thinking and communicating behaviors, how they 
think, their attitudes, their goals, and their motivation (why) 
• Best way to accommodate variety of users is to design for specific 
type of user with specific need. 
• Although logic might be to make it broad in functionality 
• Those users whose needs best represent the needs of a larger set 
of audience 
• And then prioritize them so that the needs of most important users 
are met) 
Market segments are based on demographics, distribution 
channels, and purchasing behavior. Personas are based on usage 
behaviors and motivation. 
Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley 
Sunday, October 19, 14
Strengths of Personas 
• Help determine what a product should be 
• Communicate across - stakeholders, designers, developers 
• Build consensus - because they resemble real people, they’er 
easier to relate to feature lists 
• Measure - design can be tested on a persona - rapidly and 
inexpensively 
• Contributes to other efforts - marketing and sales plans 
• Resolve design issues 
• The elastic user 
• Self referential design 
• Edge cases 
Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley 
Sunday, October 19, 14
Personas 
• Are based on research (interview, stakeholders, mkt. research etc.) 
• Represented as individual people synthesized directly from 
observing real people 
• Creates empathy toward the target user 
• Provisional personas (when there is not enough time and resource) 
• Represent behavior patterns of groups of usres (archetype) 
• Accommodate a range of behaviors and related situations 
• Must have motivation (in the form of goals) 
• Can also represent non-users 
Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley 
Sunday, October 19, 14
Provisional Persona example 
Name and Photo/ Sketch Description (Fact) 
Shri 
Business traveller 
Casual tourist 
Behaviors (clue about what t they do) Needs and Goals 
Has very limited time to play tourist when he visits 
a foreign country on business 
- He plans and does research in advance so he can 
enjoy local culture, food, places of historic importance 
- Since he is unfamiliar with local language, he gets 
help from hotel concierge - gets cue cards in local 
language with translations 
- Does not go to unfamiliar areas 
- Catches a day tour to familiarize with the place 
- Shri is 50 something 
- Travels internationally for work 
- Loves to visit places of historic significance 
- He has limited time while on business 
- Needs to know where to go 
- Map, transportation (how to get there) 
- Needs local currency to pay 
- Food to eat and local customs 
- Know key phrases to communicate 
Sunday, October 19, 14
StubHub Persona example 
Sunday, October 19, 14
Exercise 
Personas 
Sunday, October 19, 14
Mapping the USER JOURNEY 
Sunday, October 19, 14
Mapping a user journey 
The customer journey map is an oriented graph that describes the journey of a 
user by representing the different touchpoints that characterize his interaction 
with the service. 
Why this is a great UX tool? 
• Get everybody on the same page - when developing a product or a service 
• Great source for user stories in agile environment or lean UX 
• Users encounter the BRAND at various touchpoints - brand/ value is 
reinforced at that experiential moment 
Sunday, October 19, 14
Mapping a user journey 
Wayne’s(UX(Journey(with(StubHub( 
Key$Assump*ons:( 
• Wayne(has(already(personalized(his( 
account(by(seBng(preferences( 
• He(is(looking(to(find(something(to(do( 
nearby((reachable(by(start(of(the(show)( • Latency( 
AWARENESS/RECCO. 
INTENT 
before(buying( 
Integrated( 
Seamless( 
SOCIAL 
RESULTS 
+ 
Options 
(e.g. deals) 
at(the(:me(of(buying( 
Add key Business KPIs at key stage (such as NPS, CS calls) 
LOGISTICS 
CONSUMPTION 
SHARING 
a=er(buying( 
DISCOVER 
PERSONALIZED 
• Refresh/(loading(HTML( 
• Anima:on( 
• Low(user(threshold( 
• Fragmented( 
• Too(many(clicks( 
• Too(much(choice( 
• Invite(friends(to(go(along( 
( 
• Time(to(event(start( 
• Loca:on( 
• Distance(from(event( 
• Occasion( 
• Likes(( 
( 
• Price(point( 
• Seats( 
( 
• Tweets( 
• FB( 
• Reviews( 
( 
• WillScall( 
• Mailing(:ckets( 
• GeBng(there( 
• GeBng(seated((map)( 
CONTEXT 
Select 
+ 
PURCHASE 
SEARCH 
Effortless( 
Simple(+(Intui:ve( DelighXul(+(Inspiring( 
• First(:me(setup(is(o=en( 
a(frustra:ng(process( 
• ‘OutSofSBox’(XP(ma[ers( 
• Choosing(where( 
and(what(to( 
share(can(be( 
tricky((such(as(on( 
FB(or(Twi[er)(( 
Sunday, October 19, 14
YP.com 
Sunday, October 19, 14
YP.com 
Sunday, October 19, 14
Thank you! 
snjambhekar@gmail.com 
References: 
Riverside.io 
About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley 
Designing for The Digital Age, Kim Goodwin, Wiley 
http://www.adaptivepath.com/wp-content/uploads/2011/11/RailEurope_CXMap_FINAL.001.png 
http://www.pinterest.com/robertleotta/user-journeys/ 
Sunday, October 19, 14

More Related Content

Similar to Brand ux (4)

SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS Debarati Rakshit
 
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Robert Stribley
 
Experience Mapping Workshop Interaction South America 2014
Experience Mapping Workshop Interaction South America 2014Experience Mapping Workshop Interaction South America 2014
Experience Mapping Workshop Interaction South America 2014John Labriola
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldRachel Liu
 
Participatory Design: Discovering Unmet Needs & New Solutions
Participatory Design: Discovering Unmet Needs & New SolutionsParticipatory Design: Discovering Unmet Needs & New Solutions
Participatory Design: Discovering Unmet Needs & New SolutionsJennifer Briselli
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience DesignRobert Stribley
 
Career portfolio shilpalewis_oct2015
Career portfolio shilpalewis_oct2015Career portfolio shilpalewis_oct2015
Career portfolio shilpalewis_oct2015shilpaslewis
 
Ad:Venture Marketing Masterclass
Ad:Venture Marketing MasterclassAd:Venture Marketing Masterclass
Ad:Venture Marketing MasterclassJonny Ross
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Robert Stribley
 
SmallWorlders - Designing an intranet for engagement
SmallWorlders - Designing an intranet for engagementSmallWorlders - Designing an intranet for engagement
SmallWorlders - Designing an intranet for engagementSmallWorlders
 
Localization in user experience design practice
Localization in user experience design practiceLocalization in user experience design practice
Localization in user experience design practiceGanesh Kumar
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Robert Stribley
 
JDRT Events Presentation
JDRT Events PresentationJDRT Events Presentation
JDRT Events PresentationTravel Oregon
 
DT:DC Summer of Design Final 2014
DT:DC Summer of Design Final 2014DT:DC Summer of Design Final 2014
DT:DC Summer of Design Final 2014prajaktakulkarni
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA International
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Samantha Bailey
 
Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015Ted Kilian
 

Similar to Brand ux (4) (20)

SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS
 
VIGC Academy
VIGC AcademyVIGC Academy
VIGC Academy
 
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
 
Experience Mapping Workshop Interaction South America 2014
Experience Mapping Workshop Interaction South America 2014Experience Mapping Workshop Interaction South America 2014
Experience Mapping Workshop Interaction South America 2014
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better world
 
KRUIZ, East Bay MBA Q2:2016
KRUIZ, East Bay MBA Q2:2016KRUIZ, East Bay MBA Q2:2016
KRUIZ, East Bay MBA Q2:2016
 
Participatory Design: Discovering Unmet Needs & New Solutions
Participatory Design: Discovering Unmet Needs & New SolutionsParticipatory Design: Discovering Unmet Needs & New Solutions
Participatory Design: Discovering Unmet Needs & New Solutions
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience Design
 
Career portfolio shilpalewis_oct2015
Career portfolio shilpalewis_oct2015Career portfolio shilpalewis_oct2015
Career portfolio shilpalewis_oct2015
 
Ad:Venture Marketing Masterclass
Ad:Venture Marketing MasterclassAd:Venture Marketing Masterclass
Ad:Venture Marketing Masterclass
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 
SmallWorlders - Designing an intranet for engagement
SmallWorlders - Designing an intranet for engagementSmallWorlders - Designing an intranet for engagement
SmallWorlders - Designing an intranet for engagement
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
 
Localization in user experience design practice
Localization in user experience design practiceLocalization in user experience design practice
Localization in user experience design practice
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
 
JDRT Events Presentation
JDRT Events PresentationJDRT Events Presentation
JDRT Events Presentation
 
DT:DC Summer of Design Final 2014
DT:DC Summer of Design Final 2014DT:DC Summer of Design Final 2014
DT:DC Summer of Design Final 2014
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015
 

Recently uploaded

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designerbitwgin12
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 

Recently uploaded (14)

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 

Brand ux (4)

  • 1. Brand and the UX Journey Shri Jambhekar October 14, 2014 @ Riverside i/o The Branding Lab Sunday, October 19, 14
  • 2. What is User Experience? "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. User$ Ac0ons$ Context$ Mo0va0on$ who$ $|$ $what $| $$where $| $when $|$ $why$ $ Sunday, October 19, 14
  • 3. Product/ Service = User Experience Sunday, October 19, 14
  • 4. Experience = Brand A story about a brand Sunday, October 19, 14
  • 5. Modeling the USER Personas Sunday, October 19, 14
  • 6. Personas- a way to model the right user to design for • Precise way of thinking and communicating behaviors, how they think, their attitudes, their goals, and their motivation (why) • Best way to accommodate variety of users is to design for specific type of user with specific need. • Although logic might be to make it broad in functionality • Those users whose needs best represent the needs of a larger set of audience • And then prioritize them so that the needs of most important users are met) Market segments are based on demographics, distribution channels, and purchasing behavior. Personas are based on usage behaviors and motivation. Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley Sunday, October 19, 14
  • 7. Strengths of Personas • Help determine what a product should be • Communicate across - stakeholders, designers, developers • Build consensus - because they resemble real people, they’er easier to relate to feature lists • Measure - design can be tested on a persona - rapidly and inexpensively • Contributes to other efforts - marketing and sales plans • Resolve design issues • The elastic user • Self referential design • Edge cases Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley Sunday, October 19, 14
  • 8. Personas • Are based on research (interview, stakeholders, mkt. research etc.) • Represented as individual people synthesized directly from observing real people • Creates empathy toward the target user • Provisional personas (when there is not enough time and resource) • Represent behavior patterns of groups of usres (archetype) • Accommodate a range of behaviors and related situations • Must have motivation (in the form of goals) • Can also represent non-users Reference: About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley Sunday, October 19, 14
  • 9. Provisional Persona example Name and Photo/ Sketch Description (Fact) Shri Business traveller Casual tourist Behaviors (clue about what t they do) Needs and Goals Has very limited time to play tourist when he visits a foreign country on business - He plans and does research in advance so he can enjoy local culture, food, places of historic importance - Since he is unfamiliar with local language, he gets help from hotel concierge - gets cue cards in local language with translations - Does not go to unfamiliar areas - Catches a day tour to familiarize with the place - Shri is 50 something - Travels internationally for work - Loves to visit places of historic significance - He has limited time while on business - Needs to know where to go - Map, transportation (how to get there) - Needs local currency to pay - Food to eat and local customs - Know key phrases to communicate Sunday, October 19, 14
  • 10. StubHub Persona example Sunday, October 19, 14
  • 11. Exercise Personas Sunday, October 19, 14
  • 12. Mapping the USER JOURNEY Sunday, October 19, 14
  • 13. Mapping a user journey The customer journey map is an oriented graph that describes the journey of a user by representing the different touchpoints that characterize his interaction with the service. Why this is a great UX tool? • Get everybody on the same page - when developing a product or a service • Great source for user stories in agile environment or lean UX • Users encounter the BRAND at various touchpoints - brand/ value is reinforced at that experiential moment Sunday, October 19, 14
  • 14. Mapping a user journey Wayne’s(UX(Journey(with(StubHub( Key$Assump*ons:( • Wayne(has(already(personalized(his( account(by(seBng(preferences( • He(is(looking(to(find(something(to(do( nearby((reachable(by(start(of(the(show)( • Latency( AWARENESS/RECCO. INTENT before(buying( Integrated( Seamless( SOCIAL RESULTS + Options (e.g. deals) at(the(:me(of(buying( Add key Business KPIs at key stage (such as NPS, CS calls) LOGISTICS CONSUMPTION SHARING a=er(buying( DISCOVER PERSONALIZED • Refresh/(loading(HTML( • Anima:on( • Low(user(threshold( • Fragmented( • Too(many(clicks( • Too(much(choice( • Invite(friends(to(go(along( ( • Time(to(event(start( • Loca:on( • Distance(from(event( • Occasion( • Likes(( ( • Price(point( • Seats( ( • Tweets( • FB( • Reviews( ( • WillScall( • Mailing(:ckets( • GeBng(there( • GeBng(seated((map)( CONTEXT Select + PURCHASE SEARCH Effortless( Simple(+(Intui:ve( DelighXul(+(Inspiring( • First(:me(setup(is(o=en( a(frustra:ng(process( • ‘OutSofSBox’(XP(ma[ers( • Choosing(where( and(what(to( share(can(be( tricky((such(as(on( FB(or(Twi[er)(( Sunday, October 19, 14
  • 17. Thank you! snjambhekar@gmail.com References: Riverside.io About Face- the essentials of interaction design. Alan Cooper, Reimann, and Cronin; Wiley Designing for The Digital Age, Kim Goodwin, Wiley http://www.adaptivepath.com/wp-content/uploads/2011/11/RailEurope_CXMap_FINAL.001.png http://www.pinterest.com/robertleotta/user-journeys/ Sunday, October 19, 14