Pixels of the Week – July 30, 2023

Accessibility in the design phase, users express solutions not problems and the new font-face syntax

On Twitter, LinkedIn, and Mastodon, I share curated articles I read, resources and tools about UX Design, User Research, UI and mobile design, HTML, CSS, the web industry, some processes, some inspiration, etc. This is an archive of everything I shared this week. And some extra links that I decided to only share for the blog readers. Also, subscribe to the newsletter to get notified when those are published!

Now: what I’m currently up to

Screenshot of the article on the left and a picture of orange chicken on a bowl of rice with cucuombers and carotts

I’ve published My notes from the panel “Designing for Accessibility: Creating Inclusive and User-Centric Products Léonie Watson and Rakesh Paladugula discuss the importance of designing for accessibility and the need for inclusive, user-centric products. Newsletter subscribers should have gotten a notification. If you didn’t feel free to contact me.

If you speak French, I was interviewed for the podcast The Product Design Insights and talk about my career and accessibility. It’s split in 4 episodes: 1/4, 2/4, 3/4, 4/4

On a personal note, I tried gojuchan chicken rice bowl and it’s awesome (you can check the pictures on Instagram). I’m also up to some shrink plastic and UV resin fun, but I’m still working on the pictures and videos so I’ll share later.

TL; DNR: the one you should not miss

67% of accessibility issues originate in design with a graph showing this

Is Closing the Web Accessibility Design/Development Gap a Bridge Too Far? according to Deque, 67% of accessibility defects originate in the design. So, what can designers do? Bridge the gap with developers by adding accessibility annotations to mockups!

Also, shameless plugs: if you want to learn more about documenting accessibility for designers, using annotations among other things, I have a whole conference that I gave at axe-con in 2022 (turned into an article) on the topic: A Designer’s Guide to Documenting Accessibility & User Interactions

Interesting articles that caught my attention

UX research and design

Accessibility

Designing Age-Inclusive Products. A couple of best practices to help you make your interface more friendly for 60 years old + users: have large target size, avoid relying on precision gestures, reduce the number of actions to arrive to a goal, let people progress at their own rate, add feedback to reassure them, etc. Note that many of those are also accessibility best practice that can benefit users with cognitive issues and motor impairment, everything is connected.

IA: Information Architecture

How to Create a Content Model: a great step by step guide to help you build content models for your systems

AI, which is not IA, this is confusing

Prompt-Driven Design I’m skeptical about this, while I see how it can be efficient in certain areas (like the “negotiate price for me but keep the same plan”), I still think there are plenty of places where “prompt only” is frustrating for users. Like image generation: how are you supposed to know you can use some settings with a prompt only interface that won’t tell you so? So, yeah, curious about what the future holds, but let’s be critical about how usable prompt only interface is too.

Inspiration: fun experiments, beautiful art, and great ideas

The Loneliness Projects: anonymous people share stories of the last time they felt lonely, what loneliness means to them, the first time they realized they were lonely and the time they felt the most lonely.

Useful tools & resources

  • Kanboard a free and open source Kanban project management software.
  • Songfacts is a searchable database of song information where you can find out the stories behind the songs, get the lyrics, and watch the videos.
  • No Audio Please! a Telegram bot that creates an automatically (AI) generated text transcript from voice messages.Could this be an accessibility helper? Still, it’s  sad that Telegram doesn’t provide transcripts by default (Slack does for example), maybe in the future?
  • Export/Import Variables: Export variables from one file and import them to another. It’s great for migrating libraries, or when you downloaded library from the community and you’d like to import variables to your existing design system.
  • iFixit: an online repair community, that helps people fix their broken stuff, instead of throwing those away. They have nice guides for different tech devices, but also vehicles
  • Dropover: a utility macOS tool to make drag and drop better, by adding the ability to gather and move content without having to open different windows at the same time
  • Legibility: a free online ebook on how to design for “easy to read”, including explanation of how one reads, the movement of our eyes when we read, how we recognize words, basic principles of typography, wrong ideas and practices that are common in the profession, and advanced concepts of reading on the screen supported by scientific research.

Cool and Interesting Videos

He Watched 50 Hours of MrBeast So You Don’t Have To: yes, totally clickbait title, but, still an interesting analysis in the psychological hacks Jimmy uses to hook viewers: input bias (show how much effort you put into something), costly signaling (spend money to make money), the contrast effect and concept of juxtaposition, loss aversion, curiosity gap, etc.

If you are interested in biases, don’t forget to check my UX Cognitive Bias Cards & Workshop

Latest news in the industry

  • The new @font-face syntax: the tech() function was added so that you use for example color fonts, open type features and more.
  • State of User Research 2023 Report: we all love data and graphs, so here we go, company size, industries, how people became researchers, remote vs in the office, ReOps, Centraliazed vs hybrid vs distributed models, research methods, recruiting (participants), salaries and so much more.