SlideShare a Scribd company logo
1 of 74
Usability is so 2012...
MAKE THE USER SMILE
Emotional Design
About me
 Remy Blaettler
 Spent 8 years across the ocean
 Then back with my own translation agency
Supertext
 Chief of the System
User's hierarchy of needs
Functional
Usable
Reliable
Pleasurable
Missing
Why?
 Only bad usability leaves a lasting
impression
 Good usability is taken for granted
 We are looking for the «Have you seen
this» effect
Skeuomorphismus
Isn’t flat design bad for emotions?
Lets do it
R.I.P. Clippy 1997 - 2007
Be context sensitive
 Time
 Weather
 Place
 Etc.
Feathers
Greetings and goodbye
Boring
 Hello Remy
In the morning
 Good morning Remy
 Almost time for lunch?
Afternoon
 We hope you’re on the way home soon?
Greetings and goodbye
Evening
 Wow, still at work, Remy?
Before a holiday, instead of «Regards»
 Happy Easter!
 Enjoy your long weekend!
Use humor
Give automation a personality
 Emails are signed with «Boxed Ice Robot
Llama» at Boxed Ice
 Don’t do the noreply thing
Or be personal
 Sign automated emails a name
 Address the customer with his name
 Use the appropriate greeting (Du/Sie)
 Hey Paul
 Dear Mister Smith
 Make sure this is stored appropriately in
your CRM
 But then people might write back?!
Error Pages
Copywriting
Which is the most interesting way to
describe a 4,700-pound chandelier?
A. Blinged out
B. More brilliant than a studious Christmas
tree
C. A death trap
D. Really big and shiny
Copywriting
“The Tooth Fairy is a burglarizing fetishist
specializing in black-market ivory trade, and
she must be stopped. Today’s Groupon
helps keep teeth in mouths and out of the
hands of maniacal, winged phantasms.”
Copywriting
Pikante Sauce
EUR 1.95
Vulkanausbruch auf der Zunge
EUR 1.95
Copywriting
Nil-Kreuzfahrt, 14 Tage,
al inclusive, EUR 699
Liebesurlaub auf Kleopatras Spuren.
14Tage, all inclusive, EUR 699
Bills (Supertext Reminder)
Hi.
I’m the computer at Supertext. During the
cleanup of my hard drive, I found the
following open payment:
{ Payment Information }
Nobody knows about this here yet, please
pay quickly so it stays that way.
Next: Emotional CRM
“Emotional customers are not problematic
customers. They are customers who care.”
 Track your customers emotions
 From feedback
 Product reviews
 Social Networks
 And ACT upon them!
Next: Experience Design
Motion Sensor: Switches on the light, when
you enter the room
Path: No check-in necessary, the app
dectects automatically if a user stays in one
place.
Netflix: Who’s watching the movie? Me, my
wife or my friends? Recommend
Contact
remy@supertext.ch
@swissghostrider
Links
Examples
 Little Big Details
Link Collection
 http://mem.to/t/g/63Cvwe644
Better copywriting
 http://blog.supertext.ch/2010/01/referat-
im-technopark-zurich/
THANK YOU, THANK YOU!
The end.
 SupertextAG
 The first copywriting and translation agency
on the internet.
Emotions make the difference
Humans are not rational beings.
A human is a walking bag of squishy meat
and liquids, awash in chemicals.
Bad emotions are the worst
 Music
 Flash intro
 Full screen
 New windows
 Lost passwords during sign-up
 Errors 
Team Pages
Good place to play around a little
Ideas
 Handwritten signature
 Automatic daily horoscope
 Mouse-over pic with something funny
behind it
Avoid:
 Information that is too personal
Personal not personalized
 Be personal in e-mails, newsletters and on
your webpage.
 Personalization is often just another
feature that clutters the interface
 Du / Sie in German. Track it in your CRM
 «Hi Remy» sounds so much better than
«Dear Mister Blättler»
Error Pages
 Avoid them 
 Plan for all cases, check logs, analytics
 Use the same design
Error Pages
 Avoid them 
 Plan for all cases, check logs, analytics
 Use the same design
 Apologize and calm the user down
Error Pages
 Avoid them 
 Plan for all cases, check logs, analytics
 Use the same design
 Apologize and calm the user down
 Help with the next step / recovery
 Allow for feedback
Risks
 Emotions are emotions!
 Some will hate them. Some will love them.
 Be careful where you use them. If used
