SlideShare a Scribd company logo
1 of 43
Designing for emotion:
Enhancing user experiences with
personalisation
by Rob Edwards
4th October 2017
Designing for emotion:
Enhancing user experiences with personalisation
Hello
Designing for emotion:
Enhancing user experiences with personalisation
Emotional design and its value
The competitive edge
Enhancing emotion with personalisation
Creating personalised experiences
Personalisation in product
• Content marketing
• Fundraising page acquisition campaigns
• CRM journeys
• Bespoke, branded campaigns
Marketing and me
Acquisition Conversion Activation Page Value
Key levers
Human-centred design
A creative approach to
problem solving, defined by
IDEO as:
A process that starts with
the people you're designing
for and ends with new
solutions that are tailor made
to suit their needs.
“As a crowdfunder, I want to be able to
post interesting updates in order to
encourage friends to donate to my page”
Problem statement
Designing for emotion:
Enhancing user experiences with personalisation
Emotional design and its value
“The emotional side of
design may be more
critical to a product’s
success than it’s
practical elements”
Don Norman,
Emotional Design: Why we love
(or hate) everyday things
Emotion vs Cognition
“Emotions stimulate the limbic
part of the brain 3,000 times
faster than the neo-cortex, the
rational part of our brain.”
Stu Schlackman
Image credit: Forbes magazine
Levels of experience
In Emotion Design, Norman
explores the idea that our
brains process our experience
of a product on three levels.
“Gut instinct” (good or bad)
with no conscious thought
VISCERAL
BEHAVIOURAL
REFLECTIVE
How the product makes us
feel while we’re using it
Meaning we put on product and
connection to self-image
Cognitive
Reactive
Conscious
thought
Hierarchy of user needs
Aaron Walter adapted
Maslow’s hierarchy of
needs to create the
hierarchy of user needs.
Source: Aaron Walter,
Designing for Emotion
SURVIVAL
SAFETY
LOVE/BELONGING
ESTEEM
SELF-
ACTUALISATION
Emotional
Design
FUNCTIONAL
RELIABLE
USABLE
PLEASURABLE
Designing for emotion:
Enhancing user experiences with personalisation
The competitive edge
Emotional design alone
doesn't make a product
great, but it has the power
to inspire strong feelings.
When products have
similar functionality, how
they make you feel is
the difference.
Emotions influence our perception,
decision making and even memory.
The more emotional an experience, the
better we remember it.
Emotional design has been an important growth hacking tool for
digital brands such as Mailchimp, Monzo and Slack
Emotional techniques:
• Contrast and Delight
• Personality and Humour
• Surprise and Reward
Designing for emotion:
Enhancing user experiences with personalisation
Enhancing emotional engagement
with personalisation
Emotional
Design
Personalisation
THE SWEET
SPOT
Consumers place more value
on personalised experiences
and products.
Share a coke
Sales volume +11%
Revenue +11%
Market share +1.6%
Image credit: Level Marketing
Personalisation
doesn’t have to be
complicated.
The Finish Line
Audience: Runners and their supporters
Timing: Post London Marathon
Goals: Views, Shares and Page value
Results: 172,000 views, £24k raised, 10,000 visits
back to JustGiving fundraising pages
A personalised, animated scrolling
experience to celebrate the impact of
charity fundraisers for London
marathon 2016.
Year in Review
Audience: Fundraisers and supporters
Timing: New Year 2017
Goals: Sharing and Page creation
Results: 376,000 views (70% of views came
from social posts), 10k shares, 60k raised
Personalised summary of 2016
activity on JustGiving platform,
highlighting both individual and
collective impact.
Cheer Squad
Audience: Friends of marathon runners
Timing: 2 weeks before Great North Run
Goals: GIFs generated, Shares and Page value
Results: 70% of landing page views converted
to shared GIFs
We created a themed GIF generator to
allow supporters to give their
fundraiser a big cheer on social.
Vests of the Best
Audience: Runners and their supporters
Timing: Post London Marathon 2017
Goals: Sharing and Page value
Results: 70k raised within 24hrs from associated
fundraising pages
Celebrating marathon fundraisers
with personalised digital running
vests - Symbolic of commitment to
event and fundraising effort.
Designing for emotion:
Enhancing user experiences with personalisation
Designing for emotion:
Enhancing user experiences with personalisation
Creating personalised experiences
1. Understand the user
Try creating an Empathy map.
It’s a collaborative tool help everyone
get to understand the user you are
designing for.
Image credit: Anthony Hall, Arc Touch
2. Timing and context
Journey mapping - How is the
user feeling and what are their
motivations at this time?
Look for clues in current
behaviours both on and off your
platform e.g. GA, Social media
Magic moments
• Committing to the event
• First donation
• Hitting target or milestone
• Pre event anticipation
• Post race glow
3. Bringing data to life
• Create an Atomised list
• Highlight most compelling
• Build context and narrative
around data
Be creative and sensitive with
personalised data within limitations
of timing and content.
Designing for emotion:
Enhancing user experiences with personalisation
Personalisation in product:
Letting users tell their own story
Storytelling
Creative storytelling tools allow users to create points of
punctation in the narrative they share with supporters.
Start
Establish
routine
Rising
action
Climax
Falling
action
Denouement
The Hook Canvas
1. What internal trigger are
you addressing?
2. What’s the external trigger?
5. What “bit of work” is done to
increase likelihood of returning?
3. What’s the simplest action
in anticipation of reward?
4. Is the reward fulfilling, yet
leaves the user wanting more?
Source: The Hook Model by Nir Eyal
Fogg Behavioural Model
User’s level of motivation
and ability determines if
action will occur or not.
Source: Dr. BJ Fogg,
Stanford University
MOTIVATION
ABILITY
Trigger
Fails
Trigger
Succeeds
Designing for emotion:
Enhancing user experiences with personalisation
Thank you.
Questions?
Designing for emotion:
Enhancing user experiences with personalisation
References and links
Designing for emotion:
Enhancing user experiences with personalisation
Don Norman, Emotional Design
https://www.nngroup.com/videos/emotional-design/
Aaron Walter, Designing for Emotion
https://abookapart.com/products/designing-for-emotion
Hooked, Nir Eyal
https://www.nirandfar.com/hooked
Article: A practical guide to empathy mapping
https://www.uxpin.com/studio/blog/the-practical-guide-to-empathy-maps-
creating-a-10-minute-persona/

