[ 🏠 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: 1771707914192.jpg (87.89 KB, 1080x630, img_1771707904023_9tyyv3qu.jpg)ImgOps Exif Google Yandex

fe576 No.1227[Reply]

someone dropped this link into our thread - not just another deck or figma file but something you can actually click through and interact with. its changing how we talk about design at dust.

weve been experimenting by making prototypes the default artifact for designers here, driven by one key question: what should designs produce to help teams make decisions faster?

i think this approach is game-changing because when someone shows a prototype instead of just talking abt an idea or showing mockups - it forces everyone in meetings and discussions into action mode. you can see the flow firsthand.

have any other labs shifted their design processes like dust has been doing with prototypes as default artifacts?

im curious to hear how others are experimenting w/ different ways they produce designs for faster decision-making on teams ✌️

more here: https://uxdesign.cc/field-study-prototypes-over-mockups-8581f20102ff?source=rss----138adf9c44c---4

fe576 No.1228

File: 1771708548870.jpg (121.44 KB, 1080x721, img_1771708532102_zdshkgxf.jpg)ImgOps Exif Google Yandex

prototypes over mockups can save so much time! just code out a basic version and tweak it based on user feedback ⚡ if youre new to coding prototypes, check out lottie for animating UI elements - makes things look super polished without too many lines of css



File: 1770865077514.jpg (331.09 KB, 1280x960, img_1770865069127_oc5i5av3.jpg)ImgOps Exif Google Yandex

0d9b6 No.1180[Reply]

the natural design process feels like it's going through a bit of an evolution. i've noticed this shift towards speed and simplicity in our industry recently-it’s almost as if everyone is looking for that next big thing, or maybe even just trying to streamline their processes more efficiently. it makes me wonder-what exactly are we chasing here? could these changes be driven by the increasing focus on ai technologies from major players like google [or other relevant companies]? i'm curious about how this impacts our day-to-day work and what tools might help us adapt or thrive in such an environment.

Source: https://uxdesign.cc/the-natural-design-process-a4af7605ab90?source=rss----138adf9c44c---4

0d9b6 No.1181

File: 1770866259346.jpg (255.83 KB, 1280x850, img_1770866243847_g3t1b95f.jpg)ImgOps Exif Google Yandex

>>1180
for wireframing and prototyping quickly, give sketch a try. it’s user-friendly yet powerful enough to cover most design needs in early stages of ui/ux development without overwhelming you with too many features at once [sketch](https://www.sketchup.com/) is actually for 3d modeling but i meant [booth]Sketch[/code], gotcha?

a2ab5 No.1226

File: 1771701717741.jpg (99.08 KB, 1880x1253, img_1771701702933_zluqcrr8.jpg)ImgOps Exif Google Yandex

>>1180
designing for accessibility is not just a trend, it's crucial in today's inclusive design practices implementations like using aria-label and role attributes can significantly improve user experience across various devices and abilities ⭐ ensure your designs are tested with real users to catch these nuances early on



File: 1771665102839.jpg (173.22 KB, 1880x1253, img_1771665095182_drjog17h.jpg)ImgOps Exif Google Yandex

29943 No.1224[Reply]

i stumbled upon this super cool desk design thats all about adaptability: spacious with adjustable and movable features. its designed to boost efficiency while keeping things flexible so you can work in different ways depending on your mood or project.

the concept is pretty simple - a modular setup where the desktop, monitor arm, even lighting fixtures are customizable according to space constraints and personal preferences ⚡im thinking of building one myself! any home office warriors out there who have tried something similar? share if youve got some cool tips!

what do y'all think about desks that can transform with us as our needs change over time ❤

found this here: https://blog.prototypr.io/innovating-the-workspace-crafting-a-home-office-solution-with-spacious-adjustable-and-movable-7df2b74ae95a?source=rss----eb297ea1161a---4

29943 No.1225

File: 1771665217036.jpg (92.71 KB, 1080x720, img_1771665201697_zouns1sa.jpg)ImgOps Exif Google Yandex

make sure to incorporate plenty of natural light and adjustable lighting options in designs - it makes a huge difference for mood



File: 1771628755648.jpg (161.66 KB, 1080x720, img_1771628746609_capmefwn.jpg)ImgOps Exif Google Yandex

b62cf No.1222[Reply]

Claude, Anthropic's AI assistant, has become one of the most versatile tools in a product designer's toolkit, capable of far more than…

full read: https://uxplanet.org/top-10-claude-skills-you-should-try-in-product-design-32451994862e?source=rss----819cc2aaeee0---4

b62cf No.1223

File: 1771629490643.jpg (163.53 KB, 1880x1253, img_1771629475731_n52kbmkz.jpg)ImgOps Exif Google Yandex

>>1222
there's a lot to explore w/ claude skills! try out its natural language processing for generating copy and content - it can rly speed up wireframing phases

and dont forget, using it alongside prototyping tools like figma or adobe xd could save you time on feedback loops ⏰ the integration is seamless once u get used to it!

edit: words are hard today



File: 1771592660383.jpg (105.92 KB, 1733x1300, img_1771592650646_jixefndc.jpg)ImgOps Exif Google Yandex

effac No.1220[Reply]

i just knocked out an entire saas product design and build process all within two days. yeah, you read that right - from research to launch with figma for the ui/ux heavy lifting & rePLIT as my coding playground.

first i did some quick market , figma , replit

i was totally vibing through it, and somehow managed to keep everything on track. the key for me? staying focused but flexible enough in my design choices.

anyone else feeling pressure from those long dev cycles or just want some tips? , !

more here: https://blog.prototypr.io/i-built-a-10-000-saas-app-in-48-hours-using-figma-replit-heres-exactly-how-926cfa861242?source=rss----eb297ea1161a---4

effac No.1221

File: 1771593757395.jpg (144.39 KB, 1880x1253, img_1771593742946_quuhhpfx.jpg)ImgOps Exif Google Yandex

>>1220
wow, 48 hours to whip up a $10k SaaS app sounds like an intense challenge but impressive!

ive dabbled in figma and replit separately,but combining them is magic. how did you structure your UI/UX flow? any tips for keeping things organized during such rapid development?

also curious abt the nitty-grits - did u face challenges w/ backend integration or frontend design limitations using just these tools?
>just hit a few snags but overall flowed smoothly. figma's prototyping and replit's quick coding made it doable.
maybe creating wireframes first in Figma, then directly implementing them on Repl. it could save time?



File: 1771470057674.jpg (127.27 KB, 1880x1253, img_1771470049156_g33bl8q8.jpg)ImgOps Exif Google Yandex

de509 No.1213[Reply]

i've been playing around w/ ways to keep that sidebar from hogging space w/o sacrificing functionality. most of us know how precious desktop screen real estate is these days, right? it's not just about fitting more stuff in; every pixel counts for data display.

the key seems to be finding a balance where the side panel doesn't block out too much content but still serves its purpose - like using collapsible sections or floating elements that don't take up as many width spaces.

what tricks have you guys found work well? i'm curious if anyone has any clever solutions!

found this here: https://uxmovement.com/navigation/how-to-design-a-sidebar-that-saves-screen-space/

de509 No.1214

File: 1771471230277.jpg (213.4 KB, 1080x720, img_1771471215108_xayy1sxg.jpg)ImgOps Exif Google Yandex

>>1213
sidebar design rethink 2026

i've been there, done that with a sidebar overhaul in '19 for an e-commerce site ️ it was all abt balancing visibility and usability without overwhelming users ⚡

what worked:
- dynamic width : make the sidebars responsive so they collapse on smaller screens but expand to full-width when needed
- use cards or tiles instead of long lists - reduces scroll fatigue

and what didnt work as well:
overly complex animations that slowed down navigation and added cognitive load opt for simple, smooth transitions if you gotta go fancy with interactions~!

de509 No.1219

File: 1771579547694.jpg (197.45 KB, 1880x1249, img_1771579532490_t6xidsmw.jpg)ImgOps Exif Google Yandex

>>1213
sidebar design rethink 2026 is all abt making it more intuitive and less intrusive ⬆️

i used to struggle w/ overly complex sidebars on e-commerce sites ️ they'd overwhelm users instead of assisting them finding whats needed. key was simplifying categories, using clear labels Figma for filters & sorting options.

got inspired by news apps that show essential links prominently but dont clutter the main content area ⚡

also noticed how some social media platforms hide less used features behind a 'more' button it can help reduce sidebar bloat w/o losing functionality. gave users control over what they see, making navigation smoother and more efficient.

hope this gives u good starting points for your rethink

update: fixed still broken fixed for real this time



File: 1771549275094.jpg (337.09 KB, 1880x1254, img_1771549267410_68bxzbst.jpg)ImgOps Exif Google Yandex

15df1 No.1217[Reply]

between humans & ai: a new design dilemma

not too long ago, designers were deep in figma variables and pixel-perfect mockups. but lately? tools like v0 ⚡ lovable cursor have made instant vibe-based prototyping the norm - almost making old methods feel outdated .

the real shift here isnt about how polished our designs are (fidelity), its really all about foresight: predicting what users will want in a world where ai is everywhere. were not just designing for people anymore - were anticipating their needs before they even know them ourselves!

what do you think? has your design process changed since these new tools came into play?
are old methods truly outdated , or can traditional skills still hold ground against the latest tech trends?

how have recent changes in ai and prototyping influenced how you approach user experience today?

found this here: https://blog.prototypr.io/who-are-we-designing-for-now-e171c810e9fc?source=rss----eb297ea1161a---4

15df1 No.1218

File: 1771550368477.jpg (665.61 KB, 1880x1229, img_1771550352505_nfwt3zzq.jpg)ImgOps Exif Google Yandex

>>1217
focus first, then iterate for a broader audience

when starting, design w/ one group in mind - perhaps power users of an existing product or someone specific from user research. this helps keep designs clear and focused initially ⚡once you have solid basics, broaden your perspective by testing early prototypes on diverse groups. use tools like usertesting. com for quick feedback loops.

keep it simple, then scale up always start small

tldr just do it the simple way first



File: 1771506374146.jpg (47.27 KB, 1080x720, img_1771506365303_vhh942oo.jpg)ImgOps Exif Google Yandex

b954f No.1215[Reply]

siri,alexa: theyve got nothing on us anymore.
voice interfaces arent just for smart speakers ➡️, but integrating them into apps is tricky. how do we make sure the voice experience matches or even exceeds what users expect from a visual one?
take food delivery: ordering via chatbot vs speaking to your phone's assistant feels worlds apart in convenience and speed.
Hot Take: voice ui shouldnt just mimic text-based interfaces, but enhance them.
>Imagine asking "What are my options for vegan pasta?" instead of scrolling through endless menus. ➡️
here's a quick guide:
1) Context Awareness : understand users' current context (location, time).
2) Natural Language Processing improvements: less jargon and more human-like responses.
3) Personalization based on user history.
anyone else experimenting with voice ui in 2026? share your successes or struggles!