properly, they can be a very powerful way
to create an identity and a connection to
your brand.
Links
 Cool 404 Error Pages
 404 Best Practices
 Fab404
 Emotional Interface Design
 Don’t listen to Le Corbusier
You can download this presentation
from
blog.supertext.ch
Set the stage right
Typography
Blackrock
Western Store
Blackrock
Western Store

More Related Content

What's hot (6)

Make the most of your time, all the time
Make the most of your time, all the timeMake the most of your time, all the time
Make the most of your time, all the time
 
Six Simple Systems
Six Simple SystemsSix Simple Systems
Six Simple Systems
 
11 crazy-reasons-to-date-an-entrepreneur
11 crazy-reasons-to-date-an-entrepreneur11 crazy-reasons-to-date-an-entrepreneur
11 crazy-reasons-to-date-an-entrepreneur
 
Ten tips for creating slides
Ten tips for creating slidesTen tips for creating slides
Ten tips for creating slides
 
3 time management, procastination
3 time management, procastination3 time management, procastination
3 time management, procastination
 
Conversion Copywriting by Joanna Wiebe - WistiaFest 2017 Keynote
Conversion Copywriting by Joanna Wiebe - WistiaFest 2017 KeynoteConversion Copywriting by Joanna Wiebe - WistiaFest 2017 Keynote
Conversion Copywriting by Joanna Wiebe - WistiaFest 2017 Keynote
 

Viewers also liked

Muestra Con Tipo De Secc Final
Muestra Con  Tipo De Secc FinalMuestra Con  Tipo De Secc Final
Muestra Con Tipo De Secc Final
guest2e28de
 
Informatics In The Manchester Centre For Integrative Systems Biology
Informatics In The Manchester Centre For Integrative Systems BiologyInformatics In The Manchester Centre For Integrative Systems Biology
Informatics In The Manchester Centre For Integrative Systems Biology
Neil Swainston
 
Collision Management-June-2014-Full Magazine Article
Collision Management-June-2014-Full Magazine ArticleCollision Management-June-2014-Full Magazine Article
Collision Management-June-2014-Full Magazine Article
Venessa Di Vito
 
Ultimo intercambio de regalos 2002
Ultimo intercambio de regalos 2002Ultimo intercambio de regalos 2002
Ultimo intercambio de regalos 2002
ZAPHIRY BONETTO
 
Development of Indian Coast
Development of Indian CoastDevelopment of Indian Coast
Development of Indian Coast
Amber Bhaumik
 
Experiences from a Data Vault Pilot Exploiting the Internet of Things
Experiences from a Data Vault Pilot Exploiting the Internet of ThingsExperiences from a Data Vault Pilot Exploiting the Internet of Things
Experiences from a Data Vault Pilot Exploiting the Internet of Things
GuyVanderSande
 
Sektör Haberleri 03-09 Mart Haftası
Sektör Haberleri 03-09 Mart HaftasıSektör Haberleri 03-09 Mart Haftası
Sektör Haberleri 03-09 Mart Haftası
Vizeum Turkiye
 

Viewers also liked (20)

Sameer Desai speaks about Cannes at the RAMA meet
Sameer Desai speaks about Cannes at the RAMA meetSameer Desai speaks about Cannes at the RAMA meet
Sameer Desai speaks about Cannes at the RAMA meet
 
Multilenguaje en Drupal 8 y la iniciativa D8MI
Multilenguaje en Drupal 8 y la iniciativa D8MIMultilenguaje en Drupal 8 y la iniciativa D8MI
Multilenguaje en Drupal 8 y la iniciativa D8MI
 
Muestra Con Tipo De Secc Final
Muestra Con  Tipo De Secc FinalMuestra Con  Tipo De Secc Final
Muestra Con Tipo De Secc Final
 
Punto vive digital plus
Punto vive digital plusPunto vive digital plus
Punto vive digital plus
 
Ttt 1&2
Ttt 1&2Ttt 1&2
Ttt 1&2
 
Informatics In The Manchester Centre For Integrative Systems Biology
Informatics In The Manchester Centre For Integrative Systems BiologyInformatics In The Manchester Centre For Integrative Systems Biology
Informatics In The Manchester Centre For Integrative Systems Biology
 
FAQ de firma electrónica de Security Data
FAQ de firma electrónica de Security DataFAQ de firma electrónica de Security Data
FAQ de firma electrónica de Security Data
 
Collision Management-June-2014-Full Magazine Article
Collision Management-June-2014-Full Magazine ArticleCollision Management-June-2014-Full Magazine Article
Collision Management-June-2014-Full Magazine Article
 
