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 blindly following Google and Apple’s UI, remote UX workshops, CSS and screenreaders, UX podcast on how complex surveys are, a method to organize digital information, Mobile usability (onboarding and phone field), Web Accessibility Checklist, remote usability testing, CSS tutorials (currentColor, scrollbar, box-shadow), SVG optimization tools, free illustrations, some fun online art generation experiment, etc.
#Now – what I’m up to
Well, nothing special at the moment. I’m REALLY trying to find motivation to revamp the header of this blog, but I play Borderlands 3 instead. The new DLC is amazing!!!
Defining ‘Toast’ Messages – an interesting read on accessibility and user experience of this UI component (the small little one that slides in from the bottom of your screen to give you some kind of information/notification)
CSS Can Influence Screenreaders, a few interesting examples of what CSS properties can influence screenreaders and what might happen (hidden content, CSS generated content, etc.)
Old but still accurate: “How Apple Is Giving Design A Bad Name” For years, Apple followed user-centered design principles. Then something went wrong. Apple has lost its way, driven by concern for style and appearance at the expense of understandability and usage.
“The Ethical Design Handbook“, a new Smashing book on ethical design to help you build and grow honest sustainable digital products and services.
Podcast and videos
UX designers, you have to listen to this podcast with Erika Hall about when do you have enough research to take decisions, understanding users but also organisation & political environments when designing, how easy it is to do a terrible survey, etc. “With a survey, people will answer your questions. Even if you’re asking the wrong questions in the wrong way, and they totally don’t match anything in the real world, you’ll get answers back. And there won’t be anything in that data that will tell you that it’s a bad survey”. I soooo much agree with that part. It’s HARD to create a great survey even for advance UX practitioners. But tools make it look soooo easy so it’s usually the “cheap” way to do user research. I was asked so many times to reply to surveys that were poorly designed and could tell the information was going to be totally biased (at best…). I even told some people about the flaws in their surveys but apparently bruised too many egos. Even for academic people it’s hard to design good surveys.
Styling Scrollbars with CSS: The Modern Way to Style Scrollbars. I’m not a fan of browser component hijacking, but custom scrollbars can be useful in some small components sometimes (long dropdowns, etc.)
This is a good example of “just because you can (in CSS) doesn’t mean your should”: Neumorphism and CSS. It’s a nice CSS tutorial, I just think this trend is a usability and accessibility nightmare, even when combined with material UI.
Emergency Website Kit – I like this emergency website kit with a generated performance static HTML site, but honestly, are organizations who need emergency website able to use the npm, Eleventy and Netlify stack? Isn’t that already too technical for most organizations