Lingolol

Evan Prodromouap-components I want to share some information about a repository we just published. ap-components is a set of Web Components for building interfaces for the ActivityPub API. I built it as I was making a sample application for handling the acct: URI scheme. I found myself making more and more components for the UI, and realised that they would probably be useful for other applications, too. The library is available on npm at @socialwebfoundation/ap-components. It currently covers some of the simplest […] <a href="https://socialwebfoundation.org/2025/05/28/ap-components/" rel="nofollow noopener" translate="no" target="_blank">https://socialwebfoundation.org/2025/05/28/ap-components/</a>

Colin the MathmoAnother complete screw-up by EventBrite.Last week I tried to reserve a ticket at an event and the "Reserve a place" button never showed up in either Firefox or Chrome on Linux.It did in Chrome on Android on my phone.Now I've tried to reserve a ticket for another event run by another organisation and I've had exactly the same symptoms.EventBrite has one reason to exist, and they are complete screw-ups.If you want reliable ticket and event management ...Don't use EventBrite.If you don't care about your users ... fine, do what you want.<a href="https://mathstodon.xyz/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a> <a href="https://mathstodon.xyz/tags/BadSoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#BadSoftware</a> <a href="https://mathstodon.xyz/tags/Ticket" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ticket</a> <a href="https://mathstodon.xyz/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#Software</a> <a href="https://mathstodon.xyz/tags/Warning" class="mention hashtag" rel="nofollow noopener" target="_blank">#Warning</a> PS: Yes, I'm angry.

DeadlineNetflix Updates Its User Interface, Enhancing Search Function With Generative AI Tools <a href="https://mastodon.social/tags/News" class="mention hashtag" rel="nofollow noopener" target="_blank">#News</a> <a href="https://mastodon.social/tags/Netflix" class="mention hashtag" rel="nofollow noopener" target="_blank">#Netflix</a> <a href="https://mastodon.social/tags/Streaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Streaming</a> <a href="https://mastodon.social/tags/Userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#Userinterface</a><a href="https://deadline.com/2025/05/netflix-updates-user-interface-streaming-1236388199/" rel="nofollow noopener" translate="no" target="_blank">https://deadline.com/2025/05/netflix-updates-user-interface-streaming-1236388199/</a>

Robert<a href="https://sauropods.win/@mike" class="u-url mention" rel="nofollow noopener" target="_blank">@mike</a> Who set up that webpage? It is not readable to me: light-grey font on white background. Why do think some designer/people that text has to be fashionable of the cost of readibility? Thanks, that I can read it in Reader Mode. PS Since some years I notice that bad idea being "en vogue". (Even horrible: white font on black background.) <a href="https://mastodon.online/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a> <a href="https://mastodon.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

SciPunkBlame! (2017) <a href="https://pixelfed.social/discover/tags/blame?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#blame</a> <a href="https://pixelfed.social/discover/tags/anime?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#anime</a> <a href="https://pixelfed.social/discover/tags/cyberpunk?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#cyberpunk</a> <a href="https://pixelfed.social/discover/tags/scifi?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#scifi</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#aesthetic</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/userinteraction?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#userinteraction</a> <a href="https://pixelfed.social/discover/tags/graphicsdesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#graphicsdesign</a> <a href="https://pixelfed.social/discover/tags/gifs?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#gifs</a> <a href="https://pixelfed.social/discover/tags/ui?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#ui</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/uidesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#uidesign</a> <a href="https://pixelfed.social/discover/tags/glitch?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#glitch</a> <a href="https://pixelfed.social/discover/tags/robotics?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#robotics</a>

CavyherdDid anybody see a post go by in the last day or two about how users are struggling to navigate because user interfaces have gotten so complicated? I haven't learned the trick of searching on Mastodon.<a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://wandering.shop/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a>

maywecomeinPoint for Android: no matter what app I’m chromecasting from, the volume rockers work (on iOS they only work in Google apps)Point against: The volume is randomly super loud whenever I cast, so my kids have learned to cover their ears when the tv turns on. <a href="https://kind.social/tags/android" class="mention hashtag" rel="nofollow noopener" target="_blank">#android</a> <a href="https://kind.social/tags/chromecast" class="mention hashtag" rel="nofollow noopener" target="_blank">#chromecast</a> <a href="https://kind.social/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a>

walterit’s <a href="https://mstdn.social/tags/portfolioday" class="mention hashtag" rel="nofollow noopener" target="_blank">#portfolioday</a>! 👨🏻‍🎨i‘m walter, a <a href="https://mstdn.social/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a> and <a href="https://mstdn.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> designer from <a href="https://mstdn.social/tags/germany" class="mention hashtag" rel="nofollow noopener" target="_blank">#germany</a>. in my spare time i create <a href="https://mstdn.social/tags/app" class="mention hashtag" rel="nofollow noopener" target="_blank">#app</a> icons and product design drawings.nice to meet you! 🔥

Space Quest HistorianWhat's the best user interface for adventure games?<a href="https://spectra.video/videos/watch/0e853ca2-0b17-4f23-b307-b54bed7cc009" rel="nofollow noopener" translate="no" target="_blank">https://spectra.video/videos/watch/0e853ca2-0b17-4f23-b307-b54bed7cc009</a>

Joachim (he/him, white)...still remembering how <a href="https://mastodon.laurakalbag.com/@laura" class="u-url mention" rel="nofollow noopener" target="_blank">@laura</a> <a href="https://mastodon.ar.al/@aral" class="u-url mention" rel="nofollow noopener" target="_blank">@aral</a> introduced <a href="https://literatur.social/tags/Heartbeat" class="mention hashtag" rel="nofollow noopener" target="_blank">#Heartbeat</a>. I made us all think about <a href="https://literatur.social/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a> right?<a href="https://literatur.social/tags/audio" class="mention hashtag" rel="nofollow noopener" target="_blank">#audio</a> <a href="https://literatur.social/tags/WhyVisual" class="mention hashtag" rel="nofollow noopener" target="_blank">#WhyVisual</a>? <a href="https://literatur.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a>