Motivasi bab2
Motivasi bab2Motivasi bab2
Motivasi bab2
 
Ultimo intercambio de regalos 2002
Ultimo intercambio de regalos 2002Ultimo intercambio de regalos 2002
Ultimo intercambio de regalos 2002
 
APROFE NYC Survey Results
APROFE NYC Survey ResultsAPROFE NYC Survey Results
APROFE NYC Survey Results
 
INDICADORES SOCIALES DE GESTIÓN COMUNITARIA
INDICADORES SOCIALES DE GESTIÓN COMUNITARIA INDICADORES SOCIALES DE GESTIÓN COMUNITARIA
INDICADORES SOCIALES DE GESTIÓN COMUNITARIA
 
7 Trends to Watch in 2012
7 Trends to Watch in 20127 Trends to Watch in 2012
7 Trends to Watch in 2012
 
Sustainability Assessment Report – Klean Kanteen
Sustainability Assessment Report – Klean Kanteen Sustainability Assessment Report – Klean Kanteen
Sustainability Assessment Report – Klean Kanteen
 
Development of Indian Coast
Development of Indian CoastDevelopment of Indian Coast
Development of Indian Coast
 
Experiences from a Data Vault Pilot Exploiting the Internet of Things
Experiences from a Data Vault Pilot Exploiting the Internet of ThingsExperiences from a Data Vault Pilot Exploiting the Internet of Things
Experiences from a Data Vault Pilot Exploiting the Internet of Things
 
2.componentes de html5
2.componentes de html52.componentes de html5
2.componentes de html5
 
Induction lights vs led lights green tech fixtures
Induction lights vs led lights   green tech fixturesInduction lights vs led lights   green tech fixtures
Induction lights vs led lights green tech fixtures
 
Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
 
Sektör Haberleri 03-09 Mart Haftası
Sektör Haberleri 03-09 Mart HaftasıSektör Haberleri 03-09 Mart Haftası
Sektör Haberleri 03-09 Mart Haftası
 

Similar to Emotional Webdesign am Internet Briefing 2013 in Bern

