Pixels of the Week – August 27, 2023

Common sense in UX, psychology of rock paper scissors & free UX/UI books

This content is 1 year old. Remember that the following content might be outdated.

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

4 steps illustrate with an example of a gray, pink, purple, blue and aquamarin color palette, first slide has the main colors, second 1 darker and 2 lighter variations, 3 slide has a matrix showing color combinations, 4th slide shows the palette and usage examples for titles + call to actions

I share some slides from my upcoming talk on design and accessibility where I explain how to build and document an accessible color palette (on LinkedIn, Twitter and Mastodon). I was also featured in an article on AI in UX research, with a couple of other designers who have very interesting opinions on the topic. And gave a couple of advice to developers starting their journey on the GDE blog: “start with a project you are passionate about, or something you wish existed. It doesn’t have to be perfect”.

I’m almost done with my cognitive bias cards (yeah I’ve been saying this for weeks, sorry). I’m thinking about having a print PDF version, but also a Miro / Figjam board version for the teams who want to do remote workshops with those.

Last but not least, I’ve tested some new sticker paper, and the colors are awesome. If you are curious, here’s short instagram reel of my Silhouette, cutting a bunch of them. Also, if you want to buy them, I put the list of what I have available here, just reach out.

TL; DNR: the one you should not miss

Playbook for universal design: a great place to find tools, methods, frameworks to include in your design process to build more inclusive and universal products and services. The methods can be filtered by phases of the design process (double diamond), types (warm ups, create ideas, etc.). This also comes with tips to facilitate workshops and a set of “ability prompts” to help understand the impact of different disabilities when you design. Created by DTU Skylab

Interesting articles that caught my attention

Design:

Taste (5min) great short read on subjectivity, gatekeeping, and the risk of leaving words undefined. Taste is the ability to identify quality. And it can be trained and acquired.

UX Research:

  • Understanding Cultural Probes (8min) culture probes are a qualitative research technique that aims to gather contextual information about users’ lives, thoughts, and experiences. They are designed to bypass traditional questioning methods and engage users in a more indirect and creative manner
  • What makes UX Research job interviews “horrible?” ‘(9min) what is wrong with current UX recruitment processes and some tips to make it better on both sides
  • Striking the Balance: The Intersection of Common Sense and User Research in UX Design (14min) I’m one of those designer who is growing tired of hearing “common sense”. Common sense is subjective, biased, based on limited knowledge. And, often sadly, common sense neglects accessibility needs. Erik summarizes nicely most of the issue I have with the whole “common sense” idea and “just follow what other do, and you will be fine”.
  • Scrolljacking 101 (16min): usability issues with scrolljacking (disorientation, frustration especially on mobile and task oriented sites) and some best practices to implement this in a more usable way

Accessibility:

Inclusive design, psychology, and social media

Curiosity cabinet: non-design/tech rabbit holes I enjoyed

The Psychological Depths of Rock-Paper-Scissors rock-paper-scissors is a game of player unpredictability in its purest form, for this single factor is the sole determinant of the game’s uncertainty, its raison d’être, and its cultural continuance.

Inspiration: fun experiments, beautiful art, and great ideas

  • Grid Movie Posters: a fun creativity exercise, the idea was to create a very simple, modernist poster series for movie enthusiasts. The designs rigorously adhere to the same mold: a circle overlaid by two diagonals, all inscribed in a square
  • Mapping where the earth will become uninhabitable: 3D interactive visualisation that show where populations are projected to be hit the hardest by the climate crisis (lethal heat, flooded coastlines, powerful hurricanes, water scarcity)

Books

Free Books For Interface & UX Designers, on everything from accessibility and typography to management, IA and content strategy.

Useful tools & resources

  • Apply variables: a Figma plugin to apply variables to your mockups in bulk (for example, if you have a file that doesn’t use them and want to quickly migrate it to using variables)
  • Product Design Roadmap: An interactive flow to help you understand what UX and design methods are used during which part of a design process. The map has 5 main sections: product thinking, research, user experience, user interface, communication.
  • Accessibility cat: a collection of accessibility links for professionals who work with digital accessibility, curated by Amin Amini

Cool and Interesting Videos

  • Key Considerations for Accessibility in WordPress: Amber Hinds gives super insightful advice on how to insure the accessibility of a site using WordPress, from choosing the right theme, plugins to training the editorial team and more.
  • Accessible Charts Done Right: Great talk by Sergei Kriger to help you make your charts accessible, including those how are not just an image but really interactive ones (for my enterprise dashboard people)

Tutorials

2 video tutorials to help you get the best out of Figma variables: Using variables in prototypes 101 and Using variables in prototypes with modes and conditionals

Latest news in the industry