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: 10 UX dark patterns illustrated, dataviz and maps, mobile UX with one hand, HTML data attributes, product prioritization matrices, drag and drop usability, qualitative user research guide, mental models, accessibility color contrast ratio explained, accessibility dont’s design tasks in the hiring process, CSS stats, free people illustrations, styling buttons in CSS, is consistency killing creativity, etc.
I’m drawing silly illustrations mostly for friends and twitter mates. Feel free to use it, print it on stickers, etc.. You can get the sources here.
TL;DNR the one you should not miss
10 Evil Types of Dark UX Patterns: well illustrated examples of patterns that deceive and manipulative users into doing something they didn’t want / need to do. The sad part is that we see most of those in almost every website we visit those days.
“Consistency the Killer” an interesting articles that favors coherence over consistency within a deep understanding of users needs, coherence as a more progressive way to frame design decisions to stay creative
What’s a mental model? Mental models are based on a person past experiences and what they think they know about a system. Users will bring expectations they have built around a familiar product to another product that seems to be similar.
“On design tasks” why they are bad for everyone. I did that once, the task was super bad and clearly showed the company’s lack of UX Design understanding. They were looking for a pixel pushers to “wow their users”. Got the job, refused it. I see them as a way to gauge the company’s maturity. When I got hired as research assistant in the HCI department the interview was role playing game and I loved it. It was a discussion to see my problem solving/communication skills that also let me discuss with future colleagues.
“Styling The Good Ol’ Button Element” another nice article to help you style buttons in CSS. Regarding the Hover, should we keep the cursor (like native OS buttons) or change to the hand (like links) there’s still some debates in the design community
Useful tools and plugins that will make your life easy
CSS Stats, a tool that analyses your CSS. I have some clean up to do hahaa