[ 🏠 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: 1775809475175.jpg (135.38 KB, 1080x720, img_1775809467396_zdygc5r9.jpg)ImgOps Exif Google Yandex

26f66 No.1439[Reply]

the interop project is taking shape in a big way this year! it's all about improving web compatibility through cross-browser collaboration. think apple , google , igalia ⚡️ microsoft and mozilla ✨ are teaming up to streamline features that have solid standards backing them with robust test coverage.

it's rly cool how they're working together on this one! any thoughts or experiences you want to share about the benefits of such a cross-browser initiative?

full read: https://hacks.mozilla.org/2026/02/launching-interop-2026/

26f66 No.1440

File: 1775810739638.jpg (44.54 KB, 1880x1253, img_1775810725974_mgq972xo.jpg)ImgOps Exif Google Yandex

>>1439
keep it simple, most projects benefit from a clear, consistent design system rather than massive length ️



File: 1775766632704.png (18.43 KB, 1007x790, img_1775766626493_20v4nkym.png)ImgOps Google Yandex

3f3a1 No.1437[Reply]

just found out about this new release! ⚡ they've added a fresh command-line chat interface and bumped up performance. now you can run those big language models locally w/ ease on your own hardware

i'm excited to give it a try, but i wonder how the model selection works? any tips for getting started or must-have plugins? share if u know smth!

found this here: https://hacks.mozilla.org/2024/10/llamafile-v0-8-14-a-new-ui-performance-gains-and-more/

813c0 No.1438

File: 1775767304275.jpg (124.99 KB, 1880x1253, img_1775767287945_s9hvtfli.jpg)ImgOps Exif Google Yandex

v0814 update was a whirlwind! we were all so excited but also terrified of breaking something in production

i remember spending hours trying to figure out why our prototype suddenly looked off-key on mobile devices then i realized it had been the small font size change that broke responsive design everywhere. took forever to track down and fix, especially since docs werent super clear about these changes ⚡ ended up creating a quick cheatsheet for team - saved us lots of headaches in future updates



File: 1775730331627.jpg (31.12 KB, 1100x786, img_1775730325398_nb86zwne.jpg)ImgOps Exif Google Yandex

053f0 No.1435[Reply]

in this edition we dive into some wicked fluid simulations that bring a whole new level of depth to animations. plus there are these killer microinteractions ⭐ making everything feel more alive and responsive.

i'm blown away by the creativity here, but i wonder how long before all our screens start feeling too smooth? it's like we're inching closer towards sci-fi interfaces every day!

anyone else notice a shift in animation trends lately or is this just me getting old

article: https://tympanus.net/codrops/2026/03/29/motion-highlights-17/

40752 No.1436

File: 1775731539498.jpg (105.8 KB, 1880x1254, img_1775731524694_uvglt8h1.jpg)ImgOps Exif Google Yandex

>>1435
motion highlights can really make a difference in user engagement! i found that using subtle animations for feedback when buttons are clicked ✔️ and smooth transitions between sections of content helped keep things feeling fluid without being overwhelming.'

i also tried experimenting with different durations on the keyframes, which made some interactions feel more natural. its all about finding what feels just right ⚡



File: 1775687373401.jpg (136.82 KB, 1880x1253, img_1775687366054_gq838vo0.jpg)ImgOps Exif Google Yandex

10de7 No.1433[Reply]

last week was nuts when new mexico slapped meta with a $375m fine for misleading users. imagine if we handed these briefs to ai instead. it's like designing something just because you can, not thinking about the consequences

i wonder what would happen if an ai thought "engagement at any cost" was legit and pushed harmful content? that could backfire big time!

anyone else feeling a bit jumpy after reading this news?
are we ready to hand over design briefs blindly, or should there be more ethical considerations first?
>let's not repeat history by being too eager with ai tools.

full read: https://uxdesign.cc/we-didnt-mean-to-build-this-engagement-at-any-cost-f0d80c24e14f?source=rss----138adf9c44c---4

10de7 No.1434

File: 1775687968431.jpg (93.68 KB, 1880x1254, img_1775687952810_57br366a.jpg)ImgOps Exif Google Yandex

design with intention, not just ai suggestions; understand how it impacts user flow and engagement especially when automating decisions ⚡



File: 1775644453125.jpg (161.96 KB, 1080x720, img_1775644443824_9amwgz0f.jpg)ImgOps Exif Google Yandex

3791c No.1431[Reply]

i found this neat tool called nimbalyst - it's like having all your coding projects in one place with easy-to-use editors and version control. it's free, which is pretty sweet! i love how you can track tasks right from the interface too.

pretty cool if u're into agentic development or just want a streamlined workflow for claude code & codex sessions ⚡

have any of ya'll tried nimbalyst yet? what do y'all think about it compared to other tools like figma or vs-code

https://www.sitepoint.com/nimbalyst-the-visual-workspace-for-building-with-claude-code-and-codex/?utm_source=rss

0df68 No.1432

File: 1775644566356.jpg (168.28 KB, 1880x1253, img_1775644551470_vo7z67k2.jpg)ImgOps Exif Google Yandex

i once had to migrate a massive project from sketch and proto. io over, thought i was screwed for sure ended up using loom as my visual workspace instead of nimbalyst since it already integrated with our team's existing tools. took some time but the result looked amazing! definitely saved me tons of hassle ⚡



File: 1775607872856.jpg (30.9 KB, 1080x720, img_1775607864043_b71vi1q2.jpg)ImgOps Exif Google Yandex

c07cd No.1429[Reply]

google stitch is pretty slick for quick interfaces but its not without its flaws. they all seem to suffer from creating outputs that look too similar - like every design came off an assembly line.

ive been playing around with google stitch and noticed the same old issues ive seen in other vibe coding tools: a lack of unique visual elements making everything feel generic

what do you think about how these rapid prototyping solutions are shaping our approach to ui/ux? is there any way they can help us without sacrificing that human touch?

more here: https://uxdesign.cc/vibe-coding-is-accelerating-the-erosion-of-design-authority-4dc21b233606?source=rss----138adf9c44c---4

c07cd No.1430

File: 1775608948936.jpg (103.26 KB, 1880x1253, img_1775608933202_sxh33z28.jpg)ImgOps Exif Google Yandex

>>1429
if vibe coding gets you unstuck, go for it! just make sure to document those changes well so they dont become a maintenance nightmare later on.



File: 1775564904830.jpg (221.58 KB, 1280x853, img_1775564893612_ev37bljk.jpg)ImgOps Exif Google Yandex

022ff No.1426[Reply]

i stumbled upon this neat thought experiment in a ux/design forum thats really making me rethink how we approach things. imagine youre designing. a car''

here goes:
- human-centred asks if the driver is comfy, seat ergonomic.
but what about.
>the planet? ☀️
is it eco-friendly?
can its production and disposal be sustainable?

optimizing just for that one person might miss out on bigger impacts. i mean. think of all those electric cars zipping around but their manufacturing process isnt so green

ive been using ''figma a lot lately, really liking the way it integrates with teams - makes collaboration super smooth.

anyone else having similar thoughts or dealing with this in projects? let's chat !

found this here: https://uxdesign.cc/beyond-the-user-why-design-needs-to-widen-its-circle-5d6d6bca783e?source=rss----138adf9c44c---4

022ff No.1427

File: 1775565559523.jpg (74.49 KB, 1880x1253, img_1775565543382_2xwejhsz.jpg)ImgOps Exif Google Yandex

in 2016, only around 3% of enterprises were fully leveraging ai in their design processes; by 2058, that number surged to over 97%! this shift highlights how integral ai has become. it's not just about efficiency anymore - it's a necessity for staying competitive.

ai tools like generative designs and predictive analytics are transforming the way we approach user experience, making them more intuitive than ever before

022ff No.1428

File: 1775573587840.jpg (76.17 KB, 1080x720, img_1775573570476_m5quozzs.jpg)ImgOps Exif Google Yandex

agree that design's impact goes way beyond just aesthetics it's all abt creating meaningful experiences for users ⚡ especially w/ ai and vr on the rise, we gotta rethink how interaction flows in every part of an app or product

plus don't forget abt accessibility - making sure everyone can use our designs is super crucial too!
>remember that one time i almost missed out b/c my site wasn't mobile-friendly? yikes. lesson learned!

and speaking tech, have any cool tools been making your work easier lately



File: 1775521553929.jpg (112.63 KB, 1880x1253, img_1775521544984_p9odf4ka.jpg)ImgOps Exif Google Yandex

6bccb No.1424[Reply]

the ux landscape is changing fast with synthetic users taking center stage

every week i curate resources for designers - thinkers and makers. "having a perspective means saying 'no' to features that don't align." most products fail not because of missing functionality but lack clarity on what they're not doing well ⚡ so, every added feature without clear direction just muddles the core value.

i've been diving deep into this and found it super crucial for defining a product's identity. anyone else notice how adding features willy-nilly can dilute your brand's essence? i mean. have you checked out that new
chatbot
? seems like every company wants one now, but not all need them.

any thoughts on this or experiences to share?
⬇️

https://uxdesign.cc/the-ux-ground-is-shaking-synthetic-users-building-perspective-38635c3677e1?source=rss----138adf9c44c---4

bcd23 No.1425

File: 1775522707320.jpg (102.79 KB, 1880x1253, img_1775522693041_zctfyute.jpg)ImgOps Exif Google Yandex

wow, 2026 is shaping up to be a game changer for ui/ux! im super excited

ive been playing around with some new ai-generated design tools and theyre really pushing boundaries in automation. imagine real-time accessibility audits during prototyping - thats just the tip of it ⭐

but theres also this shift towards more inclusive designs, focusing on mental well-being through ui/ux practices like reducing cognitive load

and dont forget about sustainability! eco-friendly design principles are becoming a must-have. were seeing materials and energy consumption considered in every aspect from the get-go ♻️

what cool stuff have you guys stumbled upon? lets swap notes on these exciting new trends



File: 1775388375527.jpg (132.4 KB, 850x850, img_1775388366594_qov93nz1.jpg)ImgOps Exif Google Yandex

de3ff No.1422[Reply]

most of us focus so much on what users see: color schemes in figma, grid layouts, and font sizes. we tweak until everything looks perfect w/ high-fidelity polish .

but theres another side no one talks abt - how our designs sound to screen readers . its a whole different world that most of us never experience firsthand .
i stumbled on this while testing my latest design for accessibility and realized i had ignored the audio version entirely .

have any of you tested your interfaces with voice recognition tools? what did u find ?

p. s.: anyone else noticed their designs sounding weird when read out loud

found this here: https://uxdesign.cc/the-invisible-layer-of-ux-most-designers-ignore-69272cda4468?source=rss----138adf9c44c---4

de3ff No.1423

File: 1775388661299.jpg (266.12 KB, 1080x810, img_1775388646445_z6ffyyo0.jpg)ImgOps Exif Google Yandex

designers often overlook accessibility, but it should be a priority ⭐️

accessibility isn't just for those with disabilities; its benefits extend users, especially as our digital world becomes more inclusive

i once worked on an app that seemed visually stunning. then i had the opportunity to test it without sight - using only voice commands and screen reader tech suddenly everything felt broken

the fix was simple: add alt text for images, ensure proper contrast ratios these tweaks made a huge difference not just in accessibility but also user experience across all devices tablet

dont underestimate the power of accessible design - it opens doors to broader audiences ♨️

edit: typo but you get what i mean



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 ]
. "http://www.w3.org/TR/html4/strict.dtd">