Joachim (he/him, white)So I would (maybe press a button and) say "Open Podcast App." And the the Phone would say:" ok, Podcast App Open; there are 5 new episodes. And I would say: "Play the newest episode of Podcast x" . And the phone would play it. I am sure this is absolutely possible. An the fact that, until now, I dont know how to make this work thells a lot about me (abled and all) I guess. <a href="https://literatur.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> , but also just <a href="https://literatur.social/tags/userInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userInterface</a>

Dave RahardjaPoll for <a href="https://sfba.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOS</a> mouse users (trackpad users sit this one out):When you right-click to pop up a context menu, you select a command by…(I’m not gonna count people who click the right button, then use keyboard arrows and Return to select. You know who you are.)Please repost even if you’re not voting, so we get a larger sample.<a href="https://sfba.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://sfba.social/tags/macintosh" class="mention hashtag" rel="nofollow noopener" target="_blank">#macintosh</a> <a href="https://sfba.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOS</a> <a href="https://sfba.social/tags/mouse" class="mention hashtag" rel="nofollow noopener" target="_blank">#mouse</a> <a href="https://sfba.social/tags/userInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userInterface</a>

Rusty CorgiBig Dumb UX Rant About Menu Bars

Taco DaveThe perfect user interface doesn’t exi—<a href="https://puz.fun/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a> <a href="https://puz.fun/tags/UserExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserExperience</a> <a href="https://puz.fun/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://puz.fun/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIUX</a>

Ayo Ayco✍️ New post: **I Hate Open Graph Images. Here’s Why. And How. Much**As an epic twist of character development, I have learned that I don’t like open graph images.<a href="https://ayos.blog/i-hate-og-images/" rel="nofollow noopener" translate="no" target="_blank">https://ayos.blog/i-hate-og-images/</a><a href="https://social.ayco.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://social.ayco.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://social.ayco.io/tags/elk" class="mention hashtag" rel="nofollow noopener" target="_blank">#elk</a> <a href="https://social.ayco.io/tags/timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#timeline</a> <a href="https://social.ayco.io/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a>

Marcus Jenkins<a href="https://mastodon.social/@arstechnica" class="u-url mention" rel="nofollow noopener" target="_blank">@arstechnica</a> As long as those computers continue to interact with me via switches, knobs and buttons, that's OK. What's not OK is swapping in a giant touch screen to replace all those controls for which we develop muscle memory and can soon use without distraction from, erm, driving.<a href="https://mastodon.social/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a> <a href="https://mastodon.social/tags/tesla" class="mention hashtag" rel="nofollow noopener" target="_blank">#tesla</a> <a href="https://mastodon.social/tags/distracteddriving" class="mention hashtag" rel="nofollow noopener" target="_blank">#distracteddriving</a>

walterit’s <a href="https://mstdn.social/tags/portfolioday" class="mention hashtag" rel="nofollow noopener" target="_blank">#portfolioday</a>! 👨🏻‍🎨i‘m walter, a <a href="https://mstdn.social/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a> and <a href="https://mstdn.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> designer from <a href="https://mstdn.social/tags/germany" class="mention hashtag" rel="nofollow noopener" target="_blank">#germany</a> – nice to meet you! 🔥 <a href="https://mstdn.social/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#introduction</a>

Luke DornyThe sheer amount of mods that were available for shapeshifter is off-the-charts amazing. <a href="https://typo.social/tags/userInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userInterface</a> <a href="https://typo.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#macOS</a> <a href="https://typo.social/tags/OSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#OSX</a> <a href="https://typo.social/tags/interface" class="mention hashtag" rel="nofollow noopener" target="_blank">#interface</a> <a href="https://typo.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://typo.social/tags/macintosh" class="mention hashtag" rel="nofollow noopener" target="_blank">#macintosh</a><a href="https://botsin.space/@osxthemes/112071752075399806" rel="nofollow noopener" translate="no" target="_blank">https://botsin.space/@osxthemes/112071752075399806</a>

John Carlsen 🇺🇸🇳🇱🇪🇺<a href="https://neurodifferent.me/@neuralex" class="u-url mention" rel="nofollow noopener" target="_blank">@neuralex</a> I like to describe this behavior as literally "undermining" the user.Any sane <a href="https://sfba.social/tags/UserInterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterface</a> would make it impossible to replace a button in one position with a button for a different action. Disable (or even hide) one in one place, but use a different place for the other action./rant

Joaquim Homrighausen"Default scrollbars", possibly one of the most UX-friendly options you'll ever see in an application. Well done <a href="https://mastodon.social/@protonmail" class="u-url mention" rel="nofollow noopener" target="_blank">@protonmail</a> 🤟😊, I wish more developers would see the light 😑<a href="https://mastodon.online/tags/devops" class="mention hashtag" rel="nofollow noopener" target="_blank">#devops</a> <a href="https://mastodon.online/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uxdesign</a> <a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://mastodon.online/tags/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#developers</a> <a href="https://mastodon.online/tags/UserExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserExperience</a> <a href="https://mastodon.online/tags/protonmail" class="mention hashtag" rel="nofollow noopener" target="_blank">#protonmail</a> <a href="https://mastodon.online/tags/userinterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userinterface</a>

Recent searches

Search options

Administered by:

Server stats:

#userinterface