#uiux

PeƚeɾDon't do massive amounts of UI/UX work but heard really good things about this book so I bought it! Anyone flicked through it already? WDYT?<a href="https://hachyderm.io/tags/dontmakemethink" class="mention hashtag" rel="nofollow noopener" target="_blank">#dontmakemethink</a> <a href="https://hachyderm.io/tags/book" class="mention hashtag" rel="nofollow noopener" target="_blank">#book</a> <a href="https://hachyderm.io/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a>

Yuri :godot:📘🔑 This is going to be the main menu in my puzzle game, and there is nothing you can do about it!<a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://mastodon.gamedev.place/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.gamedev.place/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a>

mytwobits01Hey, I've got a great idea! How about light switches that disappear until you move your hand over them? Otherwise they're just invisible!Great idea, right?Then why did you do it to the SCROLL BARS?!<a href="https://freeradical.zone/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://freeradical.zone/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://freeradical.zone/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a>

Michael T Babcock<a href="https://fedia.social/@wilhelm" class="u-url mention" rel="nofollow noopener" target="_blank">@wilhelm</a> <a href="https://floss.social/@CoMaps" class="u-url mention" rel="nofollow noopener" target="_blank">@CoMaps</a> I feel like this is just a case of having written software long enough to know the hypotheticals. "Oh why do users keep hitting back there and losing their settings? Obviously we should save by default." or "Everyone seems to be using this same feature 3 levels deep in the settings, lets move it up to the front page." There are LOTS of random things <a href="https://floss.social/tags/telemetry" class="mention hashtag" rel="nofollow noopener" target="_blank">#telemetry</a> helps you improve in software if you're the type who cares about UI/UX. <a href="https://floss.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a> <a href="https://floss.social/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareDevelopment</a>

Mario Alberto GuzmánApple Design creating all sorts of rules so that our apps adhere to their standards of fit and finish (even throwing your icons in squircle jail in Tahoe) makes me feel like they have gone full-blown HOA.Mac OS X Tiger was more like those cute/quaint towns with character and Tahoe is the result of gentrification and knocking all that down for McMansions/Cookie-cutter homes with HOAs.Your app has to go through everything they want and fit their mold.<a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOSTahoe</a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener" target="_blank">#WWDC25</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a>macOS Tahoe:

Ian K. Rogers ikr?╭ರ_ಠIt's no small thing, CSS can now do carousels natively, with no javascript."scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.Even more impressive is the accessibility story.Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."<a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mstdn.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mstdn.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener" translate="no" target="_blank">https://developer.chrome.com/blog/carousels-with-css</a>

Mario Alberto GuzmánI think I found probably the best implementation of <a href="https://mastodon.social/tags/LiquidGlass" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiquidGlass</a> effects by UI designer & Artist <a href="https://mastodon.social/@7luyuhang" class="u-url mention" rel="nofollow noopener" target="_blank">@7luyuhang</a>. I’m blown away.In this case, some of the Liquid Glass effects like the borders/edges of a glass surface are captured for some buttons and the LCD display. Looks AMAZING! Love how the REC light bounces off the edge.Honestly what <a href="https://mastodon.social/@7luyuhang" class="u-url mention" rel="nofollow noopener" target="_blank">@7luyuhang</a> does is what I thought Apple’s UI would have evolved into. But it didn’t.Check out their work (and follow them): <a href="https://www.instagram.com/p/DL2-ssmO1jj/?igsh=eXFoY2lidjIzZjVn" rel="nofollow noopener" translate="no" target="_blank">https://www.instagram.com/p/DL2-ssmO1jj/?igsh=eXFoY2lidjIzZjVn</a><a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a>

brozu ▪️▫️📲 <a href="https://pixelfed.social/discover/tags/appdesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#appdesign</a> <a href="https://pixelfed.social/discover/tags/uidesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#uidesign</a> <a href="https://pixelfed.social/discover/tags/uxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#uxdesign</a> <a href="https://pixelfed.social/discover/tags/uiux?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#uiux</a> <a href="https://pixelfed.social/discover/tags/mobileapp?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mobileapp</a> <a href="https://pixelfed.social/discover/tags/appconcept?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#appconcept</a> <a href="https://pixelfed.social/discover/tags/designinspiration?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#designinspiration</a> <a href="https://pixelfed.social/discover/tags/interfacedesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#interfacedesign</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/futuristicdesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#futuristicdesign</a> <a href="https://pixelfed.social/discover/tags/neondesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#neondesign</a> <a href="https://pixelfed.social/discover/tags/cocktailapp?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#cocktailapp</a> <a href="https://pixelfed.social/discover/tags/loyaltyapp?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#loyaltyapp</a> <a href="https://pixelfed.social/discover/tags/rewardsapp?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#rewardsapp</a> <a href="https://pixelfed.social/discover/tags/barapp?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#barapp</a> <a href="https://pixelfed.social/discover/tags/cocktails?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#cocktails</a> <a href="https://pixelfed.social/discover/tags/cocktailbar?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#cocktailbar</a> <a href="https://pixelfed.social/discover/tags/mixology?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mixology</a> <a href="https://pixelfed.social/discover/tags/happyhour?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#happyhour</a> <a href="https://pixelfed.social/discover/tags/tech?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://pixelfed.social/discover/tags/digital?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#digital</a> <a href="https://pixelfed.social/discover/tags/mockup?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mockup</a> <a href="https://pixelfed.social/discover/tags/aiart?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#aiart</a>

