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: custom shape divider tool, user interviews cheatsheet, a MOOC on accessibility, user journey map template, how to build task flows, UI patterns exploration, typography, color tool, the “works on my machine” and lack of empathy in our community, a fun browser game, the story of the amazon “1 click button patent”, diversity in tech community, responsive CSS grid layout, CSS sticky positioning, rating scales in UX research, tips for high contrast mode, a “Bundle for Racial Justice and Equality” game bundle, a blob maker tool, a pattern generator that uses font-icons, a podcast on the complicated dimensions of Black life, etc.
#Now – what I’m up to
In case you missed it, I put together a User Interview Cheat Sheet that helps me write interview and follow ups questions for user research and usability test protocols, I hope it will help you as well.
Also, I’m invited to DeltaCX podcast with Debbie Levitt on Mon, 22 June, 18:30 CEST. We will talk about surveys as a user research tool: how they might look easy but can be hard to get right. Expect some bad examples of what to avoid! Join us live on YouTube!
TL;DNR the one you should not miss
#SVG #CSS #Tool
Custom Shape Dividers, an online tool to generate some HTML, SVG and CSS code for different types of dividers (waves, curves, arrows, etc).
“How to Build a Task Flow” Laura Klein walks you through the steps to build a task flow for the task “Add a Song to a Playlist” and explains why such flows help a lot both designers and developers understand and communicate.
Rating Scales in UX Research: Likert and semantic differential are instruments used to determine attitudes to products, services, and experiences, but depending on your situation, one may work better than the other.
“Works on my machine” Terence Eden draws an interesting parallel between the tendency to disregard a bug because it “works on my machine” and the tendency to disregard an life experience because it “didn’t happen to me”. This industry needs to be better!
“Accessibility or Morals?” by Darice de Cuba. The phone only option is out-dated and excludes a lot of people, that’s why “boycotting” large like tech companies Amazon or Uber is not that always that easy
Inspiration, fun experiments and great ideas
Welcome to TitleRun — the game that only exists in your title bar. It’s simple… Jump over the obstacles to survive and reach the flag
blobs.app an online tool to create random blobs shapes and export them to SVG / Flutter (there also a npm package). (There is also this one where you can chose the color blobmaker.app)
Patternico, a cool online tool to create and export patterns using font-awesome and line-icon
For my gamer friends, there’s a “Bundle for Racial Justice and Equality” with a lot of amazing games in it. All proceeds will be donated to the NAACP Legal Defense and Educational Fund and Community Bail Fund split 50/50.
DINT – Diversity & Inclusion in Tech. A free online community set up to make connections between people who care about diversity and inclusion in tech. Find out more, and sign up for events and activities