More Related Content

What's hot

Skid row slave to the grind songbook
Skid row   slave to the grind songbookSkid row   slave to the grind songbook
Skid row slave to the grind songbook
Junior Antoneli
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
Deskala
 
Michael la fosse advanced origami
Michael la fosse   advanced origamiMichael la fosse   advanced origami
Michael la fosse advanced origami
Hicham Teba
 
Dok holidej 208 kirk hamilton - bakskineri
Dok holidej 208   kirk hamilton - bakskineriDok holidej 208   kirk hamilton - bakskineri
Dok holidej 208 kirk hamilton - bakskineri
zoran radovic
 

What's hot (20)

Skid row slave to the grind songbook
Skid row   slave to the grind songbookSkid row   slave to the grind songbook
Skid row slave to the grind songbook
 
سورةالكهف المصحف الحسني الخط المغربي http://essaido.blogspot.com
سورةالكهف المصحف الحسني الخط المغربي http://essaido.blogspot.comسورةالكهف المصحف الحسني الخط المغربي http://essaido.blogspot.com
سورةالكهف المصحف الحسني الخط المغربي http://essaido.blogspot.com
 
Cognitive Walkthrough
Cognitive WalkthroughCognitive Walkthrough
Cognitive Walkthrough
 
Bunnyclub Campanella | PT-BR
Bunnyclub Campanella | PT-BRBunnyclub Campanella | PT-BR
Bunnyclub Campanella | PT-BR
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
 
Cognitive aspects - Mary Margarat
Cognitive aspects - Mary MargaratCognitive aspects - Mary Margarat
Cognitive aspects - Mary Margarat
 
6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
 
First certificate in english 2
First certificate in english 2First certificate in english 2
First certificate in english 2
 
