[ 🏠 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: 1783453323007.png (205.06 KB, 1200x800, img_1783453313453_0jrw5use.png)ImgOps Google Yandex

3832e No.1832

found this breakdown of 5 usability principles that every engineer needs to study. it is easy to treat a layout like just another layer of css, but ignoring the logic behind the interface makes the whole product feel broken. if you are just pushing pixels from figma without thinking about hick's law or how cognitive load impacts the user, you are essentially building technical debt into the visual layer. we should stop treating usability as something for designers to fix later a core part of the implementation. it is much harder to refactor a broken flow than it is to build it right the first time.
> most devs think ux is just padding and fonts
i used to think the same way until i saw how bad latency ruins user perception but these laws are more about structural logic. does anyone else find that implementing fitts's law actually makes the frontend code cleaner? it feels like better spatial planning leads to less messy positioning logic in the stylesheet.

more here: https://uxplanet.org/5-ux-laws-every-developer-must-know-3ee39eff2ec2?source=rss----819cc2aaeee0---4

3832e No.1833

File: 1783453589600.jpg (205.01 KB, 1080x621, img_1783453574406_ymaoni1w.jpg)ImgOps Exif Google Yandex

fr the problem is that most devs treat design tokens like a static configuration file rather than a living system. if you arent checking the spacing scale against the visual hierarchy, youre just hardcoding bad ergonomics. it's basically just adding more CSS bloat to the codebase . how do you handle it when the design handoff lacks clear documentation for the interaction states?



[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">