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:

268
active users

shakedown.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.0

#uxdesign

3 posts3 participants0 posts today
The Gregzone<p>Hey @ivory — I know you disagreed with my idea of showing user notes next to peoples’ names in the feed, and that does make sense for keeping the UX uncluttered. But how about showing it in the little popup that appears when you long-press a person’s avatar in the feed?</p><p>That seems to me not to add much additional clutter, and a single long-press is more convenient to quickly view your notes on someone versus the current method of pressing to open a post, then pressing their avatar again to open the user.</p><p>My argument for this option is to provide additional accessibility for people with memory and/or attention issues.</p><p>Anyways, just a thought! You all continue to make the best Mastodon client out there. 👍🏻</p><p><a href="https://retro.pizza/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://retro.pizza/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://retro.pizza/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://retro.pizza/tags/mastodonclient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodonclient</span></a></p>
Pavel A. Samsonov<p>Today is the day before I write my weekly newsletter, so of course Brave chooses today to roll out an update that obliterates all of my open tabs by combining "redundant" "inactive" ones. And then automatically opts every user into this feature.</p><p>I had a few Mastodon tabs open, now they are just one tab that points to mastodon.social.</p><p>So, uhh...anyone write anything good on <a href="https://mastodon.social/tags/Product" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Product</span></a> / <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> topics that they want me to feature this week? 😅</p><p><a href="https://mastodon.social/tags/productmanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productmanagement</span></a> <a href="https://mastodon.social/tags/userresearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>userresearch</span></a> <a href="https://mastodon.social/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a></p>
Horst Thieme<p>Spannende Themen folgen: Fehlerkultur bei Amazon mit dem ehem. CEO der DACH-Region Ralf Kleber, Social Commerce bei OTTO von deren Innovation Evangelist Jörg Heinemann, AI Interface Design mit UX-Guru Vitaly Friedmann, KI-Ethik, Content-Strategien der Zukunft, Europas Rolle in der Tech-Welt - oh und auch <span class="h-card" translate="no"><a href="https://mastodon.social/@pallenberg" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>pallenberg</span></a></span> ist im Line-up der über 65 Speaker*innen. Freue mich!</p><p><a href="https://chaos.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://chaos.social/tags/ContentStrategy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContentStrategy</span></a> <a href="https://chaos.social/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Innovation</span></a> <a href="https://chaos.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://chaos.social/tags/DigitaleZukunft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitaleZukunft</span></a></p>
SciPunkThe Terminal Man (1974)<br> <br> <br> <br> <br> <a href="https://pixelfed.social/discover/tags/theterminalman?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#theterminalman</a> <a href="https://pixelfed.social/discover/tags/70s?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#70s</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/movies?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/vaporwave?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#vaporwave</a> <a href="https://pixelfed.social/discover/tags/synthwave?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#synthwave</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/1970s?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#1970s</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/computers?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#computers</a> <a href="https://pixelfed.social/discover/tags/retrofuture?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#retrofuture</a> <a href="https://pixelfed.social/discover/tags/vintagetech?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#vintagetech</a> <a href="https://pixelfed.social/discover/tags/retrotech?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#retrotech</a>
Keila<p>Sometimes, a UI doesn't feel right because it's too fast. The solution: Just slow it down a bit. <a href="https://fosstodon.org/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://fosstodon.org/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://fosstodon.org/tags/screenshotsaturday" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>screenshotsaturday</span></a> <a href="https://fosstodon.org/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>buildinpublic</span></a></p>
Scott Jenson<p>I'm a bit late to the party, but this post from Sara Wachter-Boettcher from 2023 is even MORE relevant today<br>"Hey designers, they’re gaslighting you." <br><a href="https://medium.com/nice-work-from-active-voice/hey-designers-theyre-gaslighting-you-e02e5a4d9cff" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/nice-work-from-acti</span><span class="invisible">ve-voice/hey-designers-theyre-gaslighting-you-e02e5a4d9cff</span></a><br><a href="https://social.coop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://social.coop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a></p>
Palette Box<p>Antes me frustraba elegir colores para el UI.<br>Sin diseñador, todo era lento y complicado.<br>Ahora con Palette Box, obtengo combinaciones, renombro y exporto JSON al instante.<br>Si trabajas solo, esta herramienta te encantará.<br>💰 $2/mes o $70 de por vida (¡ahorra $50 en 5 años!)<br>🎁 Cupón 3 meses gratis: PALETTEBOXFREE3MONTH<br>👇 Instálalo aquí:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/DeveloperTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DeveloperTools</span></a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a></p>
Palette Box<p>예전엔 UI 만들 때마다 색상 고르느라 진이 빠졌어요.<br>디자이너 없이 시작한 프로젝트라 색 하나 정하는 데도 한참 걸렸죠.<br>이젠 Palette Box 덕분에 추천 팔레트 받고, 이름 붙이고, JSON으로 바로 적용해요.<br>혼자 개발 중이라면 이 툴, 진심으로 추천드립니다.<br>💰 월 $2 / 평생 $70 (5년 대비 $50 할인)<br>🎁 3개월 무료 쿠폰: PALETTEBOXFREE3MONTH<br>👇 설치하기:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/ColorTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorTools</span></a></p>
Pavel A. Samsonov<p>Techies are always chasing the mythical tool that will let them "focus on the work" and avoid tedious distractions like "talking to people." AI tools are only the latest to promise this impossible dream.</p><p>But talking to people IS the work. You can complain about it on the internet, or take responsibility and make your life a lot easier. </p><p><a href="https://mastodon.social/tags/LLM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LLM</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/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</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/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a> <a href="https://mastodon.social/tags/userresearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>userresearch</span></a> <a href="https://mastodon.social/tags/productmanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productmanagement</span></a> <a href="https://mastodon.social/tags/product" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>product</span></a> </p><p><a href="https://productpicnic.beehiiv.com/p/can-designers-avoid-meetings-d6d3" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">productpicnic.beehiiv.com/p/ca</span><span class="invisible">n-designers-avoid-meetings-d6d3</span></a></p>
techi<p>Sony changed the PS Plus cancellation flow, confusing users with a misleading "Cancel Subscription" button. Many thought benefits ended immediately but still got charged. Now, even PlayStation is telling users to cancel early. It’s a UI fail that’s all about trust.</p><p><a href="https://mstdn.social/tags/PlayStationPlus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PlayStationPlus</span></a> <a href="https://mstdn.social/tags/Sony" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sony</span></a> <a href="https://mstdn.social/tags/PSPlus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PSPlus</span></a> <a href="https://mstdn.social/tags/GamingNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GamingNews</span></a> <a href="https://mstdn.social/tags/SubscriptionScam" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SubscriptionScam</span></a> <a href="https://mstdn.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mstdn.social/tags/GamerTrust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GamerTrust</span></a> <a href="https://mstdn.social/tags/AutoRenewal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AutoRenewal</span></a> <a href="https://mstdn.social/tags/GameOn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GameOn</span></a> <a href="https://mstdn.social/tags/technews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technews</span></a> </p><p>Read Full Article :- <a href="https://www.techi.com/playstation-plus-cancel-subscription-warning/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">techi.com/playstation-plus-can</span><span class="invisible">cel-subscription-warning/</span></a></p>
Ben ☀️shine<p>Bekommt ihr auch immer mal wieder Aufgabenbriefings, wo die Lösung schon festgeschrieben war?</p><p>Wie hoch war eure Erfolgsquote diese Lösung zu hinterfragen? </p><p>Mir helfen "User Journeys" oder Szenarien von Personen oder Personas, die ich vorbereitet, um die erwartete Lösung nochmals kritisch zu betrachten und auch meine Kritik gut transportieren zu können.</p><p>Was hilft euch?</p><p><a href="https://ohai.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://ohai.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://ohai.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://ohai.social/tags/arbeitswelt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>arbeitswelt</span></a></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>
Margaux Perrin<p>L'autre jour, entretien d'embauche dans une grosse boîte pour un poste de designer, et dans la cour intérieure je vois ça. Je me demande qui a imaginé cette stèle, et pourquoi enfreindre a ce point une règle de base d'ergonomie pour la lisibilité. Si vous avez une théorie, je suis curieuse !<br>(Après je me suis perdue dans le parking pour trouver la sortie mal indiquée, je crois que je pourrais avoir des conseils à donner bien au-delà de l'ux des logiciels 😅) <br><a href="https://tutut.delire.party/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://tutut.delire.party/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://tutut.delire.party/tags/lisibilite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lisibilite</span></a></p>
Loki the Cat<p>Plot twist: Your car's touchscreen is now MORE distracting than your phone 📱➡️🚗</p><p>Studies show touchscreens take 4x longer for basic tasks vs buttons, killing muscle memory and forcing drivers to debug tablets while merging. Some manufacturers are finally adding physical controls back.</p><p>Who knew "smart" cars would make us dumber drivers?</p><p><a href="https://tech.slashdot.org/story/25/06/22/0044222/why-your-cars-touchscreen-is-more-dangerous-than-your-phone" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tech.slashdot.org/story/25/06/</span><span class="invisible">22/0044222/why-your-cars-touchscreen-is-more-dangerous-than-your-phone</span></a></p><p><a href="https://toot.community/tags/TouchScreen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TouchScreen</span></a> <a href="https://toot.community/tags/CarSafety" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CarSafety</span></a> <a href="https://toot.community/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a></p>
Pavel A. Samsonov<p>Tech companies think that, if they make products *look* futuristic, you will think that they are actually innovating. In reality what we get is not "Star Trek communicators inspired cell phones" but "every experience with your computer is going to be like begging HAL to open the pod bay doors" except less evil and more frustrating.</p><p><a href="https://productpicnic.beehiiv.com/p/imitating-the-future-breaking-the-present" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">productpicnic.beehiiv.com/p/im</span><span class="invisible">itating-the-future-breaking-the-present</span></a></p><p><a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</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/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technology</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/LLM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LLM</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/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a></p>
Chris Hayes<p>I just noticed in the <a href="https://floss.social/tags/Jellyfin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jellyfin</span></a> video player, it tells you at what time the movie will end.</p><p>Very convenient, I don't think I've seen any streaming platforms do that. I guess "Ends at 2:13 AM" doesn't keep people watching. <a href="https://floss.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://floss.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</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>
Greg Lloyd<p><span class="h-card" translate="no"><a href="https://mastodon.social/@harrymccracken" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>harrymccracken</span></a></span> </p><p>Thanks for posting this. It’s interesting to see Raskin use ‘Humane’ to describe his user intereface vision in his then forthcoming book ‘The Humane Interface’ (2000) — and again thank you for including the book’s <a href="https://federate.social/tags/internetarchive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internetarchive</span></a> link.</p><p><a href="https://federate.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://federate.social/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a><br><a href="https://archive.org/details/humaneinterfacen00rask/mode/2up" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">archive.org/details/humaneinte</span><span class="invisible">rfacen00rask/mode/2up</span></a></p>
SciPunkAirwolf (1984)<br> <br> <br> <br> <br> <a href="https://pixelfed.social/discover/tags/airwolf?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#airwolf</a> <a href="https://pixelfed.social/discover/tags/80s?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#80s</a> <a href="https://pixelfed.social/discover/tags/vaporwave?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#vaporwave</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/movies?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/airplanes?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#airplanes</a> <a href="https://pixelfed.social/discover/tags/synthwave?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#synthwave</a> <a href="https://pixelfed.social/discover/tags/1980s?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#1980s</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/uxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#uxdesign</a> <a href="https://pixelfed.social/discover/tags/tvseries?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#tvseries</a> <a href="https://pixelfed.social/discover/tags/tvshows?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#tvshows</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/motiongraphics?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#motiongraphics</a>
Christian Kent   𝘊𝘒 :＼﹥<p><span class="h-card" translate="no"><a href="https://mastodon.social/@atpfm" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>atpfm</span></a></span> There was a lot of consternation from John <span class="h-card" translate="no"><a href="https://mastodon.social/@siracusa" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>siracusa</span></a></span> about parts of the screen that were neither part of the active area nor outside the active area …</p><p>Yet this is not only part of the history of paper documents — margins on written pages, typeset books, and Microsoft Word — but it was always a part of computer display systems</p><p>(My first ever Wikipedia edit decades ago was for <a href="https://en.wikipedia.org/wiki/Overscan" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">en.wikipedia.org/wiki/Overscan</span><span class="invisible"></span></a> …)</p><p>The early text-mode displays always had an area of the active signal that was not used for data; when 8-bit gave way to 16-bit PCs like Commodore Amiga and Apple IIgs, this “border” area became controllable and a color could be selected (via text-mode BIOS-style settings, or graphic-mode Control Panels).</p><p>And all the way into the present day, even 15 years after the death of the CRT, video editing still enforces the concepts of Action Safe and Title Safe. Historically these were huge with CRTs at 5% and 10%, then got tweaked as aspect ratios changed, then thinned out as flat panels made screen geometry more predictable.</p><p>But it never went to zero — Title Safe in particular will never reach the edge of the display, and you will never find a logo (or watermark) touching the edge of the display.</p><p>However! You still have to DESIGN to the edges, or fill it with active signal. “Shoot and protect”, as they’d say in filmmaking.</p><p>You HAVE to put something in the edges, whether it’s an adjacent graphic extending from the inner areas to the ends, or just a piece of background vision.</p><p>This kind of “wasteful” image production is completely normal outside the computer Iindustry, and is in fact universally applied in every other industry. You MUST fill in more pixels that you’ll never use, and possibly never see, in any canvas containing graphic design.</p><p>“Sorry but it’s true”, as Ja’mie would say</p><p><a href="https://ioc.exchange/tags/underscan" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>underscan</span></a> <a href="https://ioc.exchange/tags/overscan" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>overscan</span></a> <a href="https://ioc.exchange/tags/titlesafe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>titlesafe</span></a> <a href="https://ioc.exchange/tags/actionsafe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>actionsafe</span></a> <a href="https://ioc.exchange/tags/gui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gui</span></a> <a href="https://ioc.exchange/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://ioc.exchange/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a></p>
TrendingLive feeds
About