Weil, 1985, The Variable Effects Of Education On Liberal Attitudes: Analysis ...
Weil, 1985, The Variable Effects Of Education On Liberal Attitudes: Analysis ...Weil, 1985, The Variable Effects Of Education On Liberal Attitudes: Analysis ...
Weil, 1985, The Variable Effects Of Education On Liberal Attitudes: Analysis ...
 
Cognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX designCognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX design
 
interaction norman model in Human Computer Interaction(HCI)
interaction  norman model in Human Computer Interaction(HCI)interaction  norman model in Human Computer Interaction(HCI)
interaction norman model in Human Computer Interaction(HCI)
 
Vidas Ejemplares, San Lorenzo mártir, revista completa, 01 agosto 1961, Novaro
Vidas Ejemplares, San Lorenzo mártir, revista completa, 01 agosto 1961, Novaro  Vidas Ejemplares, San Lorenzo mártir, revista completa, 01 agosto 1961, Novaro
Vidas Ejemplares, San Lorenzo mártir, revista completa, 01 agosto 1961, Novaro
 
Tele presence and co-presence in HCI
Tele presence and co-presence in HCITele presence and co-presence in HCI
Tele presence and co-presence in HCI
 
Instagram human computer interaction project
Instagram human computer interaction project Instagram human computer interaction project
Instagram human computer interaction project
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Michael la fosse advanced origami
Michael la fosse   advanced origamiMichael la fosse   advanced origami
Michael la fosse advanced origami
 
[BoardgameVN] Luật chơi Ma sói One night Ultimate Daybreak
[BoardgameVN] Luật chơi Ma sói One night Ultimate Daybreak[BoardgameVN] Luật chơi Ma sói One night Ultimate Daybreak
[BoardgameVN] Luật chơi Ma sói One night Ultimate Daybreak
 
Picture grammar for children 1
Picture grammar for children 1Picture grammar for children 1
Picture grammar for children 1
 
Dok holidej 208 kirk hamilton - bakskineri
Dok holidej 208   kirk hamilton - bakskineriDok holidej 208   kirk hamilton - bakskineri
Dok holidej 208 kirk hamilton - bakskineri
 

Similar to Designing for emotion: Enhancing user experiences with personalisation

Ym2 assignment 101 creative digital vu phuc thuy tien
Ym2 assignment 101 creative digital vu phuc thuy tienYm2 assignment 101 creative digital vu phuc thuy tien
Ym2 assignment 101 creative digital vu phuc thuy tien
Thuy Tien Khong Thi
 
Social media-2
Social media-2Social media-2
Social media-2
Insivia
 

Similar to Designing for emotion: Enhancing user experiences with personalisation (20)

Association's Forum Member Presentation. 2 Dec 2014.
Association's Forum Member Presentation. 2 Dec 2014.Association's Forum Member Presentation. 2 Dec 2014.
Association's Forum Member Presentation. 2 Dec 2014.
 
How Startups Get Customers: Using Content Marketing & Social Media to Tell Yo...
How Startups Get Customers: Using Content Marketing & Social Media to Tell Yo...How Startups Get Customers: Using Content Marketing & Social Media to Tell Yo...
How Startups Get Customers: Using Content Marketing & Social Media to Tell Yo...
 
Ym2 assignment 101 creative digital vu phuc thuy tien
Ym2 assignment 101 creative digital vu phuc thuy tienYm2 assignment 101 creative digital vu phuc thuy tien
Ym2 assignment 101 creative digital vu phuc thuy tien
 
Activate Your Brand Activate Your Consumer.pptx
Activate Your Brand Activate Your Consumer.pptxActivate Your Brand Activate Your Consumer.pptx
Activate Your Brand Activate Your Consumer.pptx
 
Social media-2
Social media-2Social media-2
Social media-2
 
How to attract People to your Website
How to attract People to your WebsiteHow to attract People to your Website
How to attract People to your Website
 
RedSwan5 Digital Workshop for Marketing Teams
RedSwan5 Digital Workshop for Marketing TeamsRedSwan5 Digital Workshop for Marketing Teams
RedSwan5 Digital Workshop for Marketing Teams
 
