How to Write Error Messages That Actually Help Users Rather Than Frustrate Them, by @Amy_Hupe (@piccalil.li):
USABILITY TIP:
Do not show error messages that say “Something went wrong”. They frustrate users because they can’t take action about them. Instead, say: “You broke our app. It’s your fault. Write a 150 words apology in this box to continue:”
#ui #ux #usability #a11y
Thin Fonts Are a Usability Nightmare—And Finally, Designers Are Waking Up
And look, I get it, git’s commands make perfect sense (and, dare I say, are elegant) if one thinks in directed acyclic graphs. The challenge is creating interfaces for all the folks who don’t think in directed acyclic graphs. Or, in simpler terms, a note from one of my earlier talks on design: “Your app shouldn’t look like your database just threw up.”
Which leads us to the difference between inside-out and outside-in design…
More: https://ar.al/talks/#superheroes-and-villains-in-design
#Design #Quizzes
The big UX quiz · 118 questions to challenge your UX knowledge https://ilo.im/163hmj
_____
#Skills #Concepts #Principles #Techniques #Usability #Accessibility #ProductDesign #UxDesign #UiDesign #WebDesign
Frage an die #BahnBubble : Weiß jemand, warum zur Hölle ich mich im #DBNavigator _vor_ dem Such- und Buchungsvorgang entscheiden muss, ob ich eine einfache oder eine Hin- und Rückfahrt möchte? 
Warum wurde die praktische Funktion "Rückfahrt hinzufügen" für einfache Fahrten von anno dazumal abgeschafft?
Und wenn ich vorm Suchen vergessen habe, von "Hin- und Rück" auf "einfache" zu schalten, warum kann ich nicht einfach klicken "jajaja sorry, mach aus der gefundenen Verbindung eine Einzelfahrt", sondern muss abbrechen und von vorn durch den ganzen verdammten Vorgang?
Wie sah der #Usability-Test aus, den das bestanden hat? Und was machen die #UX-Designer der Bahn eigentlich beruflich? 
#Design #Guidelines
Button states · Effective indication of 5 button conditions https://ilo.im/163ioo
_____
#Buttons #Usability #DesignPatterns #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
How do I keep my timeline so doom-free? Filters. As a Canadian, that last one is getting a LOT of action these days.
I <3 Mastodon
#Design #Inspirations
Users hate waiting · How to make loading screens a bit enjoyable https://ilo.im/163dwy
_____
#Perception #Impatience #Accessibility #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign #WebPerf
Unsere Wissenschaftlerinnen Stefanie Hecht @spreehecht und Jana Plomin sind in der Weiterbildung zum CDO Ihre Trainerinnen im Modul zum Thema #Usability, #UX und #Barrierefreiheit .
Die Schulung an unserer FOKUS-Akademie zum CDO startet im September 2025 und ist als Teilzeit-Weiterbildung berufsbegleitend möglich.
Sie läuft über einen Zeitraum von ca. 11 Wochen und umfasst ca. 180 Unterrichtseinheiten: 
https://www.fokus-akademie.de/de/kurse/chief-digital-officer.html Nutzen Sie die Chance und sichern Sie sich einen Platz!
Unlocking 7 Hidden Benefits Through Web Site Redesign, by @uxmatters.bsky.social:
Ich hab gehört, im Fediverse interessieren sich ein paar Leute für #Digitalisierung und #IT?!
Gut zehn Minuten Eurer Zeit für die Masterarbeit eines Freundes: eine #Umfrage zu #KI und #Chatbots in der Kommunalverwaltung.
#Datenschutz, #Privatsphäre, #Usability - was ist Euch wichtig? Sagt es ihm für seine Studie 
https://hcicaachen.fra1.qualtrics.com/jfe/form/SV_e8UNu6D47p2tHwO Boosting is sharing! Für die Forschung! 
#Web #usability and #accessibility ...
This is from crimethinc.com, but I'm not trying to pick particularly on them. There are many, many, many sites just as bad or worse.
This is a screenshot from an article on their site today, rendered in Firefox (Linux).
See the hair-thin font? See the fact that it's light grey on a white background? There's virtually no contrast between the text and the background.
This is an accessibility nightmare for those with any sort of vision problem. Picking the colour out of the screenshot (I didn't look at the CSS), it appears the text is basically 45% grey. This is ludicrous.
If the font face had some heft, it might be still be half-assed readable with contrast this low.
But as is... If I were to take my contacts out, I wouldn't even be able to tell that this screenshot *had* any of the normal-sized text in it, much less be able to read any of it.
Web designers, I beg you: please consider more than the appearance of what you're creating when you're making design choices.
Remember that not everyone is a 20- or 30-something with near-perfect vision.
Remember that people have cataracts or other types of eye cloudiness which necessitate high-contrast text to be able to read, even if they scale the fonts up by a huge amount.
Remember that vision degrades naturally in people in many ways other than "just wear glasses" can fix.
This is AT&T's email with images blocked. Fail! #email #att #a11y #usability
Bike rack producers: »Let's create more front wheel bike racks because – reasons.«
Cyclists using these bike racks:
#Development #Techniques
Multi-step logins with password manager support · The problem with email-first logins and how to solve it https://ilo.im/163at0
_____
#Logins #Forms #Passwords #PasswordManagers #SSO #Accessibility #Usability #WebDev #Frontend #HTML
User: Hey, Mastodon, can you enlarge this timeline image for me? (1)
Mastodon: Hold my beer... (2)
#mastodon #mastoadmin #mastolivre #ux #ui #gui #usability (or rather lack of it)
Thin Fonts Are a Usability Nightmare—and Finally, Designers Are Waking Up, by @webdesignerdepot.bsky.social:
