Your SlideShare is downloading. ×
0
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Make the user smile - Emotional Webdesign - UX Camp Berlin 2010
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

714

Published on

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

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
714
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Emotional WebdesignMAKE THE USER SMILE
  • 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. SupertextThe first copywriting and translationagency on the Internet
  • 4. Maslows hierarchy of needs Self- actualization Esteem Love / Belonging Safety Physiological
  • 5. Users hierarchy of needsMissing Plesurable Usable Reliable Functional
  • 6. Emotions make the differenceHumans are not rational beings.A human is a walking sack of squishy meat andliquids, awash in chemicals.
  • 7. Avoid Music Flash Intro Fullscreen New windows Lost passwords during sign-up Errors 
  • 8. R.I.P Clippy 1997 - 2007
  • 9. Good examples
  • 10. Feathers
  • 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. First a boring one
  • 13. And some fun ones
  • 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. 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. 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. 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. Numbers and DatesBad:17.05.10Better:Monday, 17. May 2010Best:Last Week, Yesterday, 2 Min ago
  • 19. Errors
  • 20. Error Pages Avoid them   Plan for all use cases, check logs, analytics Use same design
  • 21. Error Pages Avoid them   Plan for all use cases, check logs, analytics Use same design Apologize and calm the user down
  • 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. 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. 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. Links Cool 404 Error Pages 404 Best Practices Fab404 Emotional Interface Design Don’t listen to Le Corbusier
  • 26. You can download thispresentation fromblog.supertext.ch
  • 27. The end.THANK YOU, THANK YOU!

×