Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Thinking in patterns

Tammie Lister
September 03, 2015

Thinking in patterns

Talk for ThemeConf

Tammie Lister

September 03, 2015
Tweet

More Decks by Tammie Lister

Other Decks in Design

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