OR 

An Essential Tool for Capturing Your Career Accomplishments

Imagine you‘re ready to apply for your next job. Like most busy professionals, you probably haven‘t updated your rsum or your portfolio since you looked for your current job. Now you need to update both, and you can‘t remember what work you‘ve done over the past few years. (In fact, you can barely remember what you‘ve done over the past few months!) So you scramble to update your rsum with new content. Then yo

favicon of http://alistapart.com

Making Room for Variation

Making a brand feel unified, cohesive, and harmonious while also leaving room for experimentation is a tough balancing act. It‘s one of the most challenging aspects of a design system. Graphic designer and Pentagram partner Paula Scher faced this challenge with the visual identity for the Public Theater in New York. As she explained in a talk at Beyond Tellerrand: I began to realize that if you made everything the same, it was bo

favicon of http://alistapart.com

Standards for Writing Accessibly

Writing to meet WCAG2 standards can be a challenge, but it‘s worthwhile. Albert Einstein, the archetypical genius and physicist, once said, ‘Any fool can make things bigger, more complex, and more violent. It takes a touch of genius-and a lot of courage-to move in the opposite direction.‘ Hopefully, this entire book will help you better write for accessibility. So far, you‘ve learned: Why clarity is importantHow to

favicon of http://alistapart.com

Webwaste

The Web is obese In 1994, there were 3,000 websites. In 2019, there were estimated to be 1.7 billion, almost one website for every three people on the planet. Not only has the number of websites exploded, the weight of each page has also skyrocketed. Between 2003 and 2019, the average webpage weight grew from about 100KB to about 4MB. The results? ‘In our analysis of 5.2 million pages,‘ Brian Dean reported for Backlinko in Octo

favicon of http://alistapart.com

Getting to the Heart of Digital Accessibility

Quick! Think of the word ‘developer‘ or ‘coder‘ - what‘s the first thing that comes to mind? Maybe a whiteish male in his twenties living in a busy metropolis, wearing a nerdy t-shirt and hoodie? Someone a bit like Mark Zuckerberg? Or maybe a younger Bill Gates or Sergey Brin? Any of the dudes from the HBO series Silicon Valley, perhaps? Certainly no one like me. By tech standards, I‘m old. I‘m also f

favicon of http://alistapart.com

Cross-Cultural Design

When I first traveled to Japan as an exchange student in 2001, I lived in northern Kyoto, a block from the Kitayama subway station. My first time using the train to get to my university was almost a disaster, even though it was only two subway stops away. I thought I had everything I needed to successfully make the trip. I double- and triple-checked that I had the correct change in one pocket and a computer printout of where I was supposed t

favicon of http://alistapart.com

Usability Testing for Voice Content

It‘s an important time to be in voice design. Many of us are turning to voice assistants in these times, whether for comfort, recreation, or staying informed. As the interest in interfaces driven by voice continues to reach new heights around the world, so too will users‘ expectations and the best practices that guide their design. Voice interfaces (also known as voice user interfaces or VUIs) have been reinventing how we approach

favicon of http://alistapart.com

Figure It Out

Color is, without a doubt, the visual element most often misunderstood and misused. As mentioned earlier, when designing visual representations, color is often the first visual encoding that people use. It‘s also quite limited to about a dozen, distinguishable colors. It‘s a potent visual element, but one fraught with accessibility and perceptual problems. A general rule of thumb: Save color for things you want to draw people&lsqu

favicon of http://alistapart.com

Connecting the Dots

Two plans: one for design, one for culture. What I‘ve found is that the DNA between both dynamics must be inextricable from one another. Creatingwithcompassion in an environment fueledbycompassion means we never lose sight of what it‘s all about: people. Beyond functioning in this manner because ‘it‘s the right thing to do,‘ quality of work, loyalty internally (team) and externally (users), and product innovation

favicon of http://alistapart.com

Responsible JavaScript: Part II

