Pixels of the Week – January 19, 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: accessibility small tweaks, cognitive and psychologic laws for UX designers, hawaii false missile alert error due to bad design, writing error messages, creating design workshops, ghost button design, Illustration tutorial, wireframe tool, CSS selector combinators, a Sketch plugin for icons, HTML5.2 dialogs.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#UX
A few Cognitive and psychologic laws that can become useful when trying to build a usable interface
#Accessibility
Front End devs (and also you the Full Stack in the back of the room), you need that ==> Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility
Interesting article
#UX / #UI
- Perfect timing: The Secrets of Creating Great Design Workshops
- “Ghost Button Design: Is This Really Still A Thing (And Why)?” They make great secondary button, as primary button, it really depends on the site you are designing.
- The Hawaii false alert wasn’t user error—it was a failure of design, an employee pushed the wrong button. This is what happens when there is bad or even no design decisions
- The art of the error message, really useful article
#Accessibility
- Inclusive design principles: provide a comparable experience (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
- Understanding WCAG 2.1 – Reviewing Cognitive Success Criteria
#Design
Why Sans Serif is a Problem for AI You can call me “Al.” and article on… font readability 😀
#HTML
“A brief look at HTML 5.2 Dialog” Great BUT use it wisely. I see too many sites with awful use of dialogs, dialogs in dialogs and so one. Be careful and make sure it’s the right UI component for the task, sometimes it’s better to have another page for ex.
Inspiration, fun demos and Great ideas
#JS #CSS
Tutorials
#Illustration
Fun in the Sun Rucksack – Illustration Process. Always nice to see how other people work 🙂
#CSS
- Making CSS Animations Feel More Natural using delays, timing functions, staging and more
- Quick reminder for beginners on #CSS combinators > + ~
Useful resources, tools and plugins that will make your life easy
#Wireframe
wireflow.co, a nice little tool to build online wireflows and flowcharts
#Icon
Cryptoicon.io – Free crypto icons hehehe
#Sketch
Trust me designer friends you need this Sketch icon plugin in your life
#Typography
