Pixels of the Week – January 9, 2022

Every day, I share on Twitter and LinkedIn a list of curated articles I read, resources and tools about UX Design, User Research, UI and mobile design, HTML, CSS, the web industry, some process, some inspiration, etc. This is an archive of everything I shared this week.

#Now – what I’m up to

Hi, happy new year. I’m back after 2 weeks of holidays. I hoarded too many Procreate pens, organized them and decided to draw some of the plants and their pots in a cute kawaii style. This Friday I was teaching an introduction to UX and Product design to the GDSC Tokyo Metropolitan University Chapter and you can watch the replay of the session on Youtube. Also; my articles on “Getting Push Notifications Right” and “Enhancing User Experience With CSS Animations” in a @smashingmag
roundup of useful UX resources.

TL;DNR the one you should not miss

#Browser Game

Hello, welcome back to work 2022 edition, here’s a Prince of Persia game, in the browser in JavaScript. And I’m soooo bad at it but maybe you will be better than me

Interesting article

#Friction

We focus a lot on making the interfaces frictionless, but not all friction is bad. Here are a few example of positive friction that actually enhance the user experience

#Empathy

“You aren’t your user – even when you make employees dash” a great read on the limits of empathy, on why you should do your research and not just ask your employee to play “users” once a month

#MobileFirst

The State Of Mobile First and Desktop First and the idea of scoping styles, and maybe a little bit of both, by @shadeed9

#Design Interview

Design Interviews: 10 Red Flags Design Interviews can reveal to you” I sadly hear a lot of people who have to deal with many of those during interviews process and designer exercises are getting longer and worse. It’s a jungle out there.

#Prioritize

So you did all your user research, there’s a lot of things to improve, but you don’t have time and resources to do it all at once? Here’s an article to help: 7 Techniques for Prioritizing Customer Requirements @MeasuringU

#SearchUX

Designing for enterprise search“, some insights on designing for a powerful and optimum enterprise search

#UXMetrics

Three Branches of Standardized UX Measurement” an interesting visualization of different UX measurement surveys that might help you understand better what’s up with all the SUS QUIS PSSUQ SUMI TAM UMUX AttrakDiff2 UEQ and more acronyms

#CSS

CSS in 2022“, what are the cool hot things you are going to look forward in 2022 for CSS. I’m looking forward to the container queries but also the color functions, also has() (aka parent selector) and subgrids. What about you?

#FrontEnd
I really like @cassidoo’s answer “Add Less” to “what is one thing people can do to make their websites better”. Ship less code to ship more value to the browser!

#Forms

The good, the bad and the toggle, a dissection of the toggle, checkbox, radio button, and related components.

#NFT #Web3

A not so gentle intro to web3 and what makes web3 like a combination of pyramid schemes, scientology and Tamagotchi. By @kslstn

#Accessibility

Introduction to Cognitive Disability and Accessibility Testing

#WorkSpace

The Corporate Playbooks Used to Combat Organizational Trauma (And Why They’re Not Enough) Design professionals report on organizational trauma—and the inadequate ways their orgs address It.

Inspiration, fun experiments and great ideas

#Music

A Groovebox directly in the browser. I think this one has the more advances options I’ve seen so far (created by @maxjvhh)

#Busy People

This is both sun and horrible: pretend you’re busy by playing a bunch of app notification sounds.

Useful tools and resources that will make your life easy

#Accessibility

The WCAG2.1 guidelines summarized with filters and categories

#CSS

A cute CSS theme that makes your page and form looks like they were hand drawn, using the magic of a stretched SVG border and a playful font (by @mccrmx)

#SVG

This is fun: a SVG generator to make shapes that seem to be spilling/melting from the top

#Icons

This looks like a nice tool to find and organizer your SVG icons from all of your different web projects

#Wikipedia

A Chrome, Firefox and Edge that adds some nice readability features to Wikipedia, including dark mode and other nice features, etc.

Podcasts

#UX Podcast

Another great episode of the What is Wrong with UX podcast, this time on why people might continue using bad products

Books

#Accessibility

A book to get you started with accessibility in Vue.js, that’s a good idea!

News in the industry

#Twitter

Twitter wants you to retweet with TikTok-like reaction videos” Great, then you have to watch a video of someone dragging your tweets through the mud instead of just reading their angry rant. Can we get a “do not let people quote with reaction” option?

#CSS

Jen Simmons shared a cool demo of the upcoming P3 colors for CSS

Sign up for new articles

Don’t miss any new content: get notified directly in your mailbox when I publish a new articles or share new freebies.
I won’t share this email, and you can unsubcribe anytime.

Please note that gmail sometimes puts the confirmation in spam.