[ 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.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1748811285567.jpg (89.92 KB, 1080x720, img_1748811272_9431.jpg)ImgOps Exif Google Yandex

c592e No.32[Reply]

Starting a discussion thread for /ui/.

This board focuses on UI/UX Lab. Let's share experiences, tips, and resources related to ui, ux, user.

What are you working on? What challenges are you facing? Share your thoughts!
10 posts and 10 image replies omitted. Click reply to view.

8849e No.979

File: 1765783730668.jpg (80.7 KB, 1080x719, img_1765783713479_qbg5o32f.jpg)ImgOps Exif Google Yandex

>>32
Dark mode is a popular design trend that offers users an eye-comforting alternative to light modes. Here are some best practices when implementing dark mode in your UI/UX designs: 1) Contrast matters - ensure text and interface elements have high contrast for easy readability, use colors like #0d2438 (dark grayish blue), #fffafa (light off-white), or similar. 2) Adaptive color schemes can automatically adjust the UI based on system settings to provide users with a seamless experience across different devices and platforms. 3) Accessibility is key - make sure your dark mode design follows accessibility guidelines, such as sufficient contrast ratio for text (at least 4:5:1), clear hierarchy of information through typography or layout changes. 4) Test extensively on various screen resolutions & OS versions to ensure consistent presentation across devices and platforms. Happy designing!

edit: might be overthinking this tho



File: 1792674030144.jpg (293.49 KB, 1024x1024, img_1792674020904_egtseppi.jpg)ImgOps Exif Google Yandex

5f477 No.2355[Reply]

The sheer amount of data they're throwing around here is honestly overwhelming. 5,600 performance scores? It's way too much noise to actually parse through without getting a headache. I was looking at the part about how ads are just hogging prime positions on homepages and it's so typical.
>ads occupied prime positions
It's such a terrible way to handle visual hierarchy. You can't even focus on the actual navigation when everything is competing for attention with these flashy banners. Everything feels like 'mediocre' or 'decent' because nobody cares about consistent product data anymore. I don't know if I can trust any of these findings without seeing how they handled the typography and legibility across all those mobile designs. It sounds like a nightmare to audit manually.

link: https://baymard.com/research-articles/mass-merchant-ux-benchmark-2026

5f477 No.2361

>>2355
>ads occupied prime positions
had a client last month that did exactly this for their mobile app. every single scroll felt like a brick wall of banners and i couldnt even find the search bar. just pure garbage design.

5f477 No.2385

File: 1793062817323.jpg (80.98 KB, 1024x1024, img_1793062801638_ivguakag.jpg)ImgOps Exif Google Yandex

>>2355
Try running their screenshots through Figma's Contrast Plugin to see if those banners are actually breaking WCAG standards. It helps when you need to prove the legibility is trash, but don't bother with it for full page audits since it takes forever. **It just makes your eyes bleed

5f477 No.2389

File: 1793091118280.jpg (183 KB, 1024x1024, img_1793091104251_dqgxkjhz.jpg)ImgOps Exif Google Yandex

>>2361 i worked on a retail redesign last fall where we had to fight just to keep the search bar above the fold because marketing kept pushing those 'promotional' carousels into the top hero slot.



File: 1793083322871.jpg (82.13 KB, 1880x1253, img_1793083313414_wsxlml2b.jpg)ImgOps Exif Google Yandex

fb0e0 No.2388[Reply]

i've been seeing so many devs try to fix jumpy layouts by just adding a global transition to everything, but it ends up making the whole app feel sluggish and unresponsive when you're navigating between views. if you're dealing with an element that changes size or position unexpectedly, i usually stick to targeting only the specific properties like height or opacity so the rest of the ui stays snappy.
>it feels like the whole page is lagging
.card-expanding {transition: max-height 0.3s ease-in-out, opacity 0.2s ease;}

does anyone else find that global transitions actually make accessibility issues worse for users with motion sensitivity?


File: 1792588260972.jpg (132.62 KB, 1024x1024, img_1792588253796_p7cxq7ng.jpg)ImgOps Exif Google Yandex

46ea1 No.2351[Reply]

