The work of a web typographer—that’s you—is challenging to say the least. Between highly variable screen sizes (and thereby line lengths), font size variability, and even font availability, it’s difficult to design great reading experiences. Tim Brown’s Flexible Typesetting is here to help.
Design systems have become the norm for organizations big and small. Yet, as more of our products and services move online, we can learn a thing or two from the world of service design. A dependence on any form of design system can create a pattern of ignoring our users’ context, hindering the design process, and even our own sense of empathy.
The sirens’ song of wireframe visuals has been the thorn in the side of many a design project. With potential to undermine user-centricity, reduce team engagement, and limit creativity when it’s most needed, wireframes can bite the unwary. In this article, Heleen van Nues and Lennart Overkamp discuss an alternative that’s far more in tune with today’s content-first, responsive design ethos, whether used as a direct replacement or to help tame wireframes’ wilder side early in a project’s life.
Engaging with users in a meaningful dialogue can seem daunting. Scary even. Understanding how to do it well will pay great dividends because UX is heading in that direction. Find out more in this excerpt from Erika Hall’s latest book, Conversational Design.
Incorporating accessibility from the beginning of a web design project is easier, more effective, and less expensive than making accessibility fixes after the fact. Yet most of us too often get stuck doing the latter. Fear not! ALA’s exclusive excerpt from Laura Kalbag’s Accessibility for Everyone is here to help. You’ll learn how to make the case for accessibility to reluctant coworkers, bosses, or clients. How to build your team, scope the project, and even budget the job.
You may not think about it often, but tables are meant to be read. In this excerpt from Chapter 2 of his book, Web Typography, Richard Rutter explains how typography can improve the UX of our rows and columns.
Designers have used grids for centuries. And after more than 20 years of waiting, they are finally here for the browser. This is the story of CSS Grid. It took a lot of people in the right place and at the right time to make it happen.
In this excerpt from Chapter 2 of Richard Rutter’s Web Typography, he explains the importance of proper numeral usage in our work, including when you should and shouldn’t use “old-style” numerals.
Using webfonts begins with a simple CSS declaration, but creating usable font stacks and fallbacks is not as simple as it might sound. Bram Stein sets us up for success in an exclusive excerpt from Chapter 2 of his spanking new Webfont Handbook, available now from A Book Apart.
The tools we design with have a unique effect on the way we work, constraining and empowering us while we explore, examine and create. Variable fonts give us a new, wide open typographic space with which to work. Instead of prescribing value to individual UI elements in a vacuum, we should take a hybrid and calculated approach to variable font interfaces. How do we structure our design tools to adapt to the new advantages variable fonts provide us with?