Creds butterfly mediagroup_may 2013
Creds butterfly mediagroup_may 2013Creds butterfly mediagroup_may 2013
Creds butterfly mediagroup_may 2013
 
VenuWorks 2015 Keynote Speech
VenuWorks 2015 Keynote SpeechVenuWorks 2015 Keynote Speech
VenuWorks 2015 Keynote Speech
 
Social media marketing
Social media marketingSocial media marketing
Social media marketing
 
How to start and leverage your Giving Day
How to start and leverage your Giving DayHow to start and leverage your Giving Day
How to start and leverage your Giving Day
 
Simple digital campaigning
Simple digital campaigningSimple digital campaigning
Simple digital campaigning
 
Social media marketing
Social media marketingSocial media marketing
Social media marketing
 
What Are 8 Steps To A Successful Social Campaign Plan And Checklist? #slideshow
What Are 8 Steps To A Successful Social Campaign Plan And Checklist? #slideshowWhat Are 8 Steps To A Successful Social Campaign Plan And Checklist? #slideshow
What Are 8 Steps To A Successful Social Campaign Plan And Checklist? #slideshow
 
"Design" vs Design
"Design" vs Design"Design" vs Design
"Design" vs Design
 
Comdez digital
Comdez digitalComdez digital
Comdez digital
 
ComDez Digital Agency
ComDez Digital AgencyComDez Digital Agency
ComDez Digital Agency
 
Social Media and Community Leadership : Attracting, Keeping and Engaging Your...
Social Media and Community Leadership : Attracting, Keeping and Engaging Your...Social Media and Community Leadership : Attracting, Keeping and Engaging Your...
Social Media and Community Leadership : Attracting, Keeping and Engaging Your...
 
Marketing e gourmet
Marketing e gourmetMarketing e gourmet
Marketing e gourmet
 
StickyGarlic Communications' Brochure
StickyGarlic Communications' BrochureStickyGarlic Communications' Brochure
StickyGarlic Communications' Brochure
 

More from JustGiving

More from JustGiving (20)

[INFOGRAPHIC] Pathway to fundraising success 2020
[INFOGRAPHIC] Pathway to fundraising success 2020[INFOGRAPHIC] Pathway to fundraising success 2020
[INFOGRAPHIC] Pathway to fundraising success 2020
 
Gaming for Good - how the games industry is disrupting the fundraising landscape
Gaming for Good - how the games industry is disrupting the fundraising landscapeGaming for Good - how the games industry is disrupting the fundraising landscape
Gaming for Good - how the games industry is disrupting the fundraising landscape
 
Everything your charity needs to know about gaming
Everything your charity needs to know about gamingEverything your charity needs to know about gaming
Everything your charity needs to know about gaming
 
How to activate your London marathon runners
How to activate your London marathon runnersHow to activate your London marathon runners
How to activate your London marathon runners
 
Five event fundraising trends to watch
Five event fundraising trends to watchFive event fundraising trends to watch
Five event fundraising trends to watch
 
INFOGRAPHIC: London marathon fundraising trends from JustGiving
INFOGRAPHIC: London marathon fundraising trends from JustGivingINFOGRAPHIC: London marathon fundraising trends from JustGiving
INFOGRAPHIC: London marathon fundraising trends from JustGiving
 
Event fundraising trends and the Edinburgh Marathon
Event fundraising trends and the Edinburgh MarathonEvent fundraising trends and the Edinburgh Marathon
Event fundraising trends and the Edinburgh Marathon
 
What's next for events?
What's next for events?What's next for events?
What's next for events?
 
London marathon tips and trends
London marathon tips and trendsLondon marathon tips and trends
London marathon tips and trends
 
INFOGRAPHIC: Big event fundraising trends from JustGiving
INFOGRAPHIC: Big event fundraising trends from JustGivingINFOGRAPHIC: Big event fundraising trends from JustGiving
INFOGRAPHIC: Big event fundraising trends from JustGiving
 
Harnessing Technology For Good - IOF 2016 Presentation
Harnessing Technology For Good - IOF 2016 PresentationHarnessing Technology For Good - IOF 2016 Presentation
Harnessing Technology For Good - IOF 2016 Presentation
 
