Posts tagged with design
Design Design Operations Product Development
Implementing Design Feedback
Design feedback is a crucial part of the creative process, allowing designers to refine and improve their work. However, implementing feedback effectively can be challenging. This guide will explore some practices for incorporating design feedback into your workflow. 1. Understand the Feedback An ea
Design Design Operations Product Development
User-Centered Design Principles
User-Centered Design is a common approach to creating products that truly resonate with users. By focusing on the needs, wants, and limitations of the end-user at each stage of the design process, we can ensure that the final product is not only functional but also enjoyable. In this post, we will e
Design Data Design Operations Product Development
Using Data to Improve Design
When setting out to create a design for a new product or reimagine an existing product, how we decide what to focus on and how to know if a change is working are critical to understanding and discussing the work. Design by its very definition has to have intent behind it; there is a motivation and a
Public Learning Development Design
Site Redesign Retrospective
When I migrated my site from Eleventy to Astro I was more concerned with making sure everything was functional. The overall design of this site has been something that has bugged me for the last 8 months; the blue and gold didn’t really feel like me, it was more a placeholder than anything else. I w
Development Design
Site Rededesign is Live
Shorter post today. After a few months of delays and reworks I finally decided on an overall theme for the site, put together the design, and got it out the door. I’ll write up a longer overview and breakdown later on, but I’m super happy with the final result and even more so that it’s finally out
Professional Development Product Development Design Operations Design
Evaluating Design Success
Design is creativity with a specified purpose. Design always has goals and intention behind it. So how do we know when we’ve achieved those goals? Measuring the success of design can be incredibly simple, it can also be one of the most challenging aspects of a design career. With advertising, measur
Design Product Development
Data Over Dogma
When working on design at scale one of the largest speedbumps you’re likely to encounter is a designer that feels like a design needs to change. Whether it’s something relatively small like the padding on a button or a heading’s font size, or something much larger like the layout of a card or the si
Design Development Config Conference
Config 2024 Day Two
Starting off day two strong, I was lucky enough to get upgraded access to the leadership collective, massive thanks to our Figma rep for pulling in that favor. Opening Keynote Leaving Fingerprints Karla and Nash kicked off the talks with Leaving fingerprints: product, design & stories at The Bro
Design Development Config Conference
Config 2024 Day One
Figma started off the day strong with their opening keynote. UI3 looks like a fresh take on the editor interface, and aims to solve a number of existing issues, from small improvements to massive overhauls that needed a refresh to tackle. The improvements to dev mode are a welcome addition given my
Design HTML CSS Conference
Config 2024 Wishlist
With Config 2024 right around the corner I figured I’d put together a little wishlist of things I’d like to see them announce, some more plausible than others. The Likely More Variable Support The most likely thing on this wishlist is additional advancements of Figma Variables. As a member of the De
Product Development Design Link Post
Using Object Maps in Design
Came across this post from Adobe and I've been tossing the idea around in my brain for the last few weeks. Using Object Maps in Design The core idea is simple, an object map is essentially a visual representation of the relationships between the objects (people, places, and things) that exist in a
Professional Development Design Development Public Learning
Learning through Teaching
Did you know that the DOM (Document Object Model) defines the web as objects? Or that this representation of web pages is object-oriented so that it can be modified by scripting languages? While these may seem like basic ideas it’s always interesting to dig into the details of the web that we work i
Product Development Design Professional Development
Design for the web
While catching up my my RSS feed, I read through Brad Frost’s recent post Should Designers Code? I’ve always agreed with the overall sentiment of the article, especially this bit: Designers need to understand and work with the grain of the medium for which they’re designing. For the web, that means
Product Development Design Professional Development
Improving Team Alignment and Understanding
As a part of looking to improve our the efficiency and effectiveness of our product and design teams I’ve been reading Discussing Design by Adam Connor and Aaron Irizarry. I’d like to boost one of the concepts discussed in the book that I think could benefit a lot of teams I’ve worked with in the pa
Design Development Accessibility
Leveraging AI to Improve Accessibility
There’s been a lot of talk over the last few months about using AI to improve accessibility. I’ve seen and heard people talk about the potential for a browser or OS level AI to swoop in and solve “last-mile” accessibility issues for a user that a designer or developer has not considered or accounted
Design Design Systems Product Development
Solving Complex Dynamic Problems with Systemic Design
Over the past few weeks, I've been collaborating with a product team to create an interface for state and academic standards. The primary idea is that a user could select the standards document they want to view and then browse or filter the records for a specific standard. They could then view all
Design HTML CSS
The Box Model for Design
Everything on the web is structured using the box model. HTML elements (e.g., paragraphs, div blocks, sections, etc.) are expressed in boxes. By default browsers stack these elements vertically, like boxes on top of each other. Through the use of modern CSS features we can organize and position thes
Design Development Design Systems
Declarative Design and the Unknown Web
This past week I got enticed into and pulled down a web design rabbit hole. Chris Coyier wrote on FrontendMasters back in mid February about part 2 of Jim Nielsen’s The Case for Design Engineers. The post Chris links to is a great argument for why we need people who can "bridge the gap" be
Design HTML CSS Astro
Indicating Link Posts
As I read posts or see cool videos on the web I want to be able to write a short post and link to those resources. However, I want to be able to clearly indicate those posts and differentiate them from other blog posts that are primarily content to be read on this site. Thankfully that's relatively
Design Design Systems Public Learning Product Development
Managing Change in your Design System: Workflows and Change Control at Enterprise Scale
This past week Knapsack held a session with Nathan Curtis all about managing change in a design system. I took some notes on things I thought were interesting, figured it be worth sharing them here as well. How do I make this [Design Systems] a priority for my organization? Hitching your Wagon Often
Design Design Systems Accessibility Podcast Link Post
Systems of Harm
I've recently started listening to the Systems of Harm podcast by Amy Hupe. It's a short (6 episodes) series of podcasts discussing design systems and probing into how in addition to speeding up the design process they can also accelerate and perpetuate systemic harm. Of particular interest to myse
Public Learning Accessibility Design Design Tokens Personal Development Professional Development Goals Review
Goals for 2024
As this year comes to an end and we begin looking into the next one I’ve decided to publish my goals for the next year in a hope that this will help keep my accountable to reaching them. Visit Scotland We’ve planned a trip for this fall to visit England Scotland and Ireland. This is one of our major
Development Design Design Systems Public Learning
Taking off with Astro
It's been about 3 years since I moved this site over to 11ty (Eleventy), and it's been a great ride. I still think 11ty is a fantastic static site generator, but I wanted to try out some new front-end frameworks and I feel like a personal website is always the playground to learn new things. The two
HTML CSS Development Code Design Public Learning
Learning Grid Thanks to Codepen Challenges
This past week I partook in my very first Codepen Challenge. This month’s Codepen challenge is Style Trends. It’s an interesting “meta-challenge” where every week the HTML template provided is exactly the same and you need to create a unique design that matches the theme of the week. This past week
Atomic Design Design UI
Brad Frost on Atomic Design
Brad Frost recently posted this wonderful article reminding us all that Atomic Design is not a step-by-step process, and instead a mental model we should use to look at the parts and whole of a design at the same time. I know that I’ve been guilty of this myself. It’s very easy to fall into the trap
Accessibility Design UX UI Development Product Development
A Playbook for Accessibility
In my work with Design Systems, accessibility often comes up as a topic. Questions can range from the incredibly basic, "What is accessibility?" to the more complex and nuanced, "Is the language of this modal clear enough?" Part of my job is to help guide the designers, developer
Design DesignOps Product Development
Diving into DesignOps
Over the last few months I’ve been spending more of my time learning and thinking about how to implement a DesignOps practice across the teams I work with. Large portions of my work with Design Systems already relate to a number of DesignOps ideas and principles: helping teams solve for efficiency,
Accessibility Design Development Product Development
Be a Design A11y: An Introduction to Accessibility
import { Picture } from "astro:assets"; import { Icon } from "astro-icon"; import contrastExample from "@images/writing/design-a11y/contrast-ratio.png"; This is an introductory overview of Accessibility and how it relates to designing and building digital products and e