Thinking in patterns

Talk for ThemeConf

Transcript

1. THINKING
   IN PATTERNS
   

   View Slide

2. Atomic
   Style Guide
   Component
   Pattern Library
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. school
   /s/-/k/-/oo/-/l/
   

   View Slide

8. A successful person isn't necessarily be er than
   her less successful peers at solving problems;
   her pa ern-recognition facilities have just
   learned what problems are worth solving.
   - RAY KURZWEIL
   

   View Slide

9. DESIGN
   

   View Slide

10. To work our way towards a shared language
    once again, we must first learn how to discover
    pa erns which are deep, and capable of
    generating life.
    - CHRISTOPHER ALEXANDER
    

    View Slide

11. PATTERNS
    

    View Slide

12. View Slide

13. View Slide

14. ui-pa erns.com/pa erns
    

    View Slide

15. View Slide

16. PATTERN ANALYSIS
    

    View Slide

17. View Slide

18. View Slide

19. Everything should begin
    with research
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. PATTERN LIBRARY?
    

    View Slide

28. Speed
    

    View Slide

29. Iteration
    

    View Slide

30. Consistency
    

    View Slide

31. we define our design in a single location and
    use a system to cascade it down to all
    platforms. We call it our Single Source of Truth.
    - LIVING DESIGN SYSTEMS @SALES FORCE
    

    View Slide

32. Understanding
    

    View Slide

33. THEME pa ern library
    

    View Slide

34. Pa ern library : WITHOUT DESIGN
    Style guide : WITH DESIGN
    

    View Slide

35. View Slide

36. not a design process. It’s manufacturing. It’s a
    cupcake machine churning out identical cakes
    with different icing. But they all taste the
    same.
    - MARK BOULTON
    

    View Slide

37. View Slide

38. =
    RJ : NYC Lego Street Art
    

    View Slide

39. Colville -Anderson
    

    View Slide

40. Colville -Anderson
    Eirik Newth
    

    View Slide

41. Nathan Sawaya
    

    View Slide

42. View Slide

43. The Art of the Brick Expo
    

    View Slide

44. Without foundations, there can be no fashion.
    - CHRISTIAN DIOR
    

    View Slide

45. Always leave your library OPEN
    

    View Slide

46. View Slide

47. View Slide

48. James F Clay
    

    View Slide

49. View Slide

50. View Slide

51. View Slide

52. ??
    

    View Slide

53. ??
    

    View Slide

54. Jeff Eaton
    

    View Slide

55. View Slide

56. Tammie Lister @karmatosed
    THANKS, ANY QUESTIONS?
    

    View Slide

57. Resources
    http://patternlab.io/resources.html
    http://clearleft.com/thinks/165
    http://ui-patterns.com/
    http://styleguides.io
    https://medium.com/@bradhaynes/designing-products-that-scale-
    c8f3001f709b
    http://markboulton.co.uk/journal/design-abstraction-escalation
    

    View Slide