Break3 Studios<p>More sneak peeks from the BETA version of the new VEX.blue website 🌀</p><p>Our Services page just got a fresh coat of paint; Redesigned to help you more easily explore what we offer, from digital tools to platform support.</p><p>👉 Available now exclusively on our BETA site: <a href="https://new.vex.blue/services" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">new.vex.blue/services</span><span class="invisible"></span></a></p><p>We’d love your thoughts on the new layout!</p><p><a href="https://mas.to/tags/WebsitePreview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebsitePreview</span></a> <a href="https://mas.to/tags/BETA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BETA</span></a> <a href="https://mas.to/tags/NewDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NewDesign</span></a> <a href="https://mas.to/tags/VEXblue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VEXblue</span></a> <a href="https://mas.to/tags/Services" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Services</span></a> <a href="https://mas.to/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://mas.to/tags/DarkMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DarkMode</span></a> <a href="https://mas.to/tags/DigitalServices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalServices</span></a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mas.to/tags/NextJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NextJS</span></a> <a href="https://mas.to/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mas.to/tags/FrontendDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontendDesign</span></a> <a href="https://mas.to/tags/ResponsiveWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ResponsiveWeb</span></a> <a href="https://mas.to/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieDev</span></a> <a href="https://mas.to/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.
Administered by:
Server stats:
252active users
shakedown.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#uiux
1 post · 1 participant · 0 posts today
Kagan MacTane (he/him)<p>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.</p><p>Don't drive your users to this: <a href="https://mastodon.online/@nikitonsky/114672417919925192" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.online/@nikitonsky/11</span><span class="invisible">4672417919925192</span></a></p><p><a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Mario Alberto Guzmán<p>I really need the design team at Apple to think real hard when making new design systems.</p><p>Visually stacked items on the Z-Axis does not do you favors when it comes to a 2D display.</p><p>You can’t distinguish what elements goes with what view. <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOSTahoe</span></a> doubles down on layering on the Z-axis more than ever before.</p><p>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 noreferrer" target="_blank">#<span>AppKit</span></a>.</p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WWDC25</span></a> <a href="https://martianbase.net/@mackuba/114684169532147576" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">martianbase.net/@mackuba/11468</span><span class="invisible">4169532147576</span></a></p>
Mario Alberto Guzmán<p>Just 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.</p><p>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?</p><p>That's the part I don't understand.</p><p>AND they used bottom bars too!!! Design that WORKS.</p><p><a href="https://mastodon.social/tags/iTunes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iTunes</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOSTahoe</span></a></p>
Mario Alberto Guzmán<p>I know, I keep coming back to this. And this isn't about Liquid Glass...</p><p>I think we're in this awful state of layouts because of full-height sidebars and compressing the title bar into the toolbar.</p><p>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...</p><p>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 noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOSTahoe</span></a></p>
The Iconfactory<p>Peeking through the Liquid Glass: From usability to branding, we explore what Liquid Glass means for designers and developers in our latest post.</p><p><a href="https://blog.iconfactory.com/2025/06/peeking-through-the-liquid-glass/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.iconfactory.com/2025/06/p</span><span class="invisible">eeking-through-the-liquid-glass/</span></a></p><p><a href="https://iconfactory.world/tags/WWDC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WWDC</span></a> <a href="https://iconfactory.world/tags/LiquidGlass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LiquidGlass</span></a> <a href="https://iconfactory.world/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://iconfactory.world/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://iconfactory.world/tags/NeoRetro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NeoRetro</span></a></p>
Benjamin Salgado<p>🚨 New look alert!<br>The official swift.org website just got a full redesign and it looks fantastic.</p><p>Clean, fast, and full of great Swift resources. Worth checking out.</p><p><a href="https://mastodon.social/tags/SwiftLang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftLang</span></a> <a href="https://mastodon.social/tags/iOSDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOSDev</span></a> <a href="https://mastodon.social/tags/SwiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/Xcode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Xcode</span></a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AppDevelopment</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/100DaysOfSwiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfSwiftUI</span></a></p>
archer<p>Hey <a href="https://tech.lgbt/tags/science" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>science</span></a> & <a href="https://tech.lgbt/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> fedizens</p><p>What are some things you'd like to see or frustrations you experience when using dataset/research/collection search tools?</p><p>I'm conducting <a href="https://tech.lgbt/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> benchmarking research at the moment and would appreciate any first hand user feedback</p>
Jorge Fuentes<p>Did a little refresh of my online portfolio the other day and took the opportunity to upload a project close to my heart that sadly never got to the production stage: Circuits 2!</p><p>Would love to work in an audio-related game or tool again sometime. Such an interesting space.</p><p><a href="https://www.jorgefuentes.net/portfolio/circuits-2/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">jorgefuentes.net/portfolio/cir</span><span class="invisible">cuits-2/</span></a></p><p><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/uiux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uiux</span></a> <a href="https://mastodon.gamedev.place/tags/mockup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mockup</span></a> <a href="https://mastodon.gamedev.place/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.gamedev.place/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.gamedev.place/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graphicdesign</span></a></p>
Benjamin Salgado<p>🌤️ Apple Weather App (Benja’s Version)<br>A minimalist take inspired by the original Apple Weather app.</p><p>👉 Check it out on GitHub: github.com/benjaminrsalgado/weather</p><p><a href="https://mastodon.social/tags/iOSDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOSDev</span></a> <a href="https://mastodon.social/tags/SwiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AppDevelopment</span></a> <a href="https://mastodon.social/tags/MobileApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileApps</span></a> <a href="https://mastodon.social/tags/SwiftLang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftLang</span></a> <a href="https://mastodon.social/tags/Xcode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Xcode</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>Look how you can easily tell what is clickable... (and you WANT to click it too haha). Where did the modern designer lose their way? I will never understand... </p><p>When I look at this, it even looks * premium * -- like something you would definitely expect from a trillion dollar company.</p><p>It's far better than whatever the hell they're shipping these days... </p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> </p><p>3/x</p>
Mario Alberto Guzmán<p>A friend sent me this screenshot of FCPX running on OS X Mavericks:<br>1. Everything is compartmentalized; sections, subsections, content, tools<br>2. Clear on/off state for controls<br>3. Even with icons lacking color, they have detail; far clearer than SF Symbols could ever be<br>4. Buttons have borders; you can tell what is a button vs. symbol (representing a status)</p><p>This is what Dark Mode should have been; a "lights out" version of standard window chrome. Not just black.<br><a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Aqua</span></a></p><p>1/x</p>
Mario Alberto Guzmán<p>The OG Macintosh Determinate and Indeterminate Progress Bars were fucking *chef's kiss*</p><p> <a href="https://mastodon.social/tags/Macintosh" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Macintosh</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/MacOSXLeopard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOSXLeopard</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/HIG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HIG</span></a> <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Aqua</span></a></p>
Mario Alberto Guzmán<p>The indeterminate progress bar from Mac OS 9 will always be my favorite… the barber pole style is classic Macintosh but flat designers at Apple killed the style for a more “Android OS” looking one. Lame.</p><p><a href="https://mastodon.social/tags/MacOS9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOS9</span></a> <a href="https://mastodon.social/tags/Platinum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Platinum</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>A while back I recreated the Mac OS 9 progress bar with Core Animation (and indeterminate progress bar) but needed something to test them in. Heh… so I made a test bed that looked like the Classic Environment launcher from Mac OS X Tiger. </p><p><a href="https://mastodon.social/tags/MacOS9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOS9</span></a> <a href="https://mastodon.social/tags/Platinum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Platinum</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>Slowly but surely bringing back <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Aqua</span></a>... </p><p><a href="https://mastodon.social/tags/SwiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>The elements across the top are all buttons. Don't talk to me about “consistency“ when this is what you're putting out.</p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>Lesson 1 in <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a>... your buttons should not be moving targets. Especially if they're toggles.</p><p>Look at how if I toggle on "Transactions" and then toggle it off, I am no longer in the bounds of that button. TF?!</p><p>I have a feeling this was designed for touch and touch only. It wouldn’t matter there because you lift your finger after tapping… </p><p><a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOS</span></a></p>
Preston Maness ☭<p>Are we seriously lazy loading the list of states now?</p><p><a href="https://tenforward.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://tenforward.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://tenforward.social/tags/uiux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uiux</span></a> <a href="https://tenforward.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://tenforward.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://tenforward.social/tags/AssholeDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AssholeDesign</span></a></p>
Mario Alberto Guzmán<p>I guess you can go back to the old school Mail layout (for iPad-layout columns) to prevent the new Mail Categories segmented control from messing up your layout.</p><p><a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload