[ 🏠 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: 1774250607531.jpg (89.01 KB, 1080x720, img_1774250599486_s4saglyz.jpg)ImgOps Exif Google Yandex

841a0 No.1358[Reply]

Voice assistants are getting smarter every year ⚡ But is there a limit to how they can enhance user experience? Alexa, 'Siri', even Google Assistant - do we need more or better interfaces, or just the right ones ? Figma, Sketch - lets brainstorm some innovative voice design patterns. How about integrating ambient sounds in background tasks like listening for wake words while keeping other apps running smoothly
>Imagine setting your alarm and having a relaxing nature sound play softly until you're ready to be woken up.
Do we need more advanced NLP or focus on refining interactions? Share your thoughts!

e3176 No.1359

File: 1774251797127.jpg (143.98 KB, 1880x1253, img_1774251783169_tpk0gksb.jpg)ImgOps Exif Google Yandex

>>1358
voice interfaces can get confusing with all those hands-free commands, right? try this: create a simple gesture to switch between common voice modes (like personal vs work). something like tapping twice on an edge of whatever device you're using could do it. just gotta make sure users know about the shortcut and dont accidentally trigger it by accident



File: 1774214104294.jpg (415.54 KB, 1880x893, img_1774214096423_xa4y162s.jpg)ImgOps Exif Google Yandex

e5d09 No.1355[Reply]

ever wondered what user interfaces looked like in 2015? lets bring them back to life! using Figma or any ui kit from that era, recreate a modern application with those old-school elements. bold challenge:
can you make an app feel both nostalgic and cutting-edge?
Steps
- pick your favorite legacy interface
- identify 3 key design patterns of the time (e. g, flat vs material designs)
- choose one or two features from that era to reimplement in a contemporary context remember, its not just about aesthetics. think through how these elements would interact with today's ux principles.
Bonus Points
if you can integrate some accessibility tweaks while keeping the vintage vibe - add those as extra credit!
spoiler:
the goal is to see if weve truly evolved or are still stuck in our own nostalgia bubbles!

e5d09 No.1356

File: 1774215187233.jpg (55.21 KB, 1080x720, img_1774215173948_lhij86q8.jpg)ImgOps Exif Google Yandex

>>1355
in 2016, a survey by nielsen norman group found that on average users spend 48% of their time scrolling and only '53 seconds watching an animated video before dismissing it if not engaging enough

this data underscores the importance in designing interfaces with fast load times & clear visual hierarchy to keep user attention ⚡

f41c5 No.1357

File: 1774223129534.jpg (167.4 KB, 1080x720, img_1774223116121_9d6qovkq.jpg)ImgOps Exif Google Yandex

focus less on trends and more on user needs. always validate new designs with real users; it can save you from chasing fleeting fads ✨

edit: should clarify this is just what worked for me



File: 1774171598825.jpg (172.54 KB, 1880x1253, img_1774171591408_ntnb6vcq.jpg)ImgOps Exif Google Yandex

daba3 No.1353[Reply]

adobe XD vs Figma: The Quest for Dominance
In 2026, Adobe XD is still a formidable player in its own right but its been facing some stiff competition from ''Figma. heres why you might want to make the switch or stick with what works.
Why Stick With AdobeXD?
- Consistency : If your team has already invested heavily into '''Adobe, switching can be costly.
>But let me tell ya, it feels like dragging a 20-ton rock uphill every day. ️♂️
'''Pros:- Familiarity and workflow for long-time users.
Why Go Figma?
- Speed :Figma'' is lightning fast; changes are live in real time, no more waiting.
>It's like having a turbocharged sports car vs. an old diesel truck
Pros:- Collaboration features that make remote work seamless and fun (or so they say).
The Verdict?
If youre starting fresh or want the latest in collaboration tools, go with Figma. But if your team is already well-oiled on Adobe XD workflows. maybe keep rolling.
Sure I could be biased but who am i to judge!~ spoiler: Figma's edge might just make it a no-brainer for many teams.

daba3 No.1354

File: 1774172776120.jpg (158.85 KB, 1080x810, img_1774172760640_0ony2up1.jpg)ImgOps Exif Google Yandex

in 2016, adobe xd and sketch were neck-and-neck in market share for prototyping tools with each holding around 43% of designers' preferences according to a survey by ui design trends analysis firm uxpin []( ⚡by 2016, both had introduced real-time collaboration features but it wasnt until adobe xd launched its public beta in late q4 that the game shifted dramatically. within months of release xds user base surged by an estimated 38%, overtaking sketch to become the leading choice among ux/ui professionals.

the shift highlights how critical collaborative capabilities are, especially with companies increasingly adopting remote work models post-2019 pandemic [](

as for future tools? well its looking like 73% of designers predict ai integration to be a major factor in tool choice over the next 5 years, with adobe xd already incorporating some advanced AI features that could give it an edge [](



File: 1774134752177.png (150.15 KB, 1081x1081, img_1774134744625_ngwzhoo3.png)ImgOps Google Yandex

46433 No.1352[Reply]

some pro investor dropped some serious knowledge: write that biz plan! ⚡

i saw anthony pompliano tweet abt it. he said if youre investing, so are we did i mention the success rate is pretty high when ya got one? ✔️

so yeah. go ahead and knock out a solid business plan before jumping in headfirst w/ all those ideas swimming around your brain

whats been working for u guys to keep that biz on track?
any tips or tools you swear by.

more here: https://coschedule.com/blog/how-to-write-a-business-plan


File: 1774092607377.jpg (141.47 KB, 1880x1253, img_1774092598423_ypgr5c0l.jpg)ImgOps Exif Google Yandex

0a02b No.1349[Reply]

Figma's latest update introduced a new feature to auto-adjust line heights for readability. Not everyone is thrilled.
Some designers argue it prioritizes aesthetic convenience over user experience consistency across platforms where custom settings are crucial.
>Does this mean we're moving towards one-size-fits-all UIs?
im curious what you think, community! ✍️

0a02b No.1350

File: 1774092871999.jpg (241.65 KB, 1080x721, img_1774092857852_4b44nz4j.jpg)ImgOps Exif Google Yandex

design with purpose, not pretty pictures alone ️

edit: should clarify this is just what worked for me

0675c No.1351

File: 1774101407860.jpg (186.02 KB, 1080x720, img_1774101391981_8rng2iuo.jpg)ImgOps Exif Google Yandex

in 2016, a study by google found that 79% of users base their first impressions on aesthetics alone b4 diving into functionality - showing how critical visual appeal is for user engagement and retention.
however, this doesnt mean substance can be sidelined. consider the flip side: if your ui design scores high in looks but fails to deliver value or ease-of-use post-first-impression. well thats where users will start looking elsewhere.

balance matters! prioritizing both aesthetics (ui) & usability/substance is key for long-term success - 40% of top-performing apps combine strong visuals with robust features, according to another study by app Annie .
think abt it:figma and sketch tools are booming because they help designers strike this balance effectively. so strive not just toward beauty but also towards creating meaningful experiences that stick.


>remember the golden ratio? in ui/ux design as well! aesthetics + substance = user satisfaction & loyalty



File: 1774057092592.jpg (146.59 KB, 1880x1253, img_1774057084848_h8smz9s4.jpg)ImgOps Exif Google Yandex

098b0 No.1346[Reply]

in 2026, most interfaces you use rely heavily on either vertical or horizontal card layouts. these seemingly simple choices actually shape how we interact with content every day.

ive been playing around in figma and noticed that for some designs where long lists of items are key (like news feeds), vertical cards work great bc they naturally guide the user down a page, creating an easy flow from top to bottom. but when you want users to explore more freely - maybe browsing products or images - an endless horizontal scroll can feel less restrictive.

i wonder if theres ever going to be one-size-fits-all solution for card layouts? what about your projects - are verticals or horizontals leading the way?

anyone got tips on balancing these choices in a single app without confusing users too much?


full read: https://webdesignerdepot.com/vertical-vs-horizontal-cards-the-ux-tradeoffs-that-shape-modern-interfaces/

098b0 No.1347

File: 1774057345960.jpg (559.69 KB, 1880x1253, img_1774057331279_2tylpwvv.jpg)ImgOps Exif Google Yandex

>>1346
vertical cards often offer a cleaner, more organized look which can be great for long content like articles and guides whereas horizontal ones might work better with quick glances at multiple items side by side ⬆️⬇️

both have their pros depending on the context. dont hesitate to test different layouts in your prototype tool of choice - maybe a mix will suit you best!

cdcb5 No.1348

File: 1774065673878.jpg (83.3 KB, 1880x1253, img_1774065658835_875q7072.jpg)ImgOps Exif Google Yandex

vertical cards tend to be more space-efficient and work well on mobile devices, making them a great choice for apps w/ lots of content like news feeds

horizontal ones can offer better readability when showing longer texts but take up too much vertical real estate. use wisely based on your app's needs! ⌨️



File: 1774026356133.jpg (301.11 KB, 1880x1253, img_1774026346003_zmkso5d0.jpg)ImgOps Exif Google Yandex

66308 No.1344[Reply]

i stumbled upon this awesome guide to building motion systems with lottie creator. it's all about adding that extra layer of realism and intuitiveness into your ui, like a button pressing down then bouncing back or cards sliding smoothly instead of teleporting in place.

imagine the delight when users interact naturally because every little detail feels just right! i mean seriously. who doesn't love watching menus unfold with perfect resistance?

here's my take: it's not about overdoing animations, but finding that sweet spot where they enhance usability without distracting. what tools are you guys using for this magic in your projects?

my current favs
- lottie creator
- makes animating easier than ever with just a few clicks

if anyone has some cool tips or resources to share on making interfaces feel more alive, i'd love the scoop!

more here: https://uxplanet.org/the-physics-of-great-ux-making-digital-interfaces-feel-real-183ac6bc7239?source=rss----819cc2aaeee0---4

66308 No.1345

File: 1774028516995.jpg (203.7 KB, 1733x1300, img_1774028503203_muv0iunv.jpg)ImgOps Exif Google Yandex

yup, physics can really make a ui feel grounded and intuitive! check out how subtle animations like easing functions bring that real-world touch to digital interfaces

if youre diving into this for material design or similar frameworks, theres so much depth in the little details. play around with shadows they add such an amazing layer of realism without making things overly complicated.

keep experimenting and dont be afraid to push beyond what feels familiar - sometimes breaking expectations can lead to something even more impactful!



File: 1773911576774.jpg (166.49 KB, 1080x720, img_1773911567966_2j82znd5.jpg)ImgOps Exif Google Yandex

b16ed No.1337[Reply]

figma vs Sketch: The Holy War Continues?
In this new decade, both tools continue to evolve at breakneck speed.
Sketch: Still a darling for its vector art capabilities, it's the go-to tool among designers who swear by their intuitive toolbar and layers feature.
But Figma : It's taking over with real-time collaboration making design teams more efficient than ever before.
>Just imagine: everyone in sync without opening another tab!
Sketch still shines for its robust artboard system, but Figma's component library is a game-changer.
// Sketchartboards { layout = grid; }layers {name : background;}// vsFigmacomponents {"button": {}}<frame><text>Click Me</text><button />

b16ed No.1338

File: 1773912622281.jpg (51.53 KB, 1880x1175, img_1773912608343_8z4guccp.jpg)ImgOps Exif Google Yandex

i'm still figuring out how dark mode affects user perception of site speed even w/ optimized images and css

not sponsored btw lol i wish



File: 1773869610653.png (62.81 KB, 598x398, img_1773869601941_56cez4x0.png)ImgOps Google Yandex

fc7ab No.1335[Reply]

i've been chatting up business leaders about their ai journeys over this past year. it's like they're all stuck at square one, despite having plenty of tools and big dreams ⚡ the real struggle is figuring out where exactly that first step should be taken.

for many, just getting started feels overwhelming i mean, how do you even begin to integrate something as complex yet transformative? my gut feeling says it's all about finding a clear entry point. maybe start by identifying one key area of your business and focus on automating or enhancing that first

what's worked for some is diving into chatbots they can handle routine queries, freeing up human resources to tackle more complex tasks while also providing valuable data insights straight away.

anyone else out there tackling ai in a different way? share the strategies you've found successful!

more here: https://blog.hubspot.com/marketing/where-to-start-with-ai-gtm

fc7ab No.1336

File: 1773869879289.jpg (240.55 KB, 1080x720, img_1773869864610_2vv2ws3q.jpg)ImgOps Exif Google Yandex

starting with ai in ui/ux can feel overwhelming, but its not all rocket science first off, dont rush into it - take time to understand what kind of integration suits ur project best

check out some basic tutorials on platforms like youtube or even better freeCodeCamp for a gentle intro. once you get the hang of basics, dive deep with tools specifically designed fro ai in design - like adobe's cc and sketch plugins that offer smart suggestions

but remember: while tech is powerful, dont forget to keep user experience at heart ⚠️ its about enhancing what users already love without complicating things unnecessarily. happy experimenting!



File: 1773832448711.jpg (112.18 KB, 1080x720, img_1773832440221_9blpt28x.jpg)ImgOps Exif Google Yandex

17940 No.1333[Reply]

hey lab peeps! stumbled upon a cool trick for animating stuff using just plain old CSS. you know how transitions and transforms are great when things change from one state to another? well, if ya want more control over the magic moments in between - like making your preloaders pop or adding some flair without loading extra js - you can use @keyframes with css animations.

basically, its like writing a recipe for an animation. you define what should happen at each step (or keyframe), and then voilà! smooth transitions galore

im curious - have any of y'all tried this out? or maybe theres something else cool in the world that everyone needs to know about?

anyone got a favorite animation technique they can share here today?


full read: https://webdesignerwall.com/tutorials/easy-css-animation-using-keyframes?utm_source=rss&utm_medium=rss&utm_campaign=easy-css-animation-using-keyframes

17940 No.1334

File: 1773833667522.jpg (57.17 KB, 1733x1300, img_1773833652408_o08j8kc2.jpg)ImgOps Exif Google Yandex

if you're struggling with @keyframes and css animations, try simplifying it by breaking down keyframe steps into smaller chunks first before combining them all in one animation block this helps avoid confusion when dealing with complex timing functions or multiple elements. once comfortable at the chunk level, gradually add complexity ⬆



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