Posts Tagged ‘patterns’

  1. 17 Aug, 2017

    Things you could be doing instead of designing & building that card component for the umpteenth time

    Making that card pattern more accessible Making that card pattern more responsive Making that card pattern more performant Making that card pattern more agnostic so it can handle different content patterns Making that card pattern more resilient to extreme content […]

  2. 31 Jul, 2017

    Pattern Variations

    At the heart of a good design system is a set of solid, flexible components that can be arranged to create cohesive, delightful user interfaces. There’s an oft-repeated misconception that pattern-driven design and development forces teams to use a finite, […]

  3. 14 May, 2017

    Design Better Data Tables

    This is a fantastic roundup of data display patterns. In my own work creating design systems with huge organizations, we’ve found providing data tables with plenty of options to be critical to the system’s success. Some of these patterns are […]

  4. 04 Jan, 2016

    Content and Display Patterns

    Dan Mall posted an absolutely epic article that encapsulates a lot of the pattern-based concepts the community has been advancing for the last few years. I highly recommend reading it in its entirety. Here are some key highlights I took away […]

  5. 02 Jul, 2015

    Contextual Styling: UI Components, Nesting, and Implementation Detail

    I absolutely love Harry’s post about creating agnostic UI components for more resilient design systems. I get this question a lot: how do I create a component that looks/behaves one way in one context, but another way in a second context? And […]

  6. 08 Jun, 2015

    Style Guide Best Practices Presentation

    I recently spoke at An Event Apart in San Diego where I presented on the whys, whats and how’s of style guides. Here are the slides: And here are some resources I reference in the talk:   Style Guide Types […]

  7. 05 Mar, 2015

    Designing Pattern Flexibility

    When discussing a pattern-based design workflow, one knee-jerk reaction I hear from visual designers is that a design system will stifle creativity, leaving everything looking homogeneous and bland. I think there is some validity to this concern, and this sentiment can’t […]

  8. 13 Nov, 2014

    The Death of Lorem Ipsum & Pixel Perfect Content

    Dave Olsen (@dmolsen) nails it. In his talk at Confab EDU, Dave addresses the frustrations of our web design and development process, and how a pattern-driven workflow can help. Dave describes the many benefits of pattern-driven workflow: Patterns encourage communication […]

  9. 27 Oct, 2014

    Floating Action Buttons Considerations

    Luke Wroblewski walked through some critical considerations for designing for large screen smartphones. One major consideration is the reachability of the navigation. He discusses a few considerations and emerging navigation patterns, including the floating action buttons pattern. We used the […]

  10. 21 Aug, 2014

    Designing an Effective Donate Form

    I reached out to the Pittsburgh Food Bank last year about helping them redesign their website largely because I was having a hard time figuring out how to give them money. So as part of our redesign of the Pittsburgh […]

  11. 21 Mar, 2014

    Cognition Roundtable: A Development-focused Project Process

    The fine folks at Happy Cog have a nice discussion about Post-PSD, pattern-driven process. And it’s super great to hear that the work we’ve been doing with Pattern Lab has been inspirational for them. …the kind of stuff that Brad […]