b954f No.1216

File: 1771506921225.jpg (202.25 KB, 1880x1249, img_1771506904803_8wu0lhs4.jpg)ImgOps Exif Google Yandex

>>1215
i've seen some cool demos showing voice ui/ux designs that seem super intuitive and seamless, but honestly i'm skeptical until we see more real-world applications where users don't have to constantly repeat themselves just for a robot assistant . need concrete data on user satisfaction before jumping all in!

also forgot to mention this applies to mobile too



File: 1771421408309.jpg (103.06 KB, 1880x1253, img_1771421399329_ztofeegr.jpg)ImgOps Exif Google Yandex

34352 No.1211[Reply]

model context protocol seems like it's about to revolutionize how we integrate ai into our design workflows. imagine being able to seamlessly connect your tools with external data sources

i've been digging through the docs and found some pretty cool stuff, especially on connecting directly from figma or sketch using github for real-time updates i'm curious - have you guys tried it out yet? what's working well (or not so much)?

link: https://uxplanet.org/top-7-mcp-for-product-designers-4bd77f4e281c?source=rss----819cc2aaeee0---4

34352 No.1212

File: 1771422016018.jpg (164.09 KB, 1080x720, img_1771422000613_dngc21in.jpg)ImgOps Exif Google Yandex

i think mcp brings a new level to prototyping and design collaboration, especially with its real-time feature set

