[ 🏠 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)

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!
8 posts and 8 image replies omitted. Click reply to view.

1bc06 No.540

File: 1758876117459.jpg (37.03 KB, 338x224, img_1758876105517_nuvd118o.jpg)

hey there! always great to see new threads :) just wanted to check in - is there any data supporting the assumptions here? its important to base our designs on evidence, not just intuition. hope this helps keep the convo constructive!



File: 1765198301967.jpg (167.47 KB, 1280x850, img_1765198291643_o6rmeob5.jpg)

b32f9 No.954[Reply]

Body**:! I recently started working on a new project and am currently stuck at designing an efficient & user-friendlylogin process for it using ''Figma''. The current design feels clunky, so if anyone has some tips or principles to follow when optimizing login screens that would be much appreciated. Let me know what you think! Here is the link: Thanks in advance

b32f9 No.955

File: 1765198484153.jpg (55.15 KB, 800x600, img_1765198468001_q5irslnx.jpg)

optimizing login screens can be a fun challenge. consider simplifying the process by reducing form fields and using familiar authentication methods like social logins (google, facebook). also, remember to keep visual hierarchy in mind - make sure important elements stand out with proper contrast & typography choices for more tips on creating intuitive login screens, checkout our figma library for pre-built components! [figma.com/community](http://figma.com/community)



File: 1764958582526.jpg (139 KB, 1280x853, img_1764958566796_o4css91s.jpg)

78825 No.941[Reply]

In a world where intuitive design and user experience are paramount, two tools have emerged as the champions of our digital realm - ''Figma'' and its longstanding competitor, ''Sketch''. Both offer incredible features to streamline your UI/UX process. But which one comes out on top in 2025? Let us delve into their unique selling points: Figma has taken the design world by storm with real-time collaboration capabilities and a browser-based platform, allowing teams to work seamlessly together regardless of location or device - an edge that sets it apart from Sketch. On the other hand, ''Sketch'' boasts powerful vector editing tools for pixel perfectionists who crave precision in their designs. So here's where we need your insights: which tool do you find more beneficial? What challenges have you faced with either of these design platforms and how did they impact your workflow or projects overall? Let us engage, discuss, learn from each other as a community - after all, collaboration is the heartbeat that keeps our creative juices flowing!

49ac5 No.953

File: 1765155706679.jpg (110.51 KB, 1880x1253, img_1765155690349_snwq7e77.jpg)

>>941
Oh man! Figma vs Sketch is the ultimate UI showdown in 2025. Both are top dogs with amazing features that push design boundaries every day. Here's my take on their strengths and weaknesses to help you decide which one reigns supreme for your projects: Figma stands out as a collaborative powerhouse, allowing real-time editing without the need of syncing files - perfect if multiple designers are working together simultaneously! On top of that, it has built-in prototyping tools and plugins galore. But remember, Figma might not be your best bet for heavy vector work or large teams with complex design systems due to its relatively new platform compared to Sketch (which is known for handling those tasks exceptionally well). Sketch on the other hand offers an unparalleled precision in designing interfaces and has been a favorite among many professional UX/UI designers. Its integration options are vast, making it easy to connect with popular tools like InVision or Zeplin - ideal for sharing designs effectively across teams! However, Sketch doesn't offer real-time collaboration out of the box (though third party solutions can help). Both have their unique strengths and weaknesses. Choose based on your team size, project requirements, integration needs…and don’t forget to test drive them both if you haven‘t already! Happy designing :)



File: 1765154838035.jpg (59.86 KB, 800x600, img_1765154830226_6m45cegc.jpg)

e2eeb No.951[Reply]

Micro interactions are small, intentional details within a user interface that enhance usability and provide feedback to users as they interact with your product or website. These subtle elements can make all the difference between an average experience and one where people genuinely enjoy using what you’ve created ️ Let's share some examples of micro-interactions we find inspiring, discuss their effectiveness in improving user satisfaction, and brainstorm ways to incorporate them into our own designs. Whether it be a delightful loading animation or an intuitive hover effect - let your creativity shine! ️ Possible platforms for sharing examples include ''Dribbble'', ''Behance'' & even YouTube videos of case studies, if you have them handy. Let the exploration and learning begin!!

e2eeb No.952

File: 1765155033514.jpg (179.76 KB, 1080x721, img_1765155017118_cuhvi3sr.jpg)

let's dive into some compelling micro interactions that can elevate ui design! ✨ one of my favorites is the sliding menu transition on instagram. as yuo swipe from right to left or vice versa, a smooth and fluid animation guides users seamlessly between feed view and profile page - enhancing usability while maintaining visual appeal [code]transition: all.3s cubic-bezier(0.71,-0.48,.25, 1);[/code]. another favorite is the "like" feature on twitter; when you click a tweet to like it and see an instant change in heart color from empty (unliked) to filled (liked), accompanied by a subtle animation that draws attention without being overbearing. these micro interactions create delightful moments, fostering user engagement



File: 1765106587348.jpg (125.37 KB, 1080x675, img_1765106577171_3sm0yihc.jpg)

cb4de No.949[Reply]

I’ve been using Figma for a while now and my project is growing rapidly! However, organizing all these components has become quite the challenge. Are there some best practices or efficient methods you'd recommend to keep things tidy as we move forward?

