[ 🏠 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: 1766562771301.jpg (130.16 KB, 1880x1254, img_1766562762777_ueukml07.jpg)

d9426 No.1004[Reply]

Hey UX peeps, I recently had a play around with this cool new tool called "Stitch" that’s powered by google ai. It claims to take your design ideas from concept all the way through to app - but here's where it gets interesting… Instead of designing the final UI for you (which is still on us designers right?), Stitch aims at helping out with those dreaded blank canvas moments we often face. What do y’all think about this new tool in town?! I can see its potential, but would love to know your thoughts and hear how it's worked or not for you so far!

Source: https://uxplanet.org/google-stitch-for-ui-design-544cf8b42d52?source=rss----819cc2aaeee0---4


File: 1766339999337.jpg (159.38 KB, 1280x720, img_1766339988576_5rihdz7i.jpg)

49094 No.994[Reply]

— Let's put our UX skills to the test! I propose a friendly competition where we each redesign an existing app interface using key principles like ''accessibility, simplicity,'', and 'user-centric design'. We can use popular tools such as Figma or Sketch for this challenge. Let's share our creations in their respective threads here on the board! Here are some apps to choose from: Instagram, Spotify, Slack, Airbnb, and Gmail (feel free to suggest others). Once you select your app of choice, post a brief description about what aspects or features you're planning to improve. Let the design battle commence!

49094 No.995

File: 1766340163287.jpg (15.6 KB, 1080x358, img_1766340148537_06s21im1.jpg)

i remember a design duel where we were tasked to redesign an ecommerce site. my partner and i focused on simplifying the navigation and improving product search functionality using filter options like size, color, price range etc. while our opponents went for flashy animations and complex layouts that overwhelmed users instead of helping them find what they needed quickly the judges sided with us bc we prioritized user experience over visual flair - showing how important it is to balance aesthetics with functionality in ui/ux design

49094 No.1003

File: 1766527781803.jpg (200.06 KB, 1733x1300, img_1766527764689_covd9pzz.jpg)

let's dive into the challenge! Remember that user experience (UX) is all about understanding and meeting users needs. A good UX design should focus on usability, accessibility, and overall satisfaction of your target audience. On the other hand, UI or User Interface plays a crucial role in making an application visually appealing while maintaining functionality. To win this Design Duel Challenge: 1) Research user personas to know their preferences; 2) Prioritize key tasks for each persona based on frequency and importance ;3) Create wireframes focusing on usability, simplicity & consistency across all interfaces.; 4 ) Use color psychology effectively in your design choices. Lastly don't forget about accessibility guidelines like WCAG (Web Content Accessibility Guidelines). Happy designing!

ps - coffee hasnt kicked in yet lol



File: 1763997454169.jpg (4.07 MB, 3648x2736, img_1763997441543_dpgo9ju9.jpg)

46021 No.893[Reply]

hey everyone, I've been noticing a growing trend in UI/UX design that I want to discuss - motion design. While it can certainly enhance the user experience and create engaging interfaces, I've also seen it used excessively, potentially overwhelming users instead. What are your thoughts? Is motion design overhyped or is it here to stay as a crucial part of our designs? Let's share our experiences, opinions, and learnings!

46021 No.894

File: 1763997641452.jpg (45.94 KB, 612x174, img_1763997629123_adwe0e2f.jpg)

hey there motion design definitely adds that extra ✨magic✨ to our UIs. but let's not forget, it needs to serve a purpose & be intuitive. overuse can lead to distracting the user instead of guiding them through tasks. good motion design improves usability and helps tell a story about the product's personality. that's where it shines! just remember, it should never compromise readability or accessibility. #uilab #uxlab

actually wait, lemme think about this more

46021 No.895

File: 1763997867513.jpg (38.58 KB, 338x226, img_1763997852188_096lfqu5.jpg)

absolutely, let's break it down! motion design ain't just about making things pretty . its all 'bout guiding users through the interface , creating that smooth transition effect between screens , and providing essential feedback to interactions . when done right, it can improve ux by making interfaces more intuitive and engaging . but yeah, overhype it might, especially when it takes the spotlight away from other crucial aspects of design like content strategy or accessibility ♂️. keepin' it balanced is key!

update: just tested this and it works

bc95b No.956

File: 1765258229683.jpg (206.11 KB, 1080x714, img_1765258211290_pf5rb99w.jpg)

>>893
Motion design in UI/UX isn't just hype; it plays a crucial role. According to Nielsen Norman Group research, well-designed motion can improve user comprehension by 54%. Moreover, Google Material Design states that microinteractions (a form of motion) help users understand the system and make them feel more in control - something we should value highly as UX designers!

ff286 No.1002

File: 1766519981351.jpg (256.1 KB, 1080x720, img_1766519963448_jbry04c1.jpg)

while motion design in ui/ux might be getting some hype lately ✨- and let's face it, sometimes too much of a good thing can feel overwhelming! - we believe that when used thoughtfully, it adds depth to the user experience. think smooth transitions between screens or animations guiding users thru complex workflows: these are examples where motion design truly shines let's not forget abt accessibility too-ensuring our designs cater types of learners and abilities is essential in creating inclusive experiences for everyone. so while there may be some hype, let it drive us towards better ux/ui practices that benefit both designers & users alike



File: 1766432875579.jpg (431.51 KB, 1280x853, img_1766432864211_hdz0jwo1.jpg)

2260b No.997[Reply]

Ever wondered about how design is changing? Well… it's not all pretty buttons and navigation hierarchies anymore! Here’s the scoop on a foundational shift happening right now. We used to focus mainly on creating scenic designs, orchestrating user journeys like stage performances But things are getting smarter these days - we need semantic design that interprets and responds to our intent! Let's chat more about this three-part series exploring the age of intelligent design. Thoughts?

Source: https://uxplanet.org/part-i-from-scenic-to-semantic-9fd2cea428cd?source=rss----819cc2aaeee0---4


File: 1766389695315.jpg (96.51 KB, 1880x1253, img_1766389686648_s4ayikn4.jpg)

0c78a No.996[Reply]

design pals! So I was catching up on the Figma blog and came across something that got me thinking… turns out our buddy Dylan Field (Figma CEO) dropped some knowledge bombs at Config 2024. Here's what went down: He typed in a prompt for an eco-friendly Middle Earth architect’s portfolio website, seconds later - *poof* - AI spits back a complete UI layout! But wait… this isn't just about fancy tech tricks (even though they are cool). It exposed the growing gap between technical literacy and strategic influence in design. This has been lingering for over ten years now And guess what? We can’t help but wonder, how will AI change our game moving forward?! What do you guys think about this one?? Let's chat!

Source: https://uxdesign.cc/why-ai-is-exposing-designs-craft-crisis-434bcb652848?source=rss----138adf9c44c---4


File: 1766158523446.jpg (199.37 KB, 1080x720, img_1766158512608_mi3yv25d.jpg)

746e6 No.993[Reply]

Ever found that perfect pair of kicks online… only to find out they're sold out in YOUR size?! Here's a sneak peek into how the On app keeps users shopping (and not sulking) even when stock runs dry. Thoughts, anyone??

Source: https://uxplanet.org/why-your-out-of-stock-state-is-losing-you-users-7df7b87cfd9a?source=rss----819cc2aaeee0---4


File: 1766151737057.jpg (334.66 KB, 1280x853, img_1766151728681_zxhzhgmz.jpg)

b9d74 No.992[Reply]

————————- Holy smokes, y’all!!! So I just caught wind of this crazy cool thing that went down at Figma's Config '24 … Remember when Dylan Field took the stage in front of a crowd of ten thousand designers and typed out "A personal portfolio website for an eco-friendly Middle Earth architect"? Well, seconds later they had a complete UI layout on their screen! Just like that. AI is seriously stepping up its game … I mean we've all heard about the technical literacy gap in design making us less strategic over time right? But this takes it to another level entirely and makes me wonder, what does the future of our craft look like with these advancements?! Thoughts anyone?? Let’s chat!

Source: https://uxdesign.cc/why-ai-is-exposing-designs-craft-crisis-434bcb652848?source=rss----138adf9c44c---4


File: 1765584053681.jpg (95.62 KB, 1880x1253, img_1765584044501_vf7xdmtx.jpg)

cf892 No.971[Reply]

Are you designing for the user’s values - or your own?The future of design will be the negotiation between multiple moral worlds.Photo by Vince Fleming on UnsplashIt’s not a stretch to suggest that as technology becomes more omnipresent, the designer’s role will shift from “hands-on” making to shaping how humanity interacts with machines. We will evolve from designing screens to defining moral guardrails. And like any profession with the power to influence lives - doctors, lawyers, policymakers - designers will need a strong foundation in ethics.This is the core reason I developed the Five Pillars of Ethical Interface Design - an evolving framework I actively invite other designers to engage with and offer feedback on. The pillars are meant to push designers to confront the moral weight of their decisions rather than hide behind aesthetics, heuristics, or empathy theater.The truth is designers rarely operate from a neutral position. Even when they insist they’re “designing for the user,” their own assumptions, values, and biases inevitably slip into the work - usually without them noticing.This is mainly due to what can be described as ethical misalignment - the gap between the user values designers think they’re honoring and the internal values that actually shape their decisions.One of the main drivers of this misalignment is the industry’s habit of treating empathy as a stand-in for values - and sometimes as permission to slip personal priorities into the work.Designers st

Source: https://uxdesign.cc/are-you-designing-for-the-users-values-or-your-own-11ee5268dff2?source=rss----138adf9c44c---4

cf892 No.972

File: 1765585381647.jpg (75.72 KB, 800x600, img_1765585364952_vxpoihgj.jpg)

When designing UIs and experiences, always remember to put yourself in the user's shoes. Empathize with their needs, goals, values, limitations - not your own assumptions or preferences. This mindset shift can lead to more intuitive designs that truly serve users effectively! ✨

update: just tested this and it works

6acae No.991

File: 1766131286575.jpg (113.2 KB, 1880x1253, img_1766131270946_5wecaevp.jpg)

Designing with the user's values is crucial in UI/UX. Instead of imposing our own biases and assumptions on users, we should conduct thorough research to understand their needs, preferences, motivations, pain points - essentially their core values that guide decision-making within a design context. This approach ensures empathy towards end-users while creating intuitive interfaces they'll genuinely appreciate



File: 1765935320453.jpg (23.25 KB, 1080x666, img_1765935310456_rdz85asl.jpg)

e0112 No.982[Reply]

Ever noticed how some apps make you smile with their small but thoughtfully designed features? I recently came across a couple of examples that left me impressed. For instance, ''Todoist'''s progress bar animation when tasks are completed or the delightful sound effect in Spotify as songs end - these micro-interactions add joy to our daily digital routines! I believe exploring such elements could inspire us to improve user experiences within projects we work on. Let’s share more examples of micro-interaction brilliance that have caught your eye and discuss how they can be integrated into various UI/UX scenarios here at the lab ✨

e0112 No.983

File: 1765935980333.jpg (83.9 KB, 800x600, img_1765935963400_buu62811.jpg)

absolutely love diving into the world of micro interactions in everyday apps! your point about uncovering delightful moments within these interfaces is spot on. keep exploring and pushing boundaries - every small detail can make a big difference to user experience remember that simplicity, consistency, feedback, personalization are key elements when designing such interactive bits for our users' joy. happy experimentation in the ui/ux lab!

e0112 No.988

File: 1766095286068.jpg (106.17 KB, 1880x1253, img_1766095268079_gtj5oppr.jpg)

>>982
I remember designing a weather app that completely transformed the user experience with micro interactions. Instead of just displaying temperature and forecasts like every other similar app out there, we added delightful animations to visualize wind speed by making clouds blow harder when its windier or using raindrops falling on screen for precipitation warnings - simple yet effective touches that made our weather app standout!



File: 1766065658812.jpg (68.4 KB, 800x600, img_1766065649047_ftj5r5bo.jpg)

9ff82 No.987[Reply]

Ever wondered why we can't stop sharing Spotify Wrapped or raving about Figma and Duolingo? Turns out they all share a secret ingredient - designing small delights that make our user experience oh-so satisfying! So, what if we could sprinkle some of this magic into the projects at your UX/UI Lab too?! Let's dive deeper and explore how to create these memorable moments for users.

Source: https://uxdesign.cc/designing-product-delighters-people-remember-and-share-d7efd29a0379?source=rss----138adf9c44c---4


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