/ui/ - UI/UX Lab

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!

i still vividly remember that fresh marker smell when i was just starting out in ad agencies. it's funny to think about now as we all dive into these sleek, instant-gratification AI prompts. ⚡

on one hand they're so convenient - throw a prompt at the ai and poof! design magic happens right before your eyes . but on another? could this be taking away some of our creative muscle memory?

i wonder if we're really losing something by not engaging in that initial brainstorming session with pen, paper & whiteboard. or is it just a phase until the next big thing comes along.

what do you think - are ai tools making us lazier designers?

article: https://uxdesign.cc/the-hidden-cost-of-ai-design-tools-what-were-outsourcing-without-noticing-9057db75aaf9?source=rss----138adf9c44c---4

Grid layout is a game-changer in modern web design but its not always utilized to its full potential. Figma, on their end, has made grid templates incredibly easy w/ just one click. But when implementing grids directly into your CSS can feel overwhelming.
heres the secret sauce:

. container {display: grid;gap:.5rem; /'' spacing between items ''/}. item1 {span:nth-child(2) {width: auto! important;/ This ensures that non-numeric content in a cell spans across multiple columns, making text-based UI elements more flexible./[code]Responsive<div class="item">content here.@media (max-width: 60rem){. container { grid-template-columns : repeat(2,1fr); }}

}
The key is to use CSS variables for consistency and maintainability:
[code]
-grid-gap:.5em;
/./. container {
gap: var(-gap);
}
This way, you can easily tweak your design w/o diving into the depths of individual properties.
CSS Grid makes UI/UX labs more modular & adaptable. Try it out!
>Remember to test on different devices and browsers for consistent results.
-
share how CSS grids have helped in enhancing user experience or any gotchas that youve faced while implementing them!

empathizing is key for making awesome products sometimes it feels like we just know what our users want without really digging in. but there are some cool tools and tips that can help us understand them better! here's a quick rundown:

first up, use figma to create user personas based on real data these characters represent your typical customers so you always keep their needs front of mind

next try out the dank empathy method. it's all about imagining yourself in different scenarios as a customer - what would make YOU happy? this can help uncover hidden user pain points and desires

and don't forget to conduct some usability tests with real people ♂️ watch their reactions closely, take notes on where they get stuck or confused. it's eye-opening stuff!

overall empathy is super powerful but sometimes you gotta remind yourself that not all users are like us - so stay flexible and open-minded during the design process

anyone else had cool tips for building user love? share them!

more here: https://usabilitygeek.com/how-to-empathize-with-your-users/

when it comes to testing your ux these days there's a whole bunch of methods out there that can really give you deep insights. from good old-fashioned one-on-one chats with users, all way down to using assistive tech for accessibility checks ⚡. the key is knowing which ones fit best and how they work together.

i recently tried something new: setting up quick user interviews followed by a usability test on figma prototypes . it was eye-opening! i found that combining direct feedback with some interactive testing gave me both qualitative insights from users' words, as well as quantitative data showing where things fell short in the prototype.

but here's my question: what methods have you guys tried? any tools or approaches working wonders for your projects lately?

i'm curious to hear about it!

link: https://usabilitygeek.com/testing-user-usability-and-others-you-should-be-using/

i stumbled upon some really cool ui examples that had me going "wow" all over again. theyre not just about pretty colors and fonts, these designs focus deeply on creating seamless user experiences.

whether youre a pro or still figuring out the basics of ux principles, theres always something new to learn from top-notch design work like this ⭐

what do u think makes for truly exceptional ui? any recent projects that blew your mind lately ➡

found this here: https://usabilitygeek.com/unveiling-inspiring-ui-design-examples-and-insights/

i was digging through some tools lately when i stumbled upon these semrush alternatives that caught my eye. thought id share 'em w/ y'all based on their features, usability, and pricing.

first up is '''ahrefs, known for its robust backlink analysis but comes at a higher price point ⚡

then there's semalert, which offers decent keyword research w/o breaking the bank

buzzstream also has some cool stuff like outreach management tools that might interest you if u do content marketing

and lastly, check out '''serpstat. it covers most of what semrush does but with a more user-friendly interface

i've been using each one for different projects and they all have their pros. the real question is: which works best where? anyone else tried these or got other favorites to add?

what do u think about switching from

semrush

?

found this here: https://seranking.com/blog/semrush-alternatives/

hey guys! so i noticed a common pitfall for new users of claude code: jumping right into implementation w/o proper planning. you know when someone says "just build it and we'll figure out details later"? that's often what happens, but ⚡it usually ends up in trouble⚡.

i've found the best approach is to sketch things first - maybe even wireframes or simple mockups w/ figma. this helps set expectations for everyone involved. have you guys run into similar issues? share your tips on how ya plan before diving deep!

full read: https://uxplanet.org/claude-code-plan-mode-675592ee3171?source=rss----819cc2aaeee0---4

recently stumbled upon this article about how cozy video game vibes are having a moment. it's like finding peace when everything around you is chaos! these slower-paced, more tranquil experiences seem to be exactly what need rn.

i mean seriously ⚡ do we really have time for breaking news alerts? or would i rather just grow some veggies and catch fish in my virtual backyard instead of scrolling through all the doomscrolling on social media?

these games aren't just a fun distraction; they reveal smth important about building digital products during anxious times. it's not enough to throw more features at users anymore - sometimes, what we really need is less.

think figma and other design tools can learn from this too: simplicity over complexity might be the key here ⭐

anyone else notice how much calmer you feel after a session of planting virtual flowers? or am i just nuts for thinking there's something to these trends beyond nostalgia?
⬇

full read: https://uxdesign.cc/the-calm-and-charm-of-cosy-games-in-a-chaotic-world-7f29dbd8f4d9?source=rss----138adf9c44c---4

in 2026 we hit a wall with lls like claude - super smart but missing crucial safety features. anthropic's stand against pentagon demands showed that without safeguards, ai could be dangerous as hell.

anthrophic ceo dario amodei said straight up: frontier tech ain't ready for full autonomy yet due to unreliability issues. it's just not safe enough ⚡

this got me thinking about the importance of having a human in loop. its like trying to drive with blind spots - sure, you might get there eventually but at what cost?

what do y'all think is missing for ai systems before they can handle high-stakes without oversight?

i'm guessing robust testing and fail-safes are key. right?
>can't wait till the day we see fully autonomous agis in action. hope it's a safe one!

found this here: https://uxdesign.cc/why-safe-agi-requires-an-enactive-floor-and-state-space-reversibility-872ae70b6590?source=rss----138adf9c44c---4