Pixels of the Week – December 9, 2018 by Stéphanie Walter

This content is 6 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.

This week’s selection: two games to train your designer eye, things that people forget to design, state of UX for 2019, empathy, user experience of chatbots, icon design, behaviour influence, CSS resets, JS and accessibility, a guide to PWAs, dev tools for designers, dark color scheme in CSS, CSS environment variables, front-end is not a problem to solve and so much more.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#Design #Games

Is it centred? This is a silly game to drive designer nuts
Can’t Unsee – a game where your attention to details earns you a lot of coins. WARNING: Once you see the difference between the images, you won’t be able to unseen…

Interesting article

#UX

Prototyping Empathy – 6 ways to make prototypes more user centric
“The State of UX in 2019” the only not UI bullshit article on the topic, a little bit depressing though. Everyone is lead & too busy to design, obsessed with methods. Artboards are dead, we’ll share our process & fix technologies we created.
32 ways to find time for what matters – One of the most quoted barriers within organisations is a lack of time. But is that justified and if it is what can we do about it?
The User Experience of Chatbots – Far from being ‘intelligent’, today’s chatbots guide users through simple linear flows, and our user research shows that they have a hard time whenever users deviate from such flows.
“7 Principles That Influence Our Behaviour” always interesting to know those studies but I can’t help to wonder if they are still accurate years after they were conducted
This Is UX Writing at Its Very Best – a few examples of nice experience in interfaces, I really like the agony filter

#Design

50 Things You [Probably] Forgot To Design… more accurate title “50 things you did not design because you run out of design budget for [put the reasons here] and the developers will have to improvise”
DevTools for Designers. just because you’re a designer, it doesn’t mean you don’t know how to code — but you might not be production-level and might be faster elsewhere.
How to Design an Icon Set: Simple Checklist for Graphic Designers – Some good advice if you want to design an icon kit, it’s mostly about consistency, geometry, clarity and spacing
Very detailed guide with resources >> Voice User Interfaces (VUI) — The Ultimate Designer’s Guide

#CSS #Front End

A look at CSS Resets in 2018
The dark Web rises, on using prefers-color-scheme CSS media query to adapt sites for dark mode
What if… the images never load, the script never loads and the user are stuck with a blank page because developers decided to turn non critical into critical assets? Great quick read on resilience and design decisions
Everything about CSS environment variables, like padding-right: env(safe-area-inset-right, 12px);
Front-end development is not a problem to be solved – The sentiment is that front-end development is a problem to be solved: “if we just have the right tools and frameworks, then we might never have to write another line of HTML or CSS ever again!”
The Current State of Styling Scrollbars, naaaaaaaaan don’t 🙁

#Accessibility

You’re only supposed to blow the bloody doors off! – Léonie Watson on JavaScript and Accessibility

#Mobile #PWAs

Progressive Web Apps The Future of the Mobile Web – a free ebook to learn about PWAs