Detached Heads and the Practice of Empathy

These are the slides from my lightning done at Geeky, London (http://lanyrd.com/2012/geekynight-august/). It's based on my accidental Tumblr blog www.errorwallofshame.tumblr.com.

These slides contain sad cats and may not be entirely comprehensible without my speaking over them.

Transcript

1. Detached
   Heads(& the practice
   of empathy)
   

   View Slide

2. Detached heads and bad user experience | @grinblo
   Evgenia Grinblo
   Future Workshops, London
   

   View Slide

3. Detached heads and bad user experience | @grinblo
   

   View Slide

4. Detached heads and bad user experience | @grinblo
   

   View Slide

5. Detached heads and bad user experience | @grinblo
   Error Wall of Shame.tumblr.com
   (where naughty error alerts go to retire)
   

   View Slide

6. Detached heads and bad user experience | @grinblo
   Submitted by @annatricity
   

   View Slide

7. Detached heads and bad user experience | @grinblo
   

   View Slide

8. Detached heads and bad user experience | @grinblo
   1. Talk human to me
   

   View Slide

9. Detached heads and bad user experience | @grinblo
   2006:
   

   View Slide

10. Detached heads and bad user experience | @grinblo
    2012:
    

    View Slide

11. Detached heads and bad user experience | @grinblo
    

    View Slide

12. Detached heads and bad user experience | @grinblo
    Source: sharenator.com
    

    View Slide

13. Detached heads and bad user experience | @grinblo
    *This cash machine offers Cockney as a language option
    

    View Slide

14. Detached heads and bad user experience | @grinblo
    

    View Slide

15. Detached heads and bad user experience | @grinblo
    Submitted by @annatricity
    

    View Slide

16. Detached heads and bad user experience | @grinblo
    Nerd talk + error = stress
    

    View Slide

17. Detached heads and bad user experience | @grinblo
    2. Tell me it’s not my fault
    

    View Slide

18. Detached heads and bad user experience | @grinblo
    Submitted by Daniel Liu
    

    View Slide

19. Detached heads and bad user experience | @grinblo
    

    View Slide

20. Detached heads and bad user experience | @grinblo
    

    View Slide

21. Detached heads and bad user experience | @grinblo
    Source: Matthias Gansrigler, Eternal Storms
    

    View Slide

22. Detached heads and bad user experience | @grinblo
    Users assume they messed up
    

    View Slide

23. Detached heads and bad user experience | @grinblo
    3. Tell me what to do next
    

    View Slide

24. Detached heads and bad user experience | @grinblo
    Submitted by @letsallplaygolf
    

    View Slide

25. Detached heads and bad user experience | @grinblo
    

    View Slide

26. Detached heads and bad user experience | @grinblo
    Submitted by @cole_peters
    

    View Slide

27. Detached heads and bad user experience | @grinblo
    Source: interfacematters.com
    Nice try:
    

    View Slide

28. Detached heads and bad user experience | @grinblo
    Source: owensworld.com
    Not so nice:
    

    View Slide

29. Detached heads and bad user experience | @grinblo
    Pointless errors are confusing
    

    View Slide

30. Detached heads and bad user experience | @grinblo
    Cheat sheet:
    

    View Slide

31. Detached heads and bad user experience | @grinblo
    Cheat sheet:
    ✓ User simple and accessible language
    

    View Slide

32. Detached heads and bad user experience | @grinblo
    Cheat sheet:
    ✓ User simple and accessible language
    ✓ Reassure users that they didn’t mess up
    

    View Slide

33. Detached heads and bad user experience | @grinblo
    Cheat sheet:
    ✓ User simple and accessible language
    ✓ Reassure users that they didn’t mess up
    ✓ Offer actual guidance on how to proceed
    

    View Slide

34. Detached heads and bad user experience | @grinblo
    

    View Slide

35. Detached heads and bad user experience | @grinblo
    < Photo credits
    Flickr
    colinmurphy
    kishimoto
    dat-pics
    mmoorr
    jasonpier
    deerwooduk
    albaraa
    Twitter
    @annatricity
    @cole_peters
    

    View Slide