Building advocacy through social media - from Fundraising Ireland 2016
Building advocacy through social media - from Fundraising Ireland 2016Building advocacy through social media - from Fundraising Ireland 2016
Building advocacy through social media - from Fundraising Ireland 2016
 
Kick The DM Habit & Charity Kit Launch
Kick The DM Habit & Charity Kit LaunchKick The DM Habit & Charity Kit Launch
Kick The DM Habit & Charity Kit Launch
 
How MOB events are changing the event fundraising landscape
How MOB events are changing the event fundraising landscapeHow MOB events are changing the event fundraising landscape
How MOB events are changing the event fundraising landscape
 
Social media campaign love has no labels
Social media campaign love has no labelsSocial media campaign love has no labels
Social media campaign love has no labels
 
Introducing Insights for charities on JustGiving
Introducing Insights for charities on JustGivingIntroducing Insights for charities on JustGiving
Introducing Insights for charities on JustGiving
 
Telling stories to build your community online
Telling stories to build your community onlineTelling stories to build your community online
Telling stories to build your community online
 
[INFOGRAPHIC] 2014 at JustGiving: a look back
[INFOGRAPHIC] 2014 at JustGiving: a look back[INFOGRAPHIC] 2014 at JustGiving: a look back
[INFOGRAPHIC] 2014 at JustGiving: a look back
 
Fundraising and social media at Cystic Fibrosis Ireland
Fundraising and social media at Cystic Fibrosis IrelandFundraising and social media at Cystic Fibrosis Ireland
Fundraising and social media at Cystic Fibrosis Ireland
 
Case study: Irish Cancer Society and Colour Dash event
Case study: Irish Cancer Society and Colour Dash eventCase study: Irish Cancer Society and Colour Dash event
Case study: Irish Cancer Society and Colour Dash event
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 