[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
[Srijan Wednesday Webinars] 10 Steps to Improved User Experience[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
Srijan Technologies
 
Voicemail Techniques for DIscoverOrg
Voicemail Techniques for DIscoverOrgVoicemail Techniques for DIscoverOrg
Voicemail Techniques for DIscoverOrg
DiscoverOrg
 
Communications did you know
Communications   did you knowCommunications   did you know
Communications did you know
tanuja nair
 
Presentation skills
Presentation skillsPresentation skills
Presentation skills
Nirmal Shah
 
Planning & briefing talk 2
Planning & briefing talk 2Planning & briefing talk 2
Planning & briefing talk 2
cwutesting
 

Similar to Emotional Webdesign am Internet Briefing 2013 in Bern (20)

Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
 
SINE
SINESINE
SINE
 
Chatbot and AI Design Principles
Chatbot and AI Design PrinciplesChatbot and AI Design Principles
Chatbot and AI Design Principles
 
[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
[Srijan Wednesday Webinars] 10 Steps to Improved User Experience[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
[Srijan Wednesday Webinars] 10 Steps to Improved User Experience
 
Copywriting Tips
Copywriting TipsCopywriting Tips
Copywriting Tips
 
Live Chat Training
Live Chat TrainingLive Chat Training
Live Chat Training
 
How To Build A Perfect Presentation
How To Build A Perfect PresentationHow To Build A Perfect Presentation
How To Build A Perfect Presentation
 
Voicemail Techniques for DIscoverOrg
Voicemail Techniques for DIscoverOrgVoicemail Techniques for DIscoverOrg
Voicemail Techniques for DIscoverOrg
 
Communications did you know
Communications   did you knowCommunications   did you know
Communications did you know
 
Chasing the Future: challenges and opportunites in the design of emotional ro...
Chasing the Future: challenges and opportunites in the design of emotional ro...Chasing the Future: challenges and opportunites in the design of emotional ro...
Chasing the Future: challenges and opportunites in the design of emotional ro...
 
Presentation skills
Presentation skillsPresentation skills
Presentation skills
 
Non-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansNon-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humans
 
Planning & briefing talk 2
Planning & briefing talk 2Planning & briefing talk 2
Planning & briefing talk 2
 
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
 
Seth Godin - BAD PowerPoint
Seth Godin - BAD PowerPointSeth Godin - BAD PowerPoint
Seth Godin - BAD PowerPoint
 
reallybad-1
reallybad-1reallybad-1
reallybad-1
 
Tele marketing skills
Tele marketing skillsTele marketing skills
Tele marketing skills
 
Creative That Works: Design & Copy Best Practices for Better Marketing
Creative That Works: Design & Copy Best Practices for Better MarketingCreative That Works: Design & Copy Best Practices for Better Marketing
Creative That Works: Design & Copy Best Practices for Better Marketing
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre production
 
Power Point Creating Well Designed Presentations
Power Point Creating Well Designed PresentationsPower Point Creating Well Designed Presentations
Power Point Creating Well Designed Presentations
 

More from Remy Blaettler (6)

Artificial Intelligence TM and Terminology Onboarding
Artificial Intelligence TM and Terminology OnboardingArtificial Intelligence TM and Terminology Onboarding
Artificial Intelligence TM and Terminology Onboarding
 
Bilingual term extraction with Big Data (and Gensim)
Bilingual term extraction with Big Data (and Gensim)Bilingual term extraction with Big Data (and Gensim)
Bilingual term extraction with Big Data (and Gensim)
 
The Lean Startup (Theory & Motivation - Examples & Learnings)
The Lean Startup (Theory & Motivation - Examples & Learnings)The Lean Startup (Theory & Motivation - Examples & Learnings)
The Lean Startup (Theory & Motivation - Examples & Learnings)
 
Multilingual Websites - UX Camp Europe 2013
Multilingual Websites - UX Camp Europe 2013Multilingual Websites - UX Camp Europe 2013
Multilingual Websites - UX Camp Europe 2013
 
Multilingual websites - UX Camp Berlin 2012
Multilingual websites - UX Camp Berlin 2012Multilingual websites - UX Camp Berlin 2012
Multilingual websites - UX Camp Berlin 2012
 
Online CAT and project management tools for translators
Online CAT and project management tools for translatorsOnline CAT and project management tools for translators
Online CAT and project management tools for translators
 

Recently uploaded

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
ZurliaSoop
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
 

Recently uploaded (20)

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 

Emotional Webdesign am Internet Briefing 2013 in Bern

  • 1. Usability is so 2012...
  • 2. MAKE THE USER SMILE Emotional Design
  • 3. About me  Remy Blaettler  Spent 8 years across the ocean  Then back with my own translation agency Supertext  Chief of the System
  • 4.
  • 5. User's hierarchy of needs Functional Usable Reliable Pleasurable Missing
  • 6. Why?  Only bad usability leaves a lasting impression  Good usability is taken for granted  We are looking for the «Have you seen this» effect
  • 10. Be context sensitive  Time  Weather  Place  Etc.
  • 11.
  • 12.
  • 14.
  • 15.
  • 16.
  • 17. Greetings and goodbye Boring  Hello Remy In the morning  Good morning Remy  Almost time for lunch? Afternoon  We hope you’re on the way home soon?
  • 18. Greetings and goodbye Evening  Wow, still at work, Remy? Before a holiday, instead of «Regards»  Happy Easter!  Enjoy your long weekend!
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. Give automation a personality  Emails are signed with «Boxed Ice Robot Llama» at Boxed Ice  Don’t do the noreply thing
  • 29. Or be personal  Sign automated emails a name  Address the customer with his name  Use the appropriate greeting (Du/Sie)  Hey Paul  Dear Mister Smith  Make sure this is stored appropriately in your CRM  But then people might write back?!
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. Copywriting Which is the most interesting way to describe a 4,700-pound chandelier? A. Blinged out B. More brilliant than a studious Christmas tree C. A death trap D. Really big and shiny
  • 39. Copywriting “The Tooth Fairy is a burglarizing fetishist specializing in black-market ivory trade, and she must be stopped. Today’s Groupon helps keep teeth in mouths and out of the hands of maniacal, winged phantasms.”
  • 41. Copywriting Nil-Kreuzfahrt, 14 Tage, al inclusive, EUR 699 Liebesurlaub auf Kleopatras Spuren. 14Tage, all inclusive, EUR 699
  • 42. Bills (Supertext Reminder) Hi. I’m the computer at Supertext. During the cleanup of my hard drive, I found the following open payment: { Payment Information } Nobody knows about this here yet, please pay quickly so it stays that way.
  • 43. Next: Emotional CRM “Emotional customers are not problematic customers. They are customers who care.”  Track your customers emotions  From feedback  Product reviews  Social Networks  And ACT upon them!
  • 44. Next: Experience Design Motion Sensor: Switches on the light, when you enter the room Path: No check-in necessary, the app dectects automatically if a user stays in one place. Netflix: Who’s watching the movie? Me, my wife or my friends? Recommend
  • 46. Links Examples  Little Big Details Link Collection  http://mem.to/t/g/63Cvwe644 Better copywriting  http://blog.supertext.ch/2010/01/referat- im-technopark-zurich/
  • 47. THANK YOU, THANK YOU! The end.
  • 48.
  • 49.
  • 50.
  • 51.  SupertextAG  The first copywriting and translation agency on the internet.
  • 52. Emotions make the difference Humans are not rational beings. A human is a walking bag of squishy meat and liquids, awash in chemicals.
  • 53. Bad emotions are the worst  Music  Flash intro  Full screen  New windows  Lost passwords during sign-up  Errors 
  • 54.
  • 55.
  • 56. Team Pages Good place to play around a little Ideas  Handwritten signature  Automatic daily horoscope  Mouse-over pic with something funny behind it Avoid:  Information that is too personal
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. Personal not personalized  Be personal in e-mails, newsletters and on your webpage.  Personalization is often just another feature that clutters the interface  Du / Sie in German. Track it in your CRM  «Hi Remy» sounds so much better than «Dear Mister Blättler»
  • 63. Error Pages  Avoid them   Plan for all cases, check logs, analytics  Use the same design
  • 64.
  • 65. Error Pages  Avoid them   Plan for all cases, check logs, analytics  Use the same design  Apologize and calm the user down
  • 66. Error Pages  Avoid them   Plan for all cases, check logs, analytics  Use the same design  Apologize and calm the user down  Help with the next step / recovery  Allow for feedback
  • 67.
  • 68. Risks  Emotions are emotions!  Some will hate them. Some will love them.  Be careful where you use them. If used properly, they can be a very powerful way to create an identity and a connection to your brand.
  • 69. Links  Cool 404 Error Pages  404 Best Practices  Fab404  Emotional Interface Design  Don’t listen to Le Corbusier
  • 70. You can download this presentation from blog.supertext.ch
  • 71. Set the stage right
  • 72.
  • 73.

Editor's Notes

  1. http://www.wefeelfine.orgLooks likeSwitzerlandis very happy today.
  2. Who knows Mail Chimp?Why?What do they do better than Mad Mini?
  3. Google iPhone AppDepending on the time, the background getsdarker.Same withthe Yahoo andthenew Apple Weatherapp.
  4. Feedback Form after user got a translationUser says he is not happyWhat is the context?Unhappy userWishes for us to contact him and create a new version.And what do we do?«Thanks for your feedback» ???Not what will calm him down.«Sorry that you are not happy. We will contact you immediately»
  5. Example:Ourjoboffermailsdidn’tworkanymore after weautomatedthem.
  6. https://akismet.com/signup/#pwyw
  7. Adiumhttp://www.adiumxtras.com/
  8. www.mailchimp.com
  9. LegoThe Lego man ist not peeking when you enter the password
  10. Login for a developer communityhttp://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.html
  11. Comming Soon page for a Plumbing Companyhttp://dzineblog.com/2009/04/25-examples-of-cool-coming-soon-pages-part-ii.html
  12. http://onstartups.com/tabid/3339/bid/13855/6-Simple-Selling-Tips-For-Software-Entrepreneurs.aspx
  13. http://www.zappos.com/login.doerror
  14. Who knows Groupon?Why do you think they were successful?There were lots of companies out there doing exactly this for years.They send spam all day long....They say their key to success is good copywriting.Answer is Bhttp://www.nytimes.com/2011/05/29/business/29groupon.html?pagewanted=3&amp;_r=1
  15. http://editorialdept.com/Tests/WriterQuiz.phphttp://www.nytimes.com/2011/05/29/business/29groupon.html?pagewanted=4&amp;_r=1
  16. ExamplesThere is a treeThere grows a treeA car stands there.A car is parked there.
  17. Instead of information and overview, start with the dream.
  18. Coffee Brand in Philippines Normally drink coffee during the raining season. Advertisment with people drinking coffee under the roof during rain didn’t work.After reasearch, turns out that the «Rain Sound» was the wrong one.http://www.fastcompany.com/1758288/familiar-microscopic-consumer-insights-yet-to-be-discovered
  19. http://blog.sarahlynndesign.com/emotional-web-design/