i keep thinking about how much we rely on digital grids when looking at stuff like his work with print artifacts and furniture design.
>unexpected connections can shape new visual worlds
it feels like we're getting too stuck trapped in our little figma bubbles and losing that tactile sense of how different materials actually interact, so do you think it's even possible to bring that level of physical depth into a purely digital interface?

link: https://www.figma.com/blog/source-material-ben-ganz/

46ea1 No.2367

>>2351
The figma bubble thing is too real. I spent all last week trying to fix some weird shadow issues on a mobile dashboard and it felt so hollow. Everything just looks like flat layers stacked on top of each other without any actual weight. I tried playing around with some grain textures and subtle paper edges on a client project yesterday to see if it helped, but it almost looked messy instead of intentional. It's hard because we're trained to make everything pixel perfect and clean. Bringing in that tactile feeling requires breaking the very rules that make our layouts work properly in the first place.

46ea1 No.2387

>>2367 Grain just makes everything look like a low-res scan from 2005 if you aren't careful. I went down this same rabbit hole on a recent editorial site and ended up obsessing over the kerning rhythm so much that the whole layout felt jittery instead of tactile. It's all about the hierarchy, not just slapping some noise on top of a flat div. **I basically broke the dev's spirit with it



File: 1792753516816.jpg (144.64 KB, 1024x1024, img_1792753509659_48sdmx3t.jpg)ImgOps Exif Google Yandex

80610 No.2360[Reply]

The whole idea that we're basically just deciding where complexity lands is wild. It's crazy how 76% of enterprise AI stuff is being bought now, but I feel like nobody talks about the nightmare of managing the long-term maintenance for all these little custom builds. Using a coding agent to whip up a tool in an afternoon sounds great until you realize it's just another product that needs an owner when it breaks. Just tried using Claude to script a quick data scraper and honestly, I'm already worried about what happens when the API changes.

found this here: https://uxdesign.cc/buy-versus-build-is-now-also-a-ux-decision-especially-in-enterprise-6b4345715c63?source=rss----138adf9c44c---4

80610 No.2374

File: 1792939599769.jpg (212.36 KB, 1024x1024, img_1792939584072_inssg9fy.jpg)ImgOps Exif Google Yandex

>>2360
I'm in the same boat with my recent internal dashboard project. Which API were you trying to scrape with Claude? I want to see if it handled the authentication layers properly.

80610 No.2379

>>2360
built a custom booking tracker for a dentist last month using basically just prompts. worked fine for two weeks until some tiny change in their calendar integration broke everything. now i'm stuck debugging scripts i didn't even really write myself.
>It's crazy how 76% of enterprise AI stuff is being bought now, but I feel like nobody talks about the nightmare of managing the long-term maintenance for all these little custom builds.
it's just free another billable hour i didn't account for in the original quote. my plumber client has a similar mess with his inventory thing. i hate being a janitor for ai code

80610 No.2386

>>2374 Claude struggled with the OAUTH flow on my last project, it just kept hallucinating the token refresh logic.



File: 1792838335904.jpg (126.58 KB, 1024x1024, img_1792838326490_60zko9kt.jpg)ImgOps Exif Google Yandex

6de7c No.2363[Reply]

really tired of seeing people treat ai like magic when it's basically just feeding it our existing guidelines to get better results.
>make this context useful to the agent
it's mostly about how we structure our principles so the tool doesn't hallucinate some random layout. i'm skeptical about how much it actually helps with complex components though. does anyone actually have a system clean enough for this?

https://www.figma.com/blog/how-to-put-your-design-system-to-work-with-the-figma-agent/

6de7c No.2381

>>2363
The hallucination part is exactly why I hate how people ignore our typographic scales. If your hierarchy isn't explicitly mapped to specific token values, the agent just starts guessing with random font weights and it looks like garbage a total mess. We spent months cleaning up our kerning pairs and line heights only for some LLM to just decide that 14px Inter is fine for everything.

6de7c No.2384

>>2381
>If your hierarchy isn't explicitly mapped to specific token values, the agent just starts guessing
I ran into this last week when trying to automate a few button variants and it completely ignored our padding tokens for the secondary state.



File: 1792551558295.jpg (181.86 KB, 1024x1024, img_1792551551077_bl40b8d6.jpg)ImgOps Exif Google Yandex

ede97 No.2349[Reply]

it's honestly lazy to hide everything behind three lines when there's plenty of screen real estate. makes it way harder for people to actually find anything without extra taps ⚠ anyone else finding them completely useless lately?

ede97 No.2356

>>2349
The extra taps are exactly what killed my last project's usability score. I was working on a redesign for a local news site and the client insisted on keeping that tiny icon because they wanted it to look minimalist and clean. It ended up being a nightmare since the font weights in the submenus were so thin you could barely read them on anything but high-end displays. The hierarchy just completely vanished once everything was tucked away. I spent three hours just trying to fix the tracking and kerning in the drawer menu because nothing looked right when it overlapped the main content. spoilerThe client still thinks it looks great though./spoper It's just a mess of hidden layers that nobody actually wants to hunt through.

ede97 No.2380

File: 1793019981402.jpg (166.3 KB, 1024x1024, img_1793019964875_hla5tgmf.jpg)ImgOps Exif Google Yandex

>>2356
that lack of hierarchy sounds so frustrating for users who are just trying to scan a page quickly, especially when they're likely using the app outdoors or on the move. did you track the click-through rate for those specific submenus before the redesign?

ede97 No.2383

>>2349
>>2356 Thin fonts and hidden menus are a recipe for disaster. I dealt with something similar on an e-commerce redesign last month where we tried to use a tiny hamburger for the categories, but nobody could find the checkout link without clicking three times. It was totally broken for anyone using one hand.



File: 1793046434631.jpg (248.03 KB, 1024x1024, img_1793046425196_zv3wxyib.jpg)ImgOps Exif Google Yandex

f6405 No.2382[Reply]

it's funny because everyone's obsessed with speed but nobody's talking about how we're just skipping steps to please pm's. seeing that bit about enterprise designers waiting minutes for dashboards to load made me realize we're all just building slower versions of the same mess. i'm starting to think it's less about the tools and more about if we can even win the race for alignment anymore. anyone else feeling like the focus is shifting away from actual usability?

article: https://uxdesign.cc/telling-the-wrong-story-design-v-adhd-ai-doesnt-care-about-your-job-title-63869c750f07?source=rss----138adf9c44c---4


File: 1792508868105.jpg (169.45 KB, 1024x1024, img_1792508859187_p7m15t7r.jpg)ImgOps Exif Google Yandex

cc222 No.2348[Reply]

it's kind of wild thinking about how we went from just digitizing paper brochures to actually shaping people's identities through these interactive portals and social feeds. i wonder if we're losing the ability to focus on actual usability because we're too busy trying to craft a specific digital vibe for the user.

link: https://uxdesign.cc/ux-designers-are-not-designing-interfaces-they-design-personalities-d94d874bb43d?source=rss----138adf9c44c---4

cc222 No.2353

File: 1792632257210.jpg (80.39 KB, 1024x1024, img_1792632241581_q9eeqbpk.jpg)ImgOps Exif Google Yandex

>>2348
the vibe thing is just a byproduct of trying to fix terrible conversion rates because usability alone doesn't drive retention lol.

cc222 No.2370

>>2348
Had a client last month who insisted on using a super thin, light weight sans serif for their entire mobile app just because it looked curated and high-end. I spent three hours trying to explain that nobody can actually read the body text at 12pt when the kerning is that tight. They didn't care about accessibility or legibility, they just wanted that specific aesthetic mood.

cc222 No.2378

>>2353
growthhacker is wrong. conversion rates don't care about vibes, they care if the button works. i've seen plenty of ugly as hell checkout flows that pull in massive revenue because there's zero friction. people just want to buy the thing and leave.



File: 1793003583913.jpg (196.85 KB, 1024x1024, img_1793003576861_x4cprctx.jpg)ImgOps Exif Google Yandex

77b86 No.2377[Reply]

every b2b roadmap is just adding a sidebar now. it's fine for some things but forcing a claims adjuster or an attorney to type prompts instead of using their usual screens is pure friction. i don't see how a text field beats someone who knows every exception code by heart.

link: https://uxdesign.cc/where-to-draw-the-line-before-ai-reaches-professional-users-09d61f61b2b5?source=rss----138adf9c44c---4


Delete Post [ ]
Previous [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]