Posts Tagged ‘workflow’
-
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 […]
-
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 […]
-
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 […]
-
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: […]
-
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 […]
-
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 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 […]
-
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, […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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. […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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, […]
-
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 […]
-
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.
-
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 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 […]
-
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 […]