Categories
General

Progressive enhancement explained simply

View the original postThis is an excerpt from Form Design Patterns. Progressive enhancement is about users. It just happens to make our lives as designers and developers easier too. Instead of keeping up with a set of browsers and devices (which is impossible!) we can just focus on features. First and foremost, progressive enhancement is […]

Categories
General

Requirements

View the original postOne of the key characteristics of a high performing team is the shape of their requirements backlog, no matter if the team is co-located or distributed. During my career, I haven’t seen enough examples of well-executed Product backlogs. I found this to be a sweet spot where I am contributing as a […]

Categories
General

Design Sprint techniques

View the original postOne of the key aspects of a successful Enterprise Design Sprint is the customization. Even that the adoption of Design Thinking structure is common for all Design Sprint instances, there are various workshop techniques available to match a specific sprint challenge and stakeholder’s expectations. Enterprise Design Sprint This is a short summary […]

Categories
General

But sometimes buttons look like links

View the original postSometimes links are made to look like buttons. Sometimes buttons are made to look like links. This can be problematic but maybe there’s something we can do about it. But before we get to it, let’s discuss the 4 different types of buttons and links. # 1. Submit buttons Submit buttons are […]

Categories
General

Designing for actual performance

View the original postThis is how it goes. We put a load of shit into a single web page. This makes the page slow. Slow to load, slow to render. Slow. Instead of getting rid of the shit, we blame the page refresh. There’s only one way to avoid the page refresh and that’s AJAX. […]

Categories
General

Live validation is problematic

View the original postLive validation tells users whether what they type is valid as they type. Theoritically it’s easier to fix errors as they occur instead of waiting until after form submission. But inline validation is problematic for many reasons. In this article I’ll explain why and what to do instead. # 1. It interrupts […]

Categories
General

Float labels are problematic

View the original postFloat labels are labels that start off inside the input like placeholder text. But when the user starts typing, it floats upwards to make room for the answer. They’re often used for their space-saving and minimal aesthetic but float labels are problematic and don‘t really save space anyway. Here I’ll explain why […]

Categories
General

The problem with atomic CSS

View the original postWhen I published MaintainableCSS, I decided to talk about semantic class names in comparison to non-semantic class names. This is because it’s often easier to deduce what we should do once we know what we shouldn’t. In response, atomic CSS advocates critiqued semantic class names. While this got me thinking, my mind […]

Categories
General

Stop using device breakpoints

View the original postI see it all the time. Designers, and developers alike, setting breakpoints according to their favourite device. When will we learn from our past mistakes? When the web came along we settled on 640 pixel widths. Then a few years later, when larger monitors came to market, we settled on 960 pixels. […]

Categories
General

Designing inclusively

View the original postWhilst the web is still young, it’s been around long enough for us to know about its power and its constraints. We know what these constraints are now because we’ve bent them so much over the years. Before CSS we used tables and spacer gifs for layout. Before border-radius we used background […]