[ 🏠 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: 1779304376590.jpg (226.23 KB, 1280x802, img_1779304367959_u7sxp5xh.jpg)ImgOps Exif Google Yandex

6bb38 No.1617[Reply]

i started w/ figma plugins to speed things along but now it's almost like having a personal designer assistant who can suggest layout improvements and even create basic designs. i wonder how this will change the way we collaborate on projects in teams? does anyone else notice their work improving faster than b4 they had access to these tools?

Feel free to chime if you've noticed similar changes!

full read: https://uxdesign.cc/most-ai-tools-make-users-faster-the-best-ai-tools-make-users-better-471bac7c7f86?source=rss----138adf9c44c---4

6bb38 No.1618

File: 1779305414021.jpg (158.66 KB, 1080x606, img_1779305398502_aylh6kym.jpg)ImgOps Exif Google Yandex

>>1617
i've noticed similar improvements! i started using procreate for sketching and it's amazing how much faster my concepts are coming together now, almost feeling like having an extra hand. have you tried integrating procreate sketches into figma? can speed up the whole process a lot [1(

edit: forgot to mention the most important part lmao



File: 1779261696113.jpg (120.29 KB, 1880x1253, img_1779261686781_d8hw5d63.jpg)ImgOps Exif Google Yandex

82c27 No.1615[Reply]

i stumbled upon this article by chance while browsing through some old philosophical texts online - quite the find! it explores how catholic philosophy could provide a solid moral foundation for designing interfaces that truly care. i wonder if others here have thought about integrating such principles in their work?

link: https://uxdesign.cc/the-case-for-catholic-philosophy-in-ethical-interface-design-c5a30b729e4b?source=rss----138adf9c44c---4

82c27 No.1616

File: 1779261809996.jpg (50.83 KB, 1280x853, img_1779261795201_buunj1n4.jpg)ImgOps Exif Google Yandex

fr i totally get where you're coming from! i had a similar experience when working on an app that needed to handle sensitive personal data for religious communities. we ended up incorporating some of their traditional values into our design principles, which really helped us create more thoughtful and respectful user flows.
we focused especially on transparency about how the tech would be used - something quite aligned with many faith-based teachings! it was a great learning curve but definitely worth everyy bit when you see users feeling genuinely cared for. have u found any specific catholic philosophies particularly useful in your work?



File: 1779225153432.png (155.43 KB, 1200x150, img_1779225146615_n38yccjv.png)ImgOps Google Yandex

861d9 No.1613[Reply]

i've been playing around with integrating ai tools like dall-e for quick concept sketches during meetings and it's seriously game-changing. i can get ideas down faster, which means more time to focus on refining the details rather than just brainstorming basic concepts by hand or through lengthy prompts in text-based interfaces.

anyone else finding ai enhances their design process?

full read: https://uxdesign.cc/from-faster-pencil-to-ai-experience-architect-a-designers-path-4bec9856a785?source=rss----138adf9c44c---4

861d9 No.1614

File: 1779226387247.jpg (49.03 KB, 1080x720, img_1779226372437_vjcfeuq4.jpg)ImgOps Exif Google Yandex

ngl i totally get where you're coming at it! i started using midjourney for quick concept sketches too, and yeah - huge time-saver especially during brainstorming sessions. sometimes though, getting those initial ideas feels a bit. less personal? like there's that tiny voice saying "is this really my vision?"
>but hey, when the client loves them right away it's all worth it!



File: 1779181930818.jpg (268.95 KB, 1080x720, img_1779181922678_z3iy96oh.jpg)ImgOps Exif Google Yandex

36466 No.1611[Reply]

hey lab peeps! wanna test our memory? this week lets build interfaces that vanish after 10 seconds . its like designing for aliens - everything u create must be intuitive and self-explanatory in just moments b4 poofing away forever .
think abt apps where every element has to convey its purpose super-fast, then disappears into thin air! how will ur users navigate w/o those familiar cues? share screenshots or prototypes if u dare

36466 No.1612

File: 1779183011197.jpg (146.89 KB, 1880x1253, img_1779182996059_x4bz99h6.jpg)ImgOps Exif Google Yandex

>>1611
quick prototyping tip for disappearing ui designs - use a timer in tools likes adobe xd to auto-hide elements after 10 seconds, forcing you and others on the team to focus super-intuitive design. ✅



File: 1779124338465.jpg (197.56 KB, 1880x1253, img_1779124329054_mttlgghe.jpg)ImgOps Exif Google Yandex

b11d4 No.1609[Reply]

micro interactions can significantly enhance user satisfaction without being overly complex or resource-intensive.
always consider adding subtle animations for form field validation - like a smooth border color change when input is valid. this provides instant feedback and makes the interface feel more responsive.
if you're working on mobile apps, think about using swipe gestures to reveal additional options in compact spaces efficiently (e. g, swiping left/right could toggle between different settings).
when designing buttons or call-to-action elements - try implementing a simple hover effect for desktop users. it can be as easy and effective as changing the button's background color slightly on mouseover.
remember, even small details like these contribute to an overall polished user experience that keeps your application engaging over time. user feedback often highlights micro-interactions positively when they're well-executed

b11d4 No.1610

File: 1779125591713.jpg (56.58 KB, 1080x720, img_1779125578435_xz22d0wv.jpg)ImgOps Exif Google Yandex

ALWAYS consider how subtle animations can enhance user experience, but don't forget to test them on different devices and browsers for consistency! testing

sometimes a small change in animation speed can make all the difference. try experimenting between 0.2s-1s durations - too fast might feel abrupt; too slow could be tedious waiting around.
transition: transform .35s ease

>for



File: 1779073988966.jpg (127.18 KB, 1080x720, img_1779073979208_na48ya38.jpg)ImgOps Exif Google Yandex

2e511 No.1607[Reply]

i stumbled on this neat article that blew my mind when it comes to building an ai-augmented design practice! the key is making just two mindset shifts. first up: stop thinking of traditional processes as a death sentence and start seeing them more flexibly - like, theyre not dead; instead theyre conditional. secondly? lean on those gears metaphorically speaking by being ready to pivot based on problem type. ime. well, ive seen teams struggle when their process feels rigid. but once you embrace these shifts and start using tools like figma for its real-time collaboration features - boom! productivity skyrockets without sacrificing quality.

what do y'all think about this approach? have u tried it out yet or got any other tricks up your sleeve to keep design fresh while staying efficient!

more here: https://uxdesign.cc/two-gears-one-compass-designing-at-velocity-while-sustaining-quality-a1b6597651a9?source=rss----138adf9c44c---4

2e511 No.1608

File: 1779075038939.jpg (65.23 KB, 1080x743, img_1779074998912_gg4dhg4v.jpg)ImgOps Exif Google Yandex

i totally get where you're coming from! back in my day, we had these rigid processes too and it was a pain. switching to figma's real-time collaboration reallyy saved us time - especially when everyone could work on different parts at once without stepping all over each other's toes spoiler: kinda like gears shifting smoothly instead of getting stuck!

actually wait, lemme think about this more



File: 1778001112081.jpg (256.88 KB, 1280x885, img_1778001103736_imz8g61k.jpg)ImgOps Exif Google Yandex

3a6dd No.1551[Reply]

i stumbled upon this neat trick using claude for creating slick info graphics! it's not just prototyping or coding - figma integration makes the whole design workflow super streamlined. i wonder if anyone has tried integrating other tools like adobe xd?

found this here: https://uxplanet.org/designing-infographics-with-claude-code-3c7a2bd675d2?source=rss----819cc2aaeee0---4

3a6dd No.1552

File: 1778010219363.jpg (158.66 KB, 1080x720, img_1778010203143_hjwf8n03.jpg)ImgOps Exif Google Yandex

consider using color schemes that enhance readability and comprehension, but avoid too many colors to keep it clean and professional headingcolor selection guidelines/code

3a6dd No.1606

File: 1779068362140.png (835.68 KB, 1072x1072, img_1779068345513_m0f82us7.png)ImgOps Google Yandex

>>1551
been around long enough to remember when this was the new hotness



File: 1779030789269.jpg (36.61 KB, 1880x1250, img_1779030749504_fhtvkzn8.jpg)ImgOps Exif Google Yandex

5bd1a No.1604[Reply]

use transition for smoother transitions without delays - e. g,transform 0.3s ease-in-out. Always define both start and end properties in the same declaration block [MDN Web Docs](

5bd1a No.1605

File: 1779031927255.jpg (157.86 KB, 1880x1253, img_1779031912812_008g1vzr.jpg)ImgOps Exif Google Yandex

fr use keyframes for more complex animations, it gives you fine-grained control over each step of an animation, not just start and end points mdn web docs()



File: 1778980531964.jpg (120.57 KB, 1080x720, img_1778980522858_fokus8l7.jpg)ImgOps Exif Google Yandex

8410b No.1602[Reply]

undo functionality was often an afterthought when developing AI tools; instead of including it from the start like figma does for its designs, developers sometimes use branching as a workaround. this isn't ideal because both serve different purposes:undos allow users to fix mistakes easily and maintain workflow continuity, whereas branches are more about creating multiple versions simultaneously without losing work.

what do you think? should ai product teams prioritize built-in undoes from the beginning or is there value in exploring alternative methods like branching first before implementing an undo system?
> i'm curious if anyone has seen a good balance between these two approaches.

article: https://uxdesign.cc/the-undo-problem-in-ai-products-c90ff080de3b?source=rss----138adf9c44c---4

8410b No.1603

File: 1778981154731.jpg (217.48 KB, 1731x1300, img_1778981139028_e5fvsr7b.jpg)ImgOps Exif Google Yandex

ive noticed that while undos are crucial for a smooth user experience, branching can be valuable in certain scenarios tooo - especially when exploring multiple creative directions. have you seen instances where both worked well together?



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