Make the user smile - Emotional Webdesign - UX Camp Berlin 2010

964 views

Published on

My first presentation at the UX Camp in Berlin in 2010 about Emotional Webdesign. Or how you can make your user smile.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
964
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Make the user smile - Emotional Webdesign - UX Camp Berlin 2010

  1. 1. Emotional WebdesignMAKE THE USER SMILE
  2. 2. ME – Remy Blättler Bachelor in Computer Science from Switzerland Master in Computer Engineering from Chicago 6 Year of New York fun Now back in Switzerland with my own company Supertext
  3. 3. SupertextThe first copywriting and translationagency on the Internet
  4. 4. Maslows hierarchy of needs Self- actualization Esteem Love / Belonging Safety Physiological
  5. 5. Users hierarchy of needsMissing Plesurable Usable Reliable Functional
  6. 6. Emotions make the differenceHumans are not rational beings.A human is a walking sack of squishy meat andliquids, awash in chemicals.
  7. 7. Avoid Music Flash Intro Fullscreen New windows Lost passwords during sign-up Errors 
  8. 8. R.I.P Clippy 1997 - 2007
  9. 9. Good examples
  10. 10. Feathers
  11. 11. Team PagesGood place to be a little playfulIdeas Handwritten signature Automatic daily horoscope Mouse-over pic with something funny behindAvoid: Too personal information
  12. 12. First a boring one
  13. 13. And some fun ones
  14. 14. Personal not personalized Be personal in e-mails, newsletter and on your webpage. Personalization is often just another feature that clutters the interface Du / Sie in German. Track it in your CRM «Hey Remy» sounds so much better than «Dear Mister Blättler»
  15. 15. Greetings and goodbyeBoring Hello RemyIn the morning Good Morning Remy Almost time for lunch?Afternoon We hope you’re on the way home soon?
  16. 16. Greetings and goodbyeEvening Wow, still at work, Remy?Before a holiday Instead of always «Kind regards» We wish you happy Estern Enjoy your long weekend!
  17. 17. Numbers and DatesBad:1 Comments, 2 Comments, 45 CommentsBetterOne Comment, Two Comments, 45 CommentsYou have no new messages.You have one new message.You have five new messages.
  18. 18. Numbers and DatesBad:17.05.10Better:Monday, 17. May 2010Best:Last Week, Yesterday, 2 Min ago
  19. 19. Errors
  20. 20. Error Pages Avoid them   Plan for all use cases, check logs, analytics Use same design
  21. 21. Error Pages Avoid them   Plan for all use cases, check logs, analytics Use same design Apologize and calm the user down
  22. 22. Error Pages Avoid them   Plan for all use cases, check logs, analytics Use same design Apologize and calm the user down Help with the next step / recovery Allow for feedback
  23. 23. Bills (Supertext Reminder)HeyI’m the Computer at Supertext. During thecleanup of my harddrive I found the followingopen payment:{ Payment Information }Nobody knows about this here yet, please payquickly so it stays that way.
  24. 24. Risks Emotions are Emotions! Some will hate them. Some will love em. 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.
  25. 25. Links Cool 404 Error Pages 404 Best Practices Fab404 Emotional Interface Design Don’t listen to Le Corbusier
  26. 26. You can download thispresentation fromblog.supertext.ch
  27. 27. The end.THANK YOU, THANK YOU!

×