Mark W.rites

Articles and essays on design, technology, and my POV of the world. For shorter bursts find me on Mastodon.

Pixel illustration of a man with a big beard, a hat, and a backpack, holding a flag on a mountain top.

On November 10, 2014 I published my first article on Medium. I had published other pieces elsewhere, but it was my first on this new-to-me platform. It was also the first time I published my own work instead of writing for publications.

Read more...

Information architecture outline aside an illustration of a web page. The outline shows a parent of fruit with two children: apples and melons. The apples branch has three children: Pink Lady, Envy, and Honeycrisp. The melons branch has one child: Sugar Kiss. The web page illustration shows a long passage of fake content with a headline that reads 'apples.' A sidebar shows three navigation items from the apples branch of the outline.

The fundamental purpose of information architecture is to enable efficient information retrieval. We accomplish this with meaningful information structure and intuitive labels. And we bring them together with sensible navigation design.

Read more...

Photos of Clara and Leia side by side, each with their side buns. Clara is standing outside in front of an ornate building with a stoic expression. She is wearing a bandolier, a bullet belt with a gun in a holster, and is holding a sword in one hand and a rifle in the other. Leia is in a photography studio looking straight at the camera with a stoic expression with her hands behind her neck and her elbows pointed downward.
Clara de la Rocha on the left, Princess Leia on the right

On May 25th, 1977, the world met Star Wars, a film that changed science fiction forever. Go back nearly a century—to 1890—and a much smaller world met Clara de la Rocha, a woman who changed Mexico forever. And Princess Leia brought them together. At least according to George Lucas.

Read more...

Scene in front of a school with a group of Black students climbing the steps as they enter the building. Front and center is a boy with a large afro and a vividly-patterned dress shirt with a butterfly collar. Near him is a girl in a nice flowery shirt with a concerned look on her face, being comforted by an adult. Behind him some other students are approaching, and behind them are a sea of white people near an iron fence, protesting their approach.

I don’t know that I have ever told this story to anyone, other than my wife, but there are a handful of people around my age who may remember it well.

Read more...

Close up of an astronaut footprint on the surface of the moon.
Apollo 11 astronaut Buzz Aldrin’s footprint on the moon (one of the first)

If you have a debit card and around $35 you can purchase an extraterrestrial acre of land. Online. Deeds are available for plots on Mercury, Venus, Mars, Lo, and Titan. If you want something a little closer, lunar plots are also available.

Read more...

The front cabin of a futuristic concept car. It's mostly white with electric blue lights near the dashboard, console, and manual controls.
Concept car for Jaguar

UI design takes on an entirely different meaning when the UX doesn’t include a screen. That’s a lot of what automotive UX/UI design is all about.

In the early years of my career, every user experience I was designing comprised a single modality and a single visual UI. As my career progressed, I was able to work on an ever-expansive ecosystem of modalities, including products with smaller UIs, and even without UIs at all.

Read more...

Collage of segments from bill-pay designs explained in this article.

Good design is holistic. It considers the journey your audience is on well before they ever interact with your product. It guides them from start to finish, even if your product only touches the center of that path. It also means understanding their emotional state, which in turn impacts their mental state. And their level of tolerance for whatever UX you’re about to put in front of them.

Read more...

Drafting compass on a rustic wooden table that's turned upside down.

To-do lists can be as overwhelming as they are helpful. But it feels so good to check something off. Always. If I accomplish a task that isn’t on my list, I will literally add it only to immediately cross it off. Why? Because it helps me feel a sense of accomplishment. And because it’s an accommodation for my OCD.

Read more...

Illustration by Storyset. It’s a wall of layered UIs with two nicely-dressed people looking at and discussing them.

I’ve been designing and using digital interfaces for well over two decades. In that time I’ve seen a handful of mistakes that we keep making, over and over again. They’re the UX faux pas that I love to hate. 5 of them, in particular, are especially egregious. Let’s avoid all of these at all times.

Read more...

Two buttons side by side. The first shows a button with lots of padding and a pointer cursor hovering over the label, showing that it is the only clickable target. It includes a description that reads 'no, thank you.' The second shows the same button with a pointer cursor hovering over the edge of the button, showing that the entire button is clickable. It includes a description that reads 'yes, please.'

Well-intended product design can turn into a usability/accessibility nightmare. Something as simple as a button can be marked up with HTML/CSS in myriad ways. We can make sure it’s done properly with a sensible markup.

Read more...