Pixels of the Week – December 9, 2018

This content is 5 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

#CSS #Front End

#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

Inspiration, fun demos and Great ideas

#Colors

Pantone color of the year is Living Coral

#WebGL

#404

404 Page Templates From CodePen

#Snek #Charts

This is one of the best ads I’ve seen in years, don’t step on snek!

Tutorials

#Performance

Preventing Content Reflow From Lazy-Loaded Images

Useful tools and plugins that will make your life easy

#Illustrations

Humaaans: a free Sketch illustration library to let you create your own illustrations of humans in different situations and scenes. Really cute 🙂

#Typography

A font based on historical eye charts