Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: 7 principles of icon design, the Norman doors, design beyond the buttons on the screen, design thinking does not address the complexity of designing a product ready to launch, designing a responsive grid, different opinions about having a “CSS4” marketing flag, Ethical Design book, a few CSS tutorials (line-height, sticky position, etc.), 2 CSS animations tutorials, models of UX Maturity, design system articles, etc.
“7 Principles of Icon Design” by Helena Zhang, great wrap up and as she says, pair the icon with a text label or find an alternative if the standalone icon is not the clearest solution (I would ad test your icons with your users)
“What Happens Next?” Enlightening article by Laura Klein to help understand that design goes beyond so much more than adding buttons on the screen. Send this article to colleagues, POs and anyone who still thinks design is about making it pretty
Design thinking became a synonyme for UX/Product design and we are all designers except that we are not… Christina Wodtke goes beyond the over simplified “Design thinking” and presents and tried to represent a more accurate and full design process: Design’s Unsexy Middle Bits
Different interesting opinions about having a CSS4 “marketing flag” CSS4 is a bad idea, CSS4 (on CSS-Tricks) and CSS4 is here! I propose CSS-X to settle it. If it worked for the iPhone it can work for CSS ?
Useful tools and plugins that will make your life easy
“Neumorphism/Soft UI CSS shadow generator” ok it’s looks cute, but before pushing into production a neumorphic interface check the contrasts for accessibility issues and test it with users to make sure they understand what are the fields, buttons, etc?
Yesterday I discovered observablehq.com, a sandbox for people who play with dataviz and it’s awesome <3
Yeah, people from HeyDesigner created “Vincent” and app assistant inbox that will bring design and front end news directly to your phone!!
One of my favorite plugin in Sketch to manage text, layer styles and symbols: sketchmanager.com (also if you bought individually text style manager, symbol manager and layer style manager you can use your 3 licences to activate them in the all in one plugin!!)