Feel-good interface design

Transcript

1. Feel-good interface design
   

   View Slide

2. Feel-good interface design
   bastianallgeier Mannheim, Germany
   bastianallgeier.com
   

   View Slide

3. zootool.com visual bookmarking images, videos, documents, links
   Zootool
   

   View Slide

4. View Slide

5. Feel-good interface design > beautiful pixels
   

   View Slide

6. Idea + design + code = feel-good interface design
   

   View Slide

7. startupquote.com
   

   View Slide

8. Attracting new users
   building a long-term relationship
   vs.
   

   View Slide

9. CloudApp
   Gmail Echofon
   Github Facebook
   Zootool
   Photoshop ColorSnapper
   Transmit SubEthaEdit
   Safari
   Desktop
   Partly cloudy
   Cloudy
   

   View Slide

10. 2. Does it match my workflow
    1. Does it have the features i need
    3. Does it feel good
    

    View Slide

11. 2. Does it match my workflow
    1. Does it have the features i need
    3. Does it feel good
    

    View Slide

12. 2. Does it match my workflow
    1. Does it have the features i need
    3. Does it feel good
    

    View Slide

13. 2. Does it match my workflow
    1. Does it have the features i need
    3. Does it feel good
    

    View Slide

14. View Slide

15. A great interface can
    make you more productive
    

    View Slide

16. A great interface can
    make you feel more productive
    

    View Slide

17. View Slide

18. Itʼs all about execution
    

    View Slide

19. Itʼs all about details
    

    View Slide

20. Itʼs all about little wow-effects
    

    View Slide

21. haveamint.com
    

    View Slide

22. haveamint.com
    

    View Slide

23. mailchimp.com
    

    View Slide

24. mailchimp.com
    

    View Slide

25. View Slide

26. Design for the n00bs
    

    View Slide

27. View Slide

28. View Slide

29. Design for the pros
    

    View Slide

30. View Slide

31. Treat your users like humans
    because they are.
    

    View Slide

32. View Slide

33. blog.thegodfounder.com
    

    View Slide

34. Be aware of your spinners
    

    View Slide

35. Make your app cosy
    

    View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. Add some too-good-to-be-true features
    

    View Slide

44. View Slide

45. Always focus on the user
    

    View Slide

46. Design in Photoshop the browser
    

    View Slide

47. Designer
    Passion for development
    Crap
    -
    =
    

    View Slide

48. Developer
    Passion for design
    Crap
    -
    =
    

    View Slide

49. Even a backend developer
    is an interface designer
    

    View Slide

50. View Slide

51. Awesome interface design
    =
    

    View Slide

52. Letʼs create something awesome
    

    View Slide

53. Thank you
    

    View Slide

54. Questions?
    bastianallgeier bastianallgeier.com
    

    View Slide