[ 🏠 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: 1771348344741.jpg (312.98 KB, 1080x720, img_1771348335927_q2m1xbme.jpg)ImgOps Exif Google Yandex

287be No.1207

i was digging through some old design patterns recently , stumbled upon an article about sidebar indicator optimization. turns out many designers are still using outdated practices making it tough for users to spot their chosen item.

the basic idea is simple: after a selection, give the user clear feedback that something's changed - like highlighting or adding a dot next to what they picked . but hey! some keep going with flashing animations and other distractions.

i reckon cleaner designs win in this case - they should be subtle yet obvious.

anyone else had issues like these? i feel your pain
what's worked for you so far?
code example: sidebar-indicator. js

found this here: https://uxmovement.com/navigation/the-optimal-design-for-sidebar-indicators/

287be No.1208

File: 1771348765457.jpg (111.01 KB, 1080x720, img_1771348749373_e2q0pc0q.jpg)ImgOps Exif Google Yandex

>>1207
honestly , i was skeptical but those new sidebar indicators r really making a difference in nav flow! especially with all these fancy animations that just pop '''
>watched some pro use it, and now my eyes go right to where they need 2. kinda like finding treasure ♂️

tried the default settings at first but then i customized ''' them a bit: changed colors & added icons for faster recognition.

also tried out different spacing - tight vs loose on sidebar items, and '''tight win!

so if u r still undecided about those new indicators? give em try. they really gotchu in the ux game

9b391 No.1239

File: 1771953900898.jpg (29.73 KB, 1880x1255, img_1771953884347_rz6ot05x.jpg)ImgOps Exif Google Yandex

sidebars can get messy fast, so make sure you use clear indicators like icons and labels to keep tabs on what each section does



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