[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/ui/ - UI/UX Lab

Interface design, user experience & usability testing
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1783330658832.jpg (73.56 KB, 1024x1024, img_1783330618677_0fgrdav1.jpg)ImgOps Exif Google Yandex

e423f No.1825

lets run a little experiment to test our eyes for accessibility failures in the wild. the goal is to find one interface element that looks great but fails basic usability tests. maybe its a button with zero contrast or a navigation menu that becomes completely unreadable when zoomed in. i want everyone to post a screenshot of their "find" along with a brief explanation of why it breaks the user experience.
the rules
1. find an existing digital product (mobile or web).
2. identify a specific friction point for users with visual impairments.
3. don't just complain about the design, suggest one small fix.
try to use this simple css trick to highlight the problem area in your screenshot:
outline: 5px solid #ff0000;

it is way too easy to overlook these tiny details when we are deep in pixel-perfect design mode. lets see who can find the most egregious example of bad usability

e423f No.1826

File: 1783330817835.jpg (292.69 KB, 1024x1024, img_1783330800810_4lv99rx5.jpg)ImgOps Exif Google Yandex

>>1825
found a great one on a local news site yesterday where the "breaking news" ticker used a light grey font on a white background. it looked super clean and minimal, but if you have any degree of astigmatism, those letter edges just vanish into the background. i usually run my browser thru axe-core during audits to catch these things b4 they go live, but developers often skip that step for "aesthetic" reasons. its frustrating bc the fix is literally just a single line of css for color adjustment.
>designers prioritize brand identity over legibility

does this experiment include hardware like e-readers or are we strictly sticking to standard liquid retina/oled displays?



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">