Designing for emotion: Enhancing user experiences with personalisation

  • 1. Designing for emotion: Enhancing user experiences with personalisation by Rob Edwards 4th October 2017
  • 2. Designing for emotion: Enhancing user experiences with personalisation Hello
  • 3. Designing for emotion: Enhancing user experiences with personalisation Emotional design and its value The competitive edge Enhancing emotion with personalisation Creating personalised experiences Personalisation in product
  • 4. • Content marketing • Fundraising page acquisition campaigns • CRM journeys • Bespoke, branded campaigns Marketing and me
  • 5. Acquisition Conversion Activation Page Value Key levers
  • 6. Human-centred design A creative approach to problem solving, defined by IDEO as: A process that starts with the people you're designing for and ends with new solutions that are tailor made to suit their needs.
  • 7. “As a crowdfunder, I want to be able to post interesting updates in order to encourage friends to donate to my page” Problem statement
  • 8. Designing for emotion: Enhancing user experiences with personalisation Emotional design and its value
  • 9. “The emotional side of design may be more critical to a product’s success than it’s practical elements” Don Norman, Emotional Design: Why we love (or hate) everyday things
  • 10. Emotion vs Cognition “Emotions stimulate the limbic part of the brain 3,000 times faster than the neo-cortex, the rational part of our brain.” Stu Schlackman Image credit: Forbes magazine
  • 11. Levels of experience In Emotion Design, Norman explores the idea that our brains process our experience of a product on three levels. “Gut instinct” (good or bad) with no conscious thought VISCERAL BEHAVIOURAL REFLECTIVE How the product makes us feel while we’re using it Meaning we put on product and connection to self-image Cognitive Reactive Conscious thought
  • 12. Hierarchy of user needs Aaron Walter adapted Maslow’s hierarchy of needs to create the hierarchy of user needs. Source: Aaron Walter, Designing for Emotion SURVIVAL SAFETY LOVE/BELONGING ESTEEM SELF- ACTUALISATION Emotional Design FUNCTIONAL RELIABLE USABLE PLEASURABLE
  • 13. Designing for emotion: Enhancing user experiences with personalisation The competitive edge
  • 14. Emotional design alone doesn't make a product great, but it has the power to inspire strong feelings. When products have similar functionality, how they make you feel is the difference.
  • 15. Emotions influence our perception, decision making and even memory. The more emotional an experience, the better we remember it.
  • 16. Emotional design has been an important growth hacking tool for digital brands such as Mailchimp, Monzo and Slack
  • 17. Emotional techniques: • Contrast and Delight • Personality and Humour • Surprise and Reward
  • 18. Designing for emotion: Enhancing user experiences with personalisation Enhancing emotional engagement with personalisation
  • 20. Consumers place more value on personalised experiences and products. Share a coke Sales volume +11% Revenue +11% Market share +1.6% Image credit: Level Marketing
  • 22. The Finish Line Audience: Runners and their supporters Timing: Post London Marathon Goals: Views, Shares and Page value Results: 172,000 views, £24k raised, 10,000 visits back to JustGiving fundraising pages A personalised, animated scrolling experience to celebrate the impact of charity fundraisers for London marathon 2016.
  • 23.
  • 24. Year in Review Audience: Fundraisers and supporters Timing: New Year 2017 Goals: Sharing and Page creation Results: 376,000 views (70% of views came from social posts), 10k shares, 60k raised Personalised summary of 2016 activity on JustGiving platform, highlighting both individual and collective impact.
  • 25. Cheer Squad Audience: Friends of marathon runners Timing: 2 weeks before Great North Run Goals: GIFs generated, Shares and Page value Results: 70% of landing page views converted to shared GIFs We created a themed GIF generator to allow supporters to give their fundraiser a big cheer on social.
  • 26. Vests of the Best Audience: Runners and their supporters Timing: Post London Marathon 2017 Goals: Sharing and Page value Results: 70k raised within 24hrs from associated fundraising pages Celebrating marathon fundraisers with personalised digital running vests - Symbolic of commitment to event and fundraising effort.
  • 27. Designing for emotion: Enhancing user experiences with personalisation
  • 28. Designing for emotion: Enhancing user experiences with personalisation Creating personalised experiences
  • 29. 1. Understand the user Try creating an Empathy map. It’s a collaborative tool help everyone get to understand the user you are designing for. Image credit: Anthony Hall, Arc Touch
  • 30. 2. Timing and context Journey mapping - How is the user feeling and what are their motivations at this time? Look for clues in current behaviours both on and off your platform e.g. GA, Social media
  • 31. Magic moments • Committing to the event • First donation • Hitting target or milestone • Pre event anticipation • Post race glow
  • 32. 3. Bringing data to life • Create an Atomised list • Highlight most compelling • Build context and narrative around data Be creative and sensitive with personalised data within limitations of timing and content.
  • 33. Designing for emotion: Enhancing user experiences with personalisation Personalisation in product: Letting users tell their own story
  • 34. Storytelling Creative storytelling tools allow users to create points of punctation in the narrative they share with supporters. Start Establish routine Rising action Climax Falling action Denouement
  • 35. The Hook Canvas 1. What internal trigger are you addressing? 2. What’s the external trigger? 5. What “bit of work” is done to increase likelihood of returning? 3. What’s the simplest action in anticipation of reward? 4. Is the reward fulfilling, yet leaves the user wanting more? Source: The Hook Model by Nir Eyal
  • 36. Fogg Behavioural Model User’s level of motivation and ability determines if action will occur or not. Source: Dr. BJ Fogg, Stanford University MOTIVATION ABILITY Trigger Fails Trigger Succeeds
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. Designing for emotion: Enhancing user experiences with personalisation Thank you. Questions?
  • 42. Designing for emotion: Enhancing user experiences with personalisation References and links
  • 43. Designing for emotion: Enhancing user experiences with personalisation Don Norman, Emotional Design https://www.nngroup.com/videos/emotional-design/ Aaron Walter, Designing for Emotion https://abookapart.com/products/designing-for-emotion Hooked, Nir Eyal https://www.nirandfar.com/hooked Article: A practical guide to empathy mapping https://www.uxpin.com/studio/blog/the-practical-guide-to-empathy-maps- creating-a-10-minute-persona/