Design

In most of my work these days I don’t often use an official canvas. I prefer to pick and choose the assumptions that can be found on the…

Visualizing user attitudes and behaviors in an empathy map helps UX teams align on a deep understanding of end users.

Usability refers to the measurement of how easily a user can accomplish their goals when using a service. This is usually measured through established research methodologies under the term “usability testing,” which includes success rates and customer satisfaction. Usability is one part of the larger user experience (UX) umbrella. While UX encompasses designing the overall experience of a product, usability focuses on the mechanics of making sure products work as well as possible for the user.

Browse the collection to find the best resources and materials, based on your specific needs.

Understanding human behaviour is a big part of UX Design. There are many principles we can learn from fields such as psychology and marketing, to better our design thinking and decision making. So let's explore same basic principles and concepts that we as designers can use in our work. These concepts are also great for […]

Discover the best Design KPIs and metrics that you need to understand the health of your business. Learn how to set and measure them.

The sprint is a 5-day process for answering critical business questions through design, prototyping, and testing with customers. Learn to run your own sprints, and read about our book on sprints.

Agile and design thinking can help teams create better products and experiences. Here’s how to make both methods work for you.

Human-centered design involves understanding and empathizing with users to create solutions they’ll love. Learn to apply HCD to your design process with Figma.

Design thinking is a non-linear, iterative process that teams use to understand users, challenge assumptions, redefine problems and create innovative solutions.

Describing established patterns for organizing design tokens and practical approaches for automation

To align design and business, visualize the shared narratives

The Government Digital Service style guide covers style, spelling and grammar conventions for all content published on GOV.UK, arranged alphabetically.

Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024

“For all the talk about being human-centered, one very human factor often gets overlooked — a basic understanding of how power operates in…

Some groups of people benefit more from services than others. Some people are harmed. This must be addressed to truly break down barriers to opportunity for everyone. This article talks about what we mean by equity and justice in relation to government digital services, why it’s important and suggests 6 things that leaders and decision makers can start doing about it today.

Exploring the human impact of design systems and how our current definitions overlook this.

Conventional design education believes that by training the mind and the hand, a designer can solve just about any problem. In many ways…

Since the dawn of the internet, amazon and cheap print, libraries have become a part of our civic infrastructure that we don't always quite know what to do with. No longer the primary source of books to the majority, they have become the overspill to services that we can't quite fit anywhere else.

These standards set out what’s expected from new or redesigned digital services funded by Welsh public sector organisations.

How to add a Welsh language toggle to your prototypes so you can better test with Welsh users.

I'm working on a refresh of my personal website, what I'm calling the HD remaster. Well, I wouldn't call it a "full" redesign. I'm just cleaning things up,

Portfolio for Ignacia Orellana - independent service design consultant

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.

MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!) - propjockey/css-sweeper

This primer is designed to teach students the interconnected arts of visual communication. The subject is presented, not as a foreign language, but as a nati...

In this SEO case study, we highlight how Canva used SEO, backlink outreach & content marketing to grow their business to a $6B valuation.

An action-oriented set of methods, mindsets and thought starters to help innovators design circular solutions that are fit for the future.

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 15+ years.