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: stop using material design text fields, CSS fixed header and slide out tutorials, deciding between modal vs page, CSS selectors explanation tool, UX workshop activities, more ethical design patterns, 5 visual design principles, testing other people’s sites, designing for edge cases, etc.
The inconsistency gets worse then you have selects with inputs
As soon as you want to icons (errors, tooltips) again you are quite limited with floating labels
They might look nice on mobile with a few fields but try to build a complex dashboard with a lot of data to input and you will quickly see that labels into fields becomes a usability nightmare
For those saying “stop using material design”, I think it’s not that simple. Many projects now start with a Material UI react or angular base. Stop using material design either means create your own components (and hire designers to design them) or switch to another UI framework. Don’t get me wrong, as a design I would LOVE to not have all the contraints of those Framework, but I’m pragmatic and see how much time/money they help gain. Plus not all teams are ready/have the budget to get a designer. So it’s not that easy to say “don’t use it”.
Foundational UX Workshop Activities: There are 7 activities that act as a foundation for every UX exercise during a workshop or collaborative team meeting. By understanding these, you can create almost any other exercise you need.
Useful tools and plugins that will make your life easy
Selectors Explained – a nice cool tool by Hugo Giraudel to translate CSS selectors into plain English.
Booklets.io – Bite Sized Learning: you can browse small “booklets” which are like “reading cards” on specific topics, books, etc. I like this small digestable format then if you are interested in one topic you dig more!
“Is it canceled yet?” A site to let you know if a lot of big conferences are cancelled yet. Hahah the Pacific Rim reference in here