Posts Tagged ‘workflow’

Subscribe via RSS
  1. 01 Feb, 2024

    The Gulf Between Design and Engineering / Design Systems International

    The most crucial mistake in the collaboration between designers and engineers happens when we conflate this division of tools with a need for a strong division of labor. Treating design and engineering as two completely separate processes leads to an […]

  2. 21 Sep, 2023

    The Design System Ecosystem

    What does a mature, end-to-end design system look like in a big, complex organization? What are all the moving pieces, and how do they hang together as a well-considered architecture? What’s required and what’s optional? Hold onto your butts, because […]

  3. 27 Jun, 2023

    No Handoff: close the gap between product and engineering

    I love this initiative from Shamsi Brinn: No Handoff: close the gap between product and engineering. Imagine a project where teams work together at each stage, progressively improving the end result based on qualitative and quantitative data. Project handoff is […]

  4. 06 Jan, 2021

    Slowly Falling In Love With Notion

    This post is a long time coming. I’ve been using Notion since 2017, but it’s been a slow journey to get to a point where I can say that our relationship is official. Notion is now an invaluable tool for […]

  5. 04 May, 2020

    Design System Interview Questions

    Successful design systems are finely tuned to the organization they serve. At the beginning of every client design system engagement, we spend a great deal of time learning about our client’s culture, politics, products, tools, and workflows. Sure, we’ll get […]

  6. 04 Nov, 2019

    A Design System Governance Process

    You can have a comprehensive design system that contains a slew of well-structured components, thorough documentation, thoughtful guidelines, and a well-considered design language. But if a design system user can’t get done what they’re trying to get done, the whole […]

  7. 08 Nov, 2018

    Designer+developer workflow: more head-down work

    As part of Dan and my designer+developer collaboration series, I recorded another video building upon the work we’ve done so far. If you’re not caught up, feel free to watch the other videos: Video 1: Designer+Developer pair session Video 2: […]

  8. 05 Oct, 2018

    The Codification of Design

    Fantastic article by Snook about designer/developer relations. Everything that a designer draws in a Sketch or Photoshop file needs to be turned into code. Code needs to be developed, delivered to the user, and maintained by the team. That means […]

  9. 24 Aug, 2018

    Designer+Developer Workflow: Head-Down Work

    Following up on the video Dan and I recorded that shows how we collaborate as designer and developer, I recorded a video of me doing a bit of head-down development work. Dan and I mention in our first video that […]

  10. 10 Aug, 2018

    Designer + Developer Workflow

    I’ve had the extreme privilege of collaborating on a bunch of projects with my friend Dan Mall (@danmall) over the last five and a half years. Dan is a designer. I’m a developer. And together, we’ve been refining our process to […]

  11. 02 Feb, 2018

    Your Sketch library is not a design system

    You can write words explaining how to properly use a toaster, draw pictures of toasters, and even create more efficient ways to draw pictures of toasters. But at the end of the day, if you don’t have a functioning toaster, […]

  12. 11 Nov, 2017

    Design System Frictions

    Creating a design system to serve an organization’s digital products is a delicate dance of decision-making, compromise, and balance. There are some intrinsic frictions that every organization creating and maintaining has to address. There’s no shortage of eternal battles in the […]

  13. 22 Oct, 2017

    About Face: How About.com Changed its Design Process and became Dotdash

    Adam McClean and Dan Mall had a fantastic chat with Jared Spool about the work we did to help transform About.com into the new Dotdash. We took their monolithic brand and exploded it into a suite of topic-specific brands, with […]

  14. 13 Sep, 2017

    Full-Stack Developers

    In my experience consulting with and workshopping with companies of all shapes and sizes, I always ask “who owns the frontend code here?” I help web teams create design systems and collaborate more effectively, so it’s important for me to […]

  15. 22 Nov, 2016

    Frontend Guidelines Exercise

    I’m helping my client’s web development team establish some frontend guidelines as we roll up our sleeves to build a new website from the ground up. We’ve done a projects together in the past, but (naturally) they were on pretty […]

  16. 17 Feb, 2016

    Frontend Design

    Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux  – lies frontend design. Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user […]

  17. 12 Jan, 2016

    Frontend Guidelines Questions

    The frontend considerations of an organization are many. We’re overwhelmed by tools, processes, workflows, styles, opinions, and ever-changing best practices. In order for frontend teams to create cohesive, consistent work, it’s important for organizations to establish some guidelines for how […]

  18. 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 […]

  19. 17 Jul, 2015

    Style Guide First?

    On a recent episode of Shop Talk Show, Chris Coyier and Dave Rupert fielded a question regarding style guides and where they fit into the design/development process. Here was the question: I’m working on a redesign for an old website. […]

  20. 25 Jun, 2015

    Sketch, Iterate, Repeat: Prototyping Your Website Design

    Andrew Smyk (@andrewsmyk) discusses how he iterates on his web designs. There’s a strong focus on getting ideas out of his head and onto paper as quickly as possible, which is excellent. I enjoy how he cuts up his sketches to play with […]

  21. 22 Mar, 2015

    Email Responses #1: Workflow & Client Education

    Note: I’m going to start posting some of my email responses to people here on my blog. I think a lot of people’s questions are valuable and think they’re worthy of a broader discussion. And I hope the advice I’m […]

  22. 19 Nov, 2014

    Harvard Business Review Pattern-Lab Team workflow

    It’s so wonderful to see teams using Pattern Lab to launch successful projects. In fact, it makes me a little teary-eyed. In this case, the Harvard Business Review team used Pattern Lab to create an interface design system for their […]

  23. 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 […]

  24. 02 Nov, 2014

    PS Atomic Design

    This is great. Diego Andrés Aranda runs through how to accomplish an atomic design workflow in Photoshop. It’s in Spanish, so here’s an English translation. From what I can gather, it’s a matter of stitching together Smart Objects and organizing […]

  25. 16 Oct, 2014

    Primed and Ready to Go

    It’s absolutely essential to treat front-end development as part of the design process. However, the (foolish, artificial) line between design and development “phases” gets in the way of true collaboration between disciplines. This often isn’t due to any malicious intent, […]

  26. 13 Oct, 2014

    Job Title: It’s Complicated

    I’ve been talking to an increasing number of people who struggle to answer the question “So what do you do?” These are UX designers who end up tackling a large part of development, developers who find themselves running strategic efforts […]

  27. 11 Oct, 2014

    Working with Atomic Design

    Berit Hlubek created a fantastic deck about atomic design, Pattern Lab, and how to apply it to a real-world project. It’s so great to see other people successfully using atomic design principles to create great work. Very inspiring.

  28. 26 Jun, 2014

    Designing with Dynamic Content

    A lot of visual designers I’ve worked with have convinced themselves every user’s name is “Sara” without an “h”. For most of my career I’ve had to battle designers creating incredibly unrealistic best-case scenario mock-ups. You know what I’m talking […]

  29. 29 May, 2014

    Using Grunt with Pattern Lab

    Grunt is a powerful Javascript task runner that can make your web design workflow much more efficient by automating a slew of tedious tasks. Pattern Lab is a tool created by Dave Olsen and myself to help you efficiently create […]

  30. 18 Oct, 2013

    Git/Github Resources

    I suck at Git/Github and need to get a lot better. I asked for resources a while back and here’s what people came back to me with: Roundups Learn Git by Kevin Suttle Top 10 Git Tutorials for Beginners Walkthroughs […]