SnoweirdoYour website shouldn’t slow you down. It should sell for you.Most sites? Too slow. Too messy. Too vague.You don’t need to start from scratch. You need a prebuilt that just works. → <a href="https://plankdesigns.co" rel="nofollow noopener" translate="no" target="_blank">https://plankdesigns.co</a>All the best, <a href="https://mastodon.social/@snoweirdo" class="u-url mention" rel="nofollow noopener" target="_blank">@snoweirdo</a><a href="https://mastodon.social/tags/Framer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Framer</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Startups" class="mention hashtag" rel="nofollow noopener" target="_blank">#Startups</a> <a href="https://mastodon.social/@snoweirdo" class="u-url mention" rel="nofollow noopener" target="_blank">@snoweirdo</a>

Rémi Cardona<a href="https://gruene.social/@jon" class="u-url mention" rel="nofollow noopener" target="_blank">@jon</a> It would appear I never posted here my design improvements for inOui. I sent it to the <a href="https://urbanists.social/tags/TGV" class="mention hashtag" rel="nofollow noopener" target="_blank">#TGV</a> CM on twitter, just got a standard reply. It would *seem* TGV M and Oxygène EMUs will have a slightly better design but I fear it may not be enough. (haven't seen it in person yet)**Everytime** I take a TGV, people sit in the wrong rows. It's usually not that big a deal, but the confusion and mild chaos are time consuming for everyone. With the occasional asshole that makes a whole fuss. <a href="https://urbanists.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://urbanists.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a>

GlebЭкзеки. Эпизод 3. Тим Кук. Архитектор современной Apple.Друзья и бывшие коллеги Тимоти Дональда Кука крутили у виска, когда он перешел на работу в Apple в марте 1998 года. Компания, у руля которой стоял только что вернувшийся Стив Джобс…<a href="https://apfelschorle.blog/execs-ep3-cook/" rel="nofollow noopener" translate="no" target="_blank">https://apfelschorle.blog/execs-ep3-cook/</a><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> <a href="https://mastodon.social/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uidesign</a> <a href="https://mastodon.social/tags/%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#технологии</a> <a href="https://mastodon.social/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD" class="mention hashtag" rel="nofollow noopener" target="_blank">#дизайн</a> <a href="https://mastodon.social/tags/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#интерфейсы</a>

Mario Alberto GuzmánMy own HIG guidelines do prohibit this... and honestly it can be done so easily using NSGridView.At least in MY guidelines, helper text to a Checkbox should in secondary color and perfectly aligned with the title. Not with the checkbox, not doing its own thing, but with the title.• <a href="https://marioaguzman.github.io/design/layoutguidelines/" rel="nofollow noopener" translate="no" target="_blank">https://marioaguzman.github.io/design/layoutguidelines/</a> • <a href="https://developer.apple.com/documentation/appkit/nsgridview" rel="nofollow noopener" translate="no" target="_blank">https://developer.apple.com/documentation/appkit/nsgridview</a><a href="https://mastodon.social/tags/AppKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppKit</a> <a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOS</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a>First picture is of Apple Photo's Settings window. The second image is an example of my own HIG document.

GlebПлавающие углы ТахоКак я и обещал, буду периодически возвращаться к анонсам с WWDC, потому что за ширмой из красивых маркетинговых материалов прячется еще тонна интересного, но более нишевого контента.<a href="https://apfelschorle.blog/rounded-corners-of-tahoe/" rel="nofollow noopener" translate="no" target="_blank">https://apfelschorle.blog/rounded-corners-of-tahoe/</a><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> <a href="https://mastodon.social/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uidesign</a> <a href="https://mastodon.social/tags/%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#технологии</a> <a href="https://mastodon.social/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD" class="mention hashtag" rel="nofollow noopener" target="_blank">#дизайн</a> <a href="https://mastodon.social/tags/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#интерфейсы</a>