You and the rest of the dev team lobbied enthusiastically for a total re-architecture of the company‘s aging website. Your pleas were heard by management-even up to the C-suite-who gave the green light. Elated, you and the team started working with the design, copy, and IA teams. Before long, you were banging out new code. It started out innocently enough with an npm install here and an npm install there. Before you knew it, though, you

favicon of http://alistapart.com

Mr. Roboto: Connecting with Technology

People don‘t always need another human being to experience a sense of connection. The deep emotional bonds many people have with their pets proves this. (So might the popularity of the Pet Rock in the 1970s but that‘s just speculation.) Even Link in The Legend of Zelda had an inanimate companion: his trusty sword (see Figure 9.1). Fig 9.1 Even the company of a wooden sword is better than venturing into Hyrule alone. It‘s

favicon of http://alistapart.com

Resilient Management, An Excerpt

In Tuckman‘s Stages of Group Development, the Storming stage happens as a group begins to figure out how to work together. Previously, each person had been doing their own thing as individuals, so necessarily a few things need to be ironed out: how to collaborate, how to hit goals, how to determine priorities. Of course there may be some friction here! But even if your team doesn‘t noticeably demonstrate this kind of internal Sto

favicon of http://alistapart.com

Request with Intent: Caching Strategies in the Age of PWAs

Once upon a time, we relied on browsers to handle caching for us; as developers in those days, we had very little control. But then came Progressive Web Apps (PWAs), Service Workers, and the Cache API-and suddenly we have expansive power over what gets put in the cache and how it gets put there. We can now cache everything we want to and therein lies a potential problem. Media files-especially images-make up the bulk of average page weight th

favicon of http://alistapart.com

Jobs To Be Done

In this chapter, you‘ll learn about these plays: How to create a jobs-driven roadmapUsing job stories to solve specific design problemsHow to architect the structure of a solutionTesting assumptions directed by JTBD A software company I once worked for held what were called ‘hackweeks‘ once a quarter. This was a time for developers to work on ‘whatever they wanted,‘ as it was framed. Give engineers time to pla

favicon of http://alistapart.com

Daily Ethical Design

Suddenly, I realized that the people next to me might be severely impacted by my work. I was having a quick lunch in the airport. A group of flight attendants sat down at the table next to me and started to prepare for their flight. For a while now, our design team had been working on futuristic concepts for the operations control center of these flight attendants‘ airline, pushing ourselves to come up with innovative solutions enabled by

favicon of http://alistapart.com

The Untapped Power of Vulnerability Transparency in Content Strategy

In marketing, transparency and vulnerability are unjustly stigmatized. The words conjure illusions of being frightened, imperfect, and powerless. And for companies that shove carefully curated personas in front of users, little is more terrifying than losing control of how people perceive the brand. Let‘s shatter this illusioned stigma. Authentic vulnerability and transparency are strengths masquerading as weaknesses. And companies too

favicon of http://alistapart.com

Responsible JavaScript: Part III

You‘ve done everything you thought was possible to address your website‘s JavaScript problem. You relied on the web platform where you could. You sidestepped Babel and found smaller framework alternatives. You whittled your application code down to its most streamlined form possible. Yet, things are just not fast enough. When websites fail to perform the way we as designers and developers expect them to, we inevitably turn on ourselv

favicon of http://alistapart.com

Building the Woke Web: Web Accessibility, Inclusion Social Justice

What would your life be like without the internet? Not if it didn‘t exist at all, but if you were locked out of it? Would your days be different? Unrecognizable, even? Keeping your answers to that in mind, do you think access to the internet is a human right? Do we need to be able to access it to fully participate in modern society? To answer ‘yes‘ to these questions would have been unthinkable 20 years ago. Living without i

favicon of http://alistapart.com

Color Craft Counterpoint: A Designer‘s Life with Color Vision Deficiency

So, what is it like to be color blind and also work in the web design and development industry? I‘ll answer that question throughout this article, but it‘s something that‘s always factored into my thoughts, given my passion for design and now my career. I wonder if having ‘normal‘ vision would have made me a better artist growing up. Would it make me better at my job now? Would I have pursued a more design-oriented

favicon of http://alistapart.com