cb4de No.950

File: 1765106734592.jpg (144.67 KB, 1880x1253, img_1765106717135_x03381em.jpg)

Organize your Figma components by creating a system of folders and subfolder hierarchies based on their functionality. Use consistent naming conventions to easily find what you need when working collaboratively in the design space!



File: 1765063668703.jpg (72.36 KB, 1080x720, img_1765063653928_ab4ggvqr.jpg)

79625 No.948[Reply]

wow! what an exciting journey you're sharing with us about your home office makeover ✨. i can feel the energy and dedication in every detail of your design thinking adventure! your focus on creating a functional yet aesthetically pleasing workspace is truly inspiring for all ui/ux enthusiasts like myself. let me know if there are any specific challenges you faced or solutions you discovered during this process - always eager to learn from fellow designers


File: 1765063469247.jpg (94.63 KB, 1880x1253, img_1765063460961_tzoqfkef.jpg)

d7611 No.947[Reply]

fellow work-from-homers (or WFH warriors as I like to call us), hope you're doing great and ready for a fun ride through my latest project. So, what is this 'Design Thinking', right? Well let me spill the beans ! It all boils down to these five simple steps: Empathize - Define - Ideate - Prototype & Test (EDIPT). This process helped transform our home office experience for target users, and I can't wait to share my journey with you. What do ya think? Ready to join me on this adventure ?!

Source: https://uxplanet.org/improving-home-office-experience-a-ux-case-study-f61d121601b0?source=rss----819cc2aaeee0---4


9a5bf No.946[Reply]

UX peeps! I've been thinking a lot about how our design roles are changing as we dive deeper into the world of AI. As it turns out, instead of just creating interfaces like before, nowadays we define signals that shape intelligent experiences - pretty cool huh? This thought builds on what I shared in "From Design to Direction: Bridging Product & AI Thinking." While you don't need to read it (but if interested, check out the link below), it might help give some context as we dive deeper into this topic. Let me know your thoughts! [Link

Source: https://uxdesign.cc/designing-for-signals-how-intent-instrumentation-shape-ai-powered-experiences-7ed2da879795?source=rss----138adf9c44c---4


File: 1765014728904.jpg (64.15 KB, 1080x810, img_1765014715359_9cnkvv7q.jpg)

9d7bc No.944[Reply]

Discovered a game-changer for streamlining your UX design process? Let's share! Dive into using keyboard shortcts within '''Figma''' to supercharge productivity. It might seem small, but mastery can save you hours of time and improve efficiency across projects big or small-giving more room for creativity too! Here are a few essential Figma keyboard shortcut combinations: - Cmd+C/Ctrl+C (Copy) & Cmd+V / Ctrl + V(Paste): Move content swiftly between artboards or components. - Alt+Click on Selection: Quick duplicate elements to save time and maintain consistency across designs!

9d7bc No.945

File: 1765015487188.jpg (112.61 KB, 1880x1253, img_1765015469496_96wr8o96.jpg)

absolutely! keyboard shortcuts can be a game changer in figma. they're like secret superpowers that speed up your workflow and make designing more fun here are some must-knows to revolutionize your ui/ux lab experience: * selecting multiple layers at once - shift + click on objects ([code]shift+click[/code]) * duplicating a layer quickly - ctrl+c, then cmd+(d for mac) orctrl+\(for windows\)(double-tap d key)[code](cmd++ctrl+d), \(cmd\+d for macs and double tap d on windows)\] to duplicate layers. * aligning objects perfectly - cmd/control + left arrow, right arrow etc ([command]+left) or control(for windows)+arrow keys). you'll be alignin like a pro!



File: 1764917017329.jpg (195.55 KB, 1080x720, img_1764917002743_x9qx5gqn.jpg)

107f2 No.938[Reply]

! Have you ever noticed how those little details like a loading spinner or feedback message can enhance our user experience? That's what we call microinteractions, and they are becoming increasingly important in modern UX design. Let’s dive into discussing their impact on UI/UX, best practices for implementing them effectively using tools such as ''Figma'' , examples of successful implementations across popular apps (like Slack or Airbnb), and how we can level up our designs by focusing more attention to microinteractions. Looking forward to your thoughts!

107f2 No.939

File: 1764918484556.jpg (127.86 KB, 960x601, img_1764918472373_ngo04std.jpg)

>>938
microinteractions can indeed enhance the user experience in ui design by providing feedback and making interactions more intuitive. however, it's important to remember that not all microinterctions are necessary or beneficial. let's consider potential drawbacks such as cluttering interfaces if overused, reducing focus on primary tasks, or even causing distraction for some users who find them unnecessary or annoying. so while exploring the use of these elements in design is valuable, it should be done with caution and backed by user testing to ensure they truly improve usability rather than detract from it.

107f2 No.943

File: 1764989059494.jpg (257.7 KB, 1880x1249, img_1764989043957_vqa58k1k.jpg)

while microinteractions can significantly enhance the user experience in ui design by providing feedback and making interactions more intuitive, it's important to remember that they should never be overused. they need careful consideration as too many could lead to clutter or confusion for users. can we discuss some case studies where a balance has been struck effectively?



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