mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,5 Tsd.
aktive Profile

#uiux

6 Beiträge6 Beteiligte0 Beiträge heute
mytwobits01<p>Hey, I've got a great idea! How about light switches that disappear until you move your hand over them? Otherwise they're just invisible!</p><p>Great idea, right?</p><p>Then why did you do it to the SCROLL BARS?!</p><p><a href="https://freeradical.zone/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://freeradical.zone/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://freeradical.zone/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
@infosec_jcp 🐈🃏 done differentlyAh... the UI/UX...
WBCOM DESIGNS<p>How does your website make people feel?<br>Design psychology is more than colors—it’s how users navigate, decide, and trust.<br>This guide covers Hick’s Law, CTA placement, emotional color use, and eye-tracking tactics.</p><p>Check Out the full blog : <a href="https://wbcomdesigns.com/html-coding-psychology-web-design/?utm_source=mastodon&amp;utm_medium=social&amp;utm_campaign=traffic&amp;utm_term=web-design&amp;utm_content=feed-link" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wbcomdesigns.com/html-coding-p</span><span class="invisible">sychology-web-design/?utm_source=mastodon&amp;utm_medium=social&amp;utm_campaign=traffic&amp;utm_term=web-design&amp;utm_content=feed-link</span></a></p><p><a href="https://me.dm/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://me.dm/tags/Psychology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Psychology</span></a> <a href="https://me.dm/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://me.dm/tags/DigitalExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalExperience</span></a> <a href="https://me.dm/tags/Emotional" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emotional</span></a> <a href="https://me.dm/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://me.dm/tags/Thinking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Thinking</span></a> <a href="https://me.dm/tags/UserEngagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UserEngagement</span></a></p>
Hacker News<p>DesignArena – crowdsourced benchmark for AI-generated UI/UX</p><p><a href="https://www.designarena.ai/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">designarena.ai/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/DesignArena" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignArena</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/benchmark" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>benchmark</span></a> <a href="https://mastodon.social/tags/crowdsourced" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>crowdsourced</span></a></p>
Mario Alberto Guzmán<p>Apple 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.</p><p>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.</p><p>Your app has to go through everything they want and fit their mold.</p><p><a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOSTahoe</span></a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WWDC25</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p><p>macOS Tahoe:</p>
Ian K. Rogers ikr?╭ರ_ಠ<p>It's no small thing, CSS can now do carousels natively, with no javascript.</p><p>"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.</p><p>Even more impressive is the accessibility story.</p><p>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."</p><p><a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mstdn.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mstdn.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> </p><p><a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/caro</span><span class="invisible">usels-with-css</span></a></p>
Mario Alberto Guzmán<p>I think I found probably the best implementation of <a href="https://mastodon.social/tags/LiquidGlass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LiquidGlass</span></a> effects by UI designer &amp; Artist <span class="h-card" translate="no"><a href="https://mastodon.social/@7luyuhang" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>7luyuhang</span></a></span>. I’m blown away.</p><p>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.</p><p>Honestly what <span class="h-card" translate="no"><a href="https://mastodon.social/@7luyuhang" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>7luyuhang</span></a></span> does is what I thought Apple’s UI would have evolved into. But it didn’t.</p><p>Check out their work (and follow them):<br><a href="https://www.instagram.com/p/DL2-ssmO1jj/?igsh=eXFoY2lidjIzZjVn" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">instagram.com/p/DL2-ssmO1jj/?i</span><span class="invisible">gsh=eXFoY2lidjIzZjVn</span></a></p><p><a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a></p>
brozu ▪️▫️📲<br> <br> <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>
Fake Scrum Stats Memes & Humor<p><a href="https://techhub.social/tags/scrum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scrum</span></a> <a href="https://techhub.social/tags/scrumteam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scrumteam</span></a> <a href="https://techhub.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://techhub.social/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developer</span></a> <a href="https://techhub.social/tags/qa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>qa</span></a> <a href="https://techhub.social/tags/scrummaster" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scrummaster</span></a> <a href="https://techhub.social/tags/productowner" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productowner</span></a> <a href="https://techhub.social/tags/leadership" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>leadership</span></a> <a href="https://techhub.social/tags/management" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>management</span></a> <a href="https://techhub.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> <a href="https://techhub.social/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://techhub.social/tags/memes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>memes</span></a> <a href="https://techhub.social/tags/Meme" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Meme</span></a> <a href="https://techhub.social/tags/Humor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Humor</span></a> <a href="https://techhub.social/tags/humour" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>humour</span></a></p>
zeldman<p>Usability gets a makeover: bold, emotional, and data-backed. Alicia Blázquez welcomes us to the new, more emotional design that’s lifting us out of flat, frills-free UX.</p><p><a href="https://automattic.design/2025/07/01/from-flat-to-feel/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">automattic.design/2025/07/01/f</span><span class="invisible">rom-flat-to-feel/</span></a> <a href="https://front-end.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> <a href="https://front-end.social/tags/EmotionalDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EmotionalDesign</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/trends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>trends</span></a> <a href="https://front-end.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a></p>
Rémi Cardona<p><span class="h-card" translate="no"><a href="https://gruene.social/@jon" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jon</span></a></span> 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">#<span>TGV</span></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)</p><p>**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">#<span>ui</span></a> <a href="https://urbanists.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a></p>
JavAlps<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@dennisfaucher" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dennisfaucher</span></a></span> I've used <a href="https://mastodon.social/tags/obsidian" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>obsidian</span></a> for a long time now. Although it is a very simple app but the <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> on <a href="https://mastodon.social/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a>, it's just irritating for my eyes. It's neither simple nor eye pleasing, just somewhere in between, just tolerable enough but it pinches you sometimes. Recently, I've thinking about creating my own <a href="https://mastodon.social/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>markdown</span></a> format and a custom app for it. <a href="https://mastodon.social/tags/vibecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vibecoding</span></a> is a way for many non-techies but it surely will ruin my skills. I've my <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> figured out but I've to make that parser somehow.</p>
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" 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" target="_blank">#<span>WebsitePreview</span></a> <a href="https://mas.to/tags/BETA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BETA</span></a> <a href="https://mas.to/tags/NewDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NewDesign</span></a> <a href="https://mas.to/tags/VEXblue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VEXblue</span></a> <a href="https://mas.to/tags/Services" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Services</span></a> <a href="https://mas.to/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mas.to/tags/DarkMode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DarkMode</span></a> <a href="https://mas.to/tags/DigitalServices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalServices</span></a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mas.to/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <a href="https://mas.to/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mas.to/tags/FrontendDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDesign</span></a> <a href="https://mas.to/tags/ResponsiveWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveWeb</span></a> <a href="https://mas.to/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mas.to/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Gleb<p>Экзеки. Эпизод 3. Тим Кук. Архитектор современной Apple.</p><p>Друзья и бывшие коллеги Тимоти Дональда Кука крутили у виска, когда он перешел на работу в Apple в марте 1998 года. Компания, у руля которой стоял только что вернувшийся Стив Джобс…</p><p><a href="https://apfelschorle.blog/execs-ep3-cook/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">apfelschorle.blog/execs-ep3-co</span><span class="invisible">ok/</span></a></p><p><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>apple</span></a>
<a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technology</span></a>
<a href="https://mastodon.social/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a>
<a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a>
<a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a>
<a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a>
<a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uidesign</span></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">#<span>технологии</span></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">#<span>дизайн</span></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">#<span>интерфейсы</span></a></p>
Mario Alberto Guzmán<p>My own HIG guidelines do prohibit this... and honestly it can be done so easily using NSGridView.</p><p>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.</p><p>• <a href="https://marioaguzman.github.io/design/layoutguidelines/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">marioaguzman.github.io/design/</span><span class="invisible">layoutguidelines/</span></a><br>• <a href="https://developer.apple.com/documentation/appkit/nsgridview" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.apple.com/documentat</span><span class="invisible">ion/appkit/nsgridview</span></a></p><p><a href="https://mastodon.social/tags/AppKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppKit</span></a> <a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p><p>First picture is of Apple Photo's Settings window. The second image is an example of my own HIG document.</p>
Gleb<p>Плавающие углы Тахо</p><p>Как я и обещал, буду периодически возвращаться к анонсам с WWDC, потому что за ширмой из красивых маркетинговых материалов прячется еще тонна интересного, но более нишевого контента.</p><p><a href="https://apfelschorle.blog/rounded-corners-of-tahoe/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">apfelschorle.blog/rounded-corn</span><span class="invisible">ers-of-tahoe/</span></a></p><p><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>apple</span></a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technology</span></a> <a href="https://mastodon.social/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uidesign</span></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">#<span>технологии</span></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">#<span>дизайн</span></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">#<span>интерфейсы</span></a></p>
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" 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" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>AppKit</span></a>.</p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WWDC25</span></a> <a href="https://martianbase.net/@mackuba/114684169532147576" rel="nofollow noopener" 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" target="_blank">#<span>iTunes</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOSTahoe</span></a></p>