Oops! Dealing with Your Freelance Mistakes

Among the harshest realities of being a freelance web designer (and a human) is that we’re bound to make mistakes. None of us can escape that fact. Therefore, we may as well accept it. Still, there are major differences in the severity of the mistakes we make. A small misspelling isn’t quite the sa..

6 Ways to Improve the Relevance of Cross-Sells in the Cart (52% of Desktop...

(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) Presenting cross-sells in the cart, or right after a product has been added to the cart, can enhance and streamline the user’s shopping experience. Recommending products at this point in the purchase process can also increase the average order value by bringing additional items of interest to users’ attention. However, the usefulness of cross-sells is directly linked to their relevance to the user’s cart contents. Unsurprisingly, our large-scale checkout usability testing consistently shows that users are quick to dismiss recommended products and offers that are not obviously related or applicable to the product(s) they are purchasing. Yet, 52% of desktop sites we benchmarked present cross-sells in the cart, or in the “Added to Cart” confirmation, that are either completely irrelevant or based only on..

Built for Mars: A collection of UX case studies

A collection of case studies highlighting the UX mistakes, tips and tricks that even the best companies in the world have made. Read the full story ⟶

Storybook Figma addon

Design files are a mess. There are hundreds of artboards and states that developers need to sort through to find out what to build. Read the full story ⟶

ButtonBuddy: Accessible button contrast generator

Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces, then use the generator to check and adjust your button palette. Read the full story ⟶

Let’s bring spacer GIFs back

Possibly my most controversial idea yet… Read the full story ⟶

How to fall in love with single div illustrations

I always admire people who create single-div illustrations in CSS. One div, multiple background layers, tone of CSS code and boom. Read the full story ⟶

Careful When Changing the Display of `summary`

I got a very helpful bug report the other day (thanks Kilian!) about the
element in a blog post of mine not showing the default ▶ icon, and thus looking rather like any ol’ random

. It wasn’t terribly hard to diagnose. I just opened the page in Firefox, inspected the element in Firefox..

Routine building with system wide meta-layers

Imagining a tech integration to help us follow routines and achieve goalsWhile many people do their new years resolutions and define personal goals for the next year, it shows that goals themselves do not by themselves lead to behavioral change. Instead, the system in which you act needs to change i..

UX Research isn’t a bottleneck, it’s a decanter

Photo from PexelsI’ve noticed a concerning trend in UX in the past few months. Earlier this year, a friend sent me a post citing the shift at Uber from UX research to A/B tests as proof that researchers were getting in the way of decision making. At a recent virtual UXR conference, I read a number o..