Thinking in patterns

Transcript

1. 1.

   THINKING IN PATTERNS

2. 2.

   Atomic Style Guide Component Pattern Library

3. 3.

   None
4. 4.

   None
5. 5.

   None
6. 6.

   None
7. 7.

   school /s/-/k/-/oo/-/l/

8. 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
9. 9.

   DESIGN

10. 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
11. 11.

    PATTERNS

12. 12.

    None
13. 13.

    None
14. 14.

    ui-pa erns.com/pa erns

15. 15.

    None
16. 16.

    PATTERN ANALYSIS

17. 17.

    None
18. 18.

    None
19. 19.

    Everything should begin with research

20. 20.

    None
21. 21.

    None
22. 22.

    None
23. 23.

    None
24. 24.

    None
25. 25.

    None
26. 26.

    None
27. 27.

    PATTERN LIBRARY?

28. 28.

    Speed

29. 29.

    Iteration

30. 30.

    Consistency

31. 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
32. 32.

    Understanding

33. 33.

    THEME pa ern library

34. 34.

    Pa ern library : WITHOUT DESIGN Style guide : WITH

    DESIGN
35. 35.

    None
36. 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
37. 37.

    None
38. 38.

    = RJ : NYC Lego Street Art

39. 39.

    Colville -Anderson

40. 40.

    Colville -Anderson Eirik Newth

41. 41.

    Nathan Sawaya

42. 42.

    None
43. 43.

    The Art of the Brick Expo

44. 44.

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

45. 45.

    Always leave your library OPEN

46. 46.

    None
47. 47.

    None
48. 48.

    James F Clay

49. 49.

    None
50. 50.

    None
51. 51.

    None
52. 52.

    ??

53. 53.

    ??

54. 54.

    Jeff Eaton

55. 55.

    None
56. 56.

    Tammie Lister @karmatosed THANKS, ANY QUESTIONS?

57. 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