Pixels of the Week – October 28, 2018
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: styleguide documentation, microinteractions in User Experience, humor and UX, confession of a flawed designer, improving chatbots, skeleton screens study, usability and innovation, UX writing, design search experience, 30 second CSS snippets, learning Adobe XD in 5 minutes, and more.
You can follow me on twitter to get a dose of links every days.
I gave a talk
The last 2 weeks I talked at DevFest Nantes and Blend Web Mix Lyon about template / UI frameworks and how to buid a product or service with them while still doing some user research and having a user centric process. The slides are in French and available here.
TL;DNR the one you should not miss
#Styleguide
How much documentation to include in a style guide? by Brad Frost
Interesting article
#UX and #UI Design
- Microinteractions in User Experience – Microinteractions convey system status, support error prevention, and communicate brand. They are initiated by a trigger, are single-purpose, and can make the experience engaging.
- User Experience: How to Improve Your Website UX with Humor and Cuteness
- Everything you need to know about skeleton screens, an interesting study and great read on perceived performance
- Balancing Usability with Innovative Design, usability doesn’t kill innovation
- The Hidden Power of Reward Systems In Design – very nice article that reminds us the good and the bad things about rewarding mechanism, as designers we should be aware of this and use with caution
- No Good, Very Bad UX Writing Mistakes – bad for UX and on a personal note I really hate the shaming, this is a sneaky technique, most of time when they try to shame me I will be “ok bye this is Internet plenty of other sites”
- Really interesting read: Designing contemporary search experiences — less typing, more context
#Design
Confessions of a Flawed Designer, really nice article full of fun illustrations
#ChatBot
Honey, I built a chatbot, but no one will click on my buttons – nice read but it again makes me question the existence of chatbots. The Facebook one seems super limited and I see so many poor designed ones, clumsy unnatural conversations :/
Inspiration, fun demos and Great ideas
#Code Demo
Shredded, a fun demo on codepen
#Cartoons
Transgender people are everywhere—and will not be erased. Six cartoonists on gender and transition
Webdesign news
#Browser news:
- Chrome 70 has now Desktop Progressive Web Apps on Windows & Linux
- Edge gets authentification API, notifications and PWAs enhancements as well
Tutorials
#Adobe XD
Do You Want to Learn Adobe XD but Don’t Have Time? How About Learning It in Under 5 Minutes?
Useful tools and plugins that will make your life easy
#CSS
30 seconds CSS, A curated collection of useful CSS snippets you can understand in 30 seconds or less.