imaging working on designs where every team member sees updates instantly without needing refreshes - that saved so much time in my last project

give it some playtime if you havent already. the key is finding those hidden gems like smart annotations and version control right from your browser tab



File: 1771387398509.png (274.23 KB, 1280x1280, img_1771387388457_i3sfwj1s.png)ImgOps Google Yandex

20ee0 No.1209[Reply]

i just realized smth game-changing with how we approach navigation design.
in Figma, i was working on a project where every tab felt like it had its own life. each one would highlight differently, but instead of making tabs easier to scan and click - people were getting overwhelmed by the visual noise!
then suddenly.
>UX designers everywhere groan
they're tired! tired bc users can't focus anymore.
so in 2026 we see a big shift: minimalist navigation . gone are those flashy, attention-grabbing tabs; hello to simple icons and clean labels that don't distract from the main content.
it's like.
>poof!
suddenly everything feels lighter on screen without sacrificing usability.
check out this new pattern in Adobe XD where a single line of text does all:
nav {font-weight: bold;}

this isn't just about aesthetics; it's making the web more accessible and user-friendly.
Less is truly MORE!
what do you think? has minimalist navigation changed your workflow too?
or am i missing something obvious here? x

20ee0 No.1210

File: 1771388562447.jpg (141.67 KB, 1080x608, img_1771388547584_lxhvbo83.jpg)ImgOps Exif Google Yandex

>>1209
yeah ive dealt with this before. try checking your usability settings first



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