Kagan MacTane (he/him)UX designers (which includes nearly anyone developing front-end code, whether it's in your job title or not), remember that real people will have to use your interface. It will affect them. It can have a serious impact on their quality of daily life.Don't drive your users to this: <a href="https://mastodon.online/@nikitonsky/114672417919925192" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.online/@nikitonsky/114672417919925192</a><a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UXDesign</a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#BadUX</a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#BadUXDesign</a> <a href="https://wandering.shop/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a>

Mario Alberto GuzmánI really need the design team at Apple to think real hard when making new design systems.Visually stacked items on the Z-Axis does not do you favors when it comes to a 2D display.You can’t distinguish what elements goes with what view. <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOSTahoe</a> doubles down on layering on the Z-axis more than ever before.Both Apple and 3rd party devs now have to come up with fixes to address this mess. Like the new NSBackgroundExtensionView in <a href="https://mastodon.social/tags/AppKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppKit</a>.<a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener" target="_blank">#WWDC25</a> <a href="https://martianbase.net/@mackuba/114684169532147576" rel="nofollow noopener" translate="no" target="_blank">https://martianbase.net/@mackuba/114684169532147576</a>

Mario Alberto GuzmánJust go back to earlier versions of iTunes. Ignore any ideas of it looking "outdated" — look how all the controls fit nicely on a full-window-width toolbar. Clearly labeled. You will NOT mess up here in using iTunes.The ONLY thing to lose real estate is by resizing the window; not resizing any sidebars. *THIS* is good/standard design. How did we stray away from such basic UX?That's the part I don't understand.AND they used bottom bars too!!! Design that WORKS.<a href="https://mastodon.social/tags/iTunes" class="mention hashtag" rel="nofollow noopener" target="_blank">#iTunes</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOSTahoe</a>

Mario Alberto GuzmánI know, I keep coming back to this. And this isn't about Liquid Glass...I think we're in this awful state of layouts because of full-height sidebars and compressing the title bar into the toolbar.Full-height sidebars do not aid in anything. They just serve to eat more of your toolbar space. When you mix that with combining the toolbar with the titlebar -- well you end up with no space at all...I think this forced Apple Design to moving player controls to the bottom. <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOSTahoe</a>

AtheosTechBuild Seamless UX with Skilled UI/UX Developers - AtheosTechWant your users to enjoy a smooth, intuitive digital experience? It’s time to hire ui ux designers who can turn complex flows into user-friendly journeys. At AtheosTech, we help you hire ui ux designer talent who knows how to boost engagement and satisfaction through smart, clean design. Great UX starts with the right team. <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a>/uxdesigners <a href="https://mastodon.social/tags/uiuxdesigner" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiuxdesigner</a>#hireuiuxdesigner#brand <a href="https://mastodon.social/tags/designer" class="mention hashtag" rel="nofollow noopener" target="_blank">#designer</a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#marketing</a> <a href="https://mastodon.social/tags/atheostech" class="mention hashtag" rel="nofollow noopener" target="_blank">#atheostech</a> <a href="https://mastodon.social/tags/usa" class="mention hashtag" rel="nofollow noopener" target="_blank">#usa</a>

The IconfactoryPeeking through the Liquid Glass: From usability to branding, we explore what Liquid Glass means for designers and developers in our latest post.<a href="https://blog.iconfactory.com/2025/06/peeking-through-the-liquid-glass/" rel="nofollow noopener" translate="no" target="_blank">https://blog.iconfactory.com/2025/06/peeking-through-the-liquid-glass/</a><a href="https://iconfactory.world/tags/WWDC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WWDC</a> <a href="https://iconfactory.world/tags/LiquidGlass" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiquidGlass</a> <a href="https://iconfactory.world/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://iconfactory.world/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://iconfactory.world/tags/NeoRetro" class="mention hashtag" rel="nofollow noopener" target="_blank">#NeoRetro</a>

Stefan Habel<a href="https://mastodon.social/@marioguzman" class="u-url mention" rel="nofollow noopener" target="_blank">@marioguzman</a> How things have changed: “If you do include icons in your menus, include them only for menu items for which they add significant value; don't include them for every menu item. A menu that includes too many icons (or poorly designed ones) can appear cluttered and be hard to read.” — Using Icons in Menus, Apple HIG 2005-2009<a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOSTahoe</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Apple</a> <a href="https://mastodon.social/tags/HIG" class="mention hashtag" rel="nofollow noopener" target="_blank">#HIG</a>

Recent searches

Search options

Administered by:

Server stats: