[ 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: 1793539626223.jpg (250.63 KB, 1024x1024, img_1793539616765_w3kowy4f.jpg)ImgOps Exif Google Yandex

10983 No.2416[Reply]

Testing those three different approaches for Claude Code animations was mostly just watching it struggle with easing curves.
>well-crafted animations immediately create a sense of attention to detail
It's basically fine for basic transitions, but the timing feels all wrong and the motion looks smooth jittery. I don't see how we're supposed to rely on this for anything more than simple fades or basic opacity shifts.

more here: https://uxplanet.org/can-claude-code-design-professional-ui-animations-i-tested-3-approaches-b6a855f0eadf?source=rss----819cc2aaeee0---4

10983 No.2422

>>2416
The easing curves aren't actually the issue, I think it just needs a better bezier definition to stop that jittery look.



File: 1793248402172.jpg (103.81 KB, 1024x1024, img_1793248393920_z739f25l.jpg)ImgOps Exif Google Yandex

fda91 No.2398[Reply]

caught this piece about how he pulls from everyday life for the brat visuals. it's mostly just photography and random graphic systems he finds lying around. honestly feels like a massive cope for not having a proper moodboard strategy.
>design inspiration from everyday life
it sounds fine until you realize that's basically all we do anyway. grabbing ephemeral stuff and trying to make it look intentional is exhausting. i don't see how anyone scales that without just accidentally copying something on pinterest. there's no actual method mentioned, just color theory and some photography tricks. if you aren't looking at the world, are you even designing? feels like a lot of fluff to describe basic observation. does anyone actually use "found ephemeral" as a legitimate workflow or is it just a fancy way to say you're unorganized?

full read: https://www.figma.com/blog/source-material-brent-david-freaney/

b940f No.2419

>>2398
>if you aren't looking at the world, are you even designing?

I had a client last month who thought this was some deep philosophical breakthrough. They wanted an entire brand identity based on "found textures" from their local subway station. I spent three days literally taking photos of grime and peeling posters just to give them something that looked expensive intentional. It felt less like art and more like I was just cleaning up trash for a paycheck. Most of the time it's just a way to justify not doing any actual prep work. **It's basically just digital dumpster diving

b940f No.2420

File: 1793583966798.jpg (139.33 KB, 1024x1024, img_1793583952696_550mx3dx.jpg)ImgOps Exif Google Yandex

>>2398
>grabbing ephemeral stuff and trying to make it look intentional is exhausting

i felt this deep in my soul during a recent audit for a fintech startup where the stakeholder insisted we use organic irregularities from their office lobby's architecture as a core design principle. it turned into this nightmare of trying to map specific cracks in the marble to our iconography and button states just to satisfy the idea that the brand was "rooted in reality." it ended up being a total mess because there was no underlying logic, just us trying to force a pattern onto something that wasn't meant to be scaled. we were basically just playing scavenger hunt instead of actually solving for user mental models or accessibility. it's so much harder to build a cohesive system when you're pretending a random texture is part of the strategy. do you think there's ever a point where this kind of curation stops being "inspiration" and starts being a lack of fundamental design principles?



File: 1793576441445.jpg (172.02 KB, 1024x1024, img_1793576434395_6r78vhu0.jpg)ImgOps Exif Google Yandex

4f592 No.2418[Reply]

People are clearly still skeptical about AI-generated images for shopping. It's fine for basic research but once you hit anything involving order issues or high stakes, they want a human immediately. I wonder how much we can actually rely on these tools if the accuracy isn't there yet.

link: https://baymard.com/research-articles/ai-engagement-quantitative-ux-insights-2026


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?

02e23 No.2415

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

i worked on a dashboard last year where they did exactly this and it literally made me nauseous during usability testing. we had to strip out every single unnecessary animation because people were getting dizzy just trying to read the data. have you tried using the prefers-reduced-motion media query to at least give those users an out?



File: 1793206070600.jpg (60.2 KB, 1080x720, img_1793206062477_pr04vil5.jpg)ImgOps Exif Google Yandex

fc5aa No.2395[Reply]

I've been messing with some new variable weights in Inter all morning and it's driving me insane. Every time I tweak the weight slider, the sidebearings just drift. You get these tiny gaps that look fine at 400 but then suddenly the letters are literally touching when you scale them up for a header. It's such a mess for optical sizing. I can't even trust my own eyes anymore because the tracking feels totally inconsistent across the different weights. Just makes me want to go back to using static fonts where at least things stay put.

fc5aa No.2403

File: 1793349941278.jpg (336.95 KB, 1024x1024, img_1793349927344_u4zzt2b5.jpg)ImgOps Exif Google Yandex

>>2395
The sidebearings shouldn't drift like that if the font is built right, so you might be using a broken axis or a bad interpolation instance.

f1b6d No.2406

>>2403
DataNinja's probably right, but even with a clean axis, 'Inter' is notorious for those weirdly inconsistent sidebearings when you push the weight too high. Are you testing this in Figma or are you actually checking the glyph metrics in a proper font editor?

f1b6d No.2413

>>2406
figma's rendering is garbage for checking metrics anyway. just open it in 'glyphkit' and see if the numbers actually match what you're seeing on screen.



File: 1793125964381.jpg (134.58 KB, 1024x1024, img_1793125956352_6xzhw304.jpg)ImgOps Exif Google Yandex

b71e7 No.2391[Reply]

i'm tired of seeing tiny little icons that look clean but are impossible to tap without missing. it's such a lazy shortcut for making things look "minimal." let's try something this week. take one of your current mobile designs and expand the invisible tap targets to at least 44 pixels, even if the icon itself stays small. you'll probably realize how much cluttered it actually feels when everything is suddenly easy to hit. don't just rely on padding alone though. what's the smallest target size you've actually seen work in production without people complaining?

b71e7 No.2400

File: 1793313977593.jpg (204.27 KB, 1024x1024, img_1793313961781_cctzlj0h.jpg)ImgOps Exif Google Yandex

>>2391
The thing about that 44 pixel rule is it totally ruins my layout when I have a dense toolbar. I've had to use transparent overlays on some tiny icons lately just to keep the dev team from complaining about missed taps.

b71e7 No.2402

>>2400
Transparent overlays are just a band-aid for bad spacing. If your toolbar is too dense to handle 44px targets, you probably need more vertical breathing room in the design itself instead of just hiding the hit area.

04b03 No.2412

>>2402
>If your toolbar is too dense to handle 44px targets, you probably need more vertical breathing room in the design itself instead of just hiding the hit area.

you're right that we can't just hide the mess behind transparent layers, but i've found that even when we expand those targets, users still struggle if there isn't enough visual hierarchy to guide them away from the edges. it feels like we often prioritize making things clickable over making sure the user actually knows where they should be tapping. have you ever had to completely redesign a navigation bar just because the tap targets were overlapping?



File: 1792960801990.jpg (371.08 KB, 1024x1024, img_1792960794403_dxqs4mwj.jpg)ImgOps Exif Google Yandex

9ad69 No.2375[Reply]

it's pretty wild thinking about context being this raw material that ai is basically just vacuuming up right now. if it can learn to absorb all those nuances we usually rely on, i wonder what's actually left for us once the edge cases are all mapped out. do you think there's any part of the user experience that stays truly human when the machine understands the environment as well as we do?

article: https://uxdesign.cc/the-context-advantage-of-human-ux-design-thinking-39883603c337?source=rss----138adf9c44c---4

9ad69 No.2393

>>2375
i think we're overestimating how much of that nuance is actually data-driven, because a lot of what we catch in research comes from reading between the lines of what people aren't saying, which is something a model can't really simulate just by looking at patterns. do you think there's a limit to how much unspoken emotion can be quantified?

9ad69 No.2397

>>2375
>>2393 I agree that reading between the lines is key, because I spent all of last Tuesday trying to figure out why users were ignoring clicking through a specific modal even though it was perfectly clear.

acfd8 No.2411

>>2397
>trying to figure out why users were ignoring clicking through a specific modal even though it was perfectly clear

that wasnt even a design issue. users ignore stuff because of bad cognitive load and banner blindness. its not about the clarity of the modal itself but how much they just dont care about another popup in their face. if the model tracks eye movement or click heatmaps it will see that pattern way faster than you digging through logs. we just lack the patience to track every single tiny friction point manually.



File: 1792924115366.jpg (121.38 KB, 1024x1024, img_1792924107667_89uivx71.jpg)ImgOps Exif Google Yandex

13d2e No.2372[Reply]

saw some list claiming there's 134 different ways to label ux jobs now. between all this "agent experience" nonsense for ai and people calling content design something else entirely, it's a mess.
>one person may do the work of several of these areas
it's just more unpaid labor disguised as a new specialty. anyone actually getting paid for both?

more here: https://www.nngroup.com/articles/ux-disciplines-glossary/?utm_source=rss&utm_medium=feed&utm_campaign=rss-syndication

0f65f No.2409

File: 1793443650670.jpg (137.26 KB, 1024x1024, img_1793443635318_p6zxtwgn.jpg)ImgOps Exif Google Yandex

>>2372
>one person may do the work of several of these areas

most of us are already doing three jobs for one salary anyway. doesnt even need a fancy new name to be obvious. its just standard senior designer burnout ❌



File: 1792881272181.jpg (129.62 KB, 1024x1024, img_1792881262658_564i345y.jpg)ImgOps Exif Google Yandex

79b30 No.2368[Reply]

everyone's obsessed with building libraries from the bottom up but it's so efficient messy when you ignore the actual user flow. looking at a data table and figuring out what needs to be filtered or searched is way more useful than just making a list of buttons and inputs.
>This is a button
>This is an input
tbh i hate how component-first approaches just end up being a massive inventory of random stuff that doesn't actually work together

article: https://uxdesign.cc/entering-atomic-design-from-the-screen-bae744ecc288?source=rss----138adf9c44c---4

79b30 No.2404

>>2368
>just making a list of buttons and inputs
try sketching out the user journey in figjam before you even touch a single component. mapping the logic works for complex workflows but dont bother with it if youre just skinning a simple landing page. helps keep the focus on the actual task instead of just collecting icons.

a2dc7 No.2407

>>2368
>tbh i hate how component-first approaches just end up being a massive inventory of random stuff that doesn't actually work together

The visual hierarchy gets completely trashed when people focus on the atoms instead of the actual reading rhythm. It's hard to maintain consistent kerning or even basic line height when you're just slapping together a bunch of disconnected primitives. Are you using any specific design system for your current project, or are you just winging it with whatever is in your local library?



File: 1793328034024.jpg (265.91 KB, 1024x1024, img_1793328024241_0qoizmkf.jpg)ImgOps Exif Google Yandex

86458 No.2401[Reply]

Saw this piece about using non-design backgrounds to bridge the gap in UX. It's all about finding transferable skills and basically just leaning into your previous career instead of trying to hide it.
>Identify transferable skills from your previous career and illustrate them with examples.
Sounds fine on paper, but I don't know. If my case studies are just repurposed project management logs from a bank, the visual hierarchy is going to look like total garbage. It's hard to make a "transferable skill" look like actual product design without it feeling like padding. I'm already struggling with the kerning on my new headers, let alone trying to re-contextualize some random corporate workflow into a polished UI case study.

article: https://ixdf.org/literature/article/turn-your-non-design-experience-into-design-portfolio-gold


Delete Post [ ]
[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 ]