#Usability

15 posts14 participants1 post today

Frontend DogmaJo Minney on Website Usability Testing for WordPress Projects, by @jominney.bsky.social and <a href="https://mastodon.social/@nathanwrigley" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nathanwrigley</a>:<a href="https://wptavern.com/podcast/162-jo-minney-on-website-usability-testing-for-wordpress-projects" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wptavern.com/podcast/162-jo-minney-on-website-usability-testing-for-wordpress-projects</a><a href="https://mas.to/tags/podcasts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#podcasts</a> <a href="https://mas.to/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wordpress</a> <a href="https://mas.to/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mas.to/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#testing</a>

Frontend DogmaDirect Access vs. Sequential Access: Why Direct Is Better, by (unattributable):<a href="https://www.youtube.com/watch?v=Pjw4Eq29hYM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=Pjw4Eq29hYM</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videos</a> <a href="https://mas.to/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a>

Frontend DogmaBulk Actions: 3 Design Guidelines, by @nngroup@x.com:<a href="https://www.youtube.com/watch?v=7MjvBqlRzCY" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=7MjvBqlRzCY</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videos</a> <a href="https://mas.to/tags/guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#guidelines</a> <a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mas.to/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a>

infoDOCKETReport From the California Digital Library (CDL): "Ebook <a href="https://newsie.social/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Usability</a> Report on Aggregator Platforms: A Case Study of EBSCO and ProQuest" <a href="https://www.infodocket.com/2025/04/04/california-digital-library-cdl-ebook-usability-report-on-aggregator-platforms-a-case-study-of-ebsco-and-proquest/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.infodocket.com/2025/04/04/california-digital-library-cdl-ebook-usability-report-on-aggregator-platforms-a-case-study-of-ebsco-and-proquest/</a> <a href="https://newsie.social/tags/ebooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ebooks</a> <a href="https://newsie.social/tags/libraries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#libraries</a>

Sexybiggetje🐖It would be great if <a href="https://ieji.de/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> would allow ctrl+enter (or cmd+enter on mac?) to suspend an account when typing in the custom note box.<a href="https://ieji.de/tags/mastoadmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastoadmin</a> <a href="https://ieji.de/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://ieji.de/tags/speed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#speed</a> <a href="https://ieji.de/tags/keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#keyboard</a>

Aral BalkanSometimes I’m playing with Kitten and something makes me smile. This time, it’s an error message. Always nice when you get a little hat-tip from past you to current you. Thanks for putting in the work, past me ;)<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mastodon.ar.al/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.ar.al/tags/errors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#errors</a>

Ænðr E. FeldstrawDear <a href="https://mastodon.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microsoft</a> , your <a href="https://mastodon.social/tags/MSWindows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MSWindows</a> <a href="https://mastodon.social/tags/GUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GUI</a> insists on having window borders measuring 1px wide, which we get to grab to resize the windows. With a mouse that seems easy. Try again using a touch pad when cold and shivering, or tired, or in a dusty machine mill with a trembling floor. Don't even get me started on people suffering central tremors, cerebral palsy, or other physical limitations. <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a>

James ScholesRecent datepicker experience: 1. Control is presented as three separate spin controls, supporting the Up/Down Arrow keys to increment and decrement the value as well as manual typing. But because they're not text inputs, I can't use the Left/Right Arrow keys to review what each separate one contains, only to move between day, month, and year. 2. I tab to year. 3. I press Down Arrow, and the value is set to 2075. I'm unclear how many use cases require the year to be frequently set to 2075, but I can't imagine it's many so this seems like a fairly ridiculous starting point. 4. I press Up Arrow, and the value gets set to 0001. The number of applications for which 0001 is a valid year is likewise vanishingly small. 5. I delete the 0001, at which point my <a href="https://dragonscave.space/tags/screenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#screenReader</a> reports that the current value is "0". Also not a valid year. 6. Out of curiosity, I inspect the element to see which third-party component is being used to create this mess... only to find that it's a native `<input>` with `type="date"` and this is just how Google Chrome presents it.A good reminder that <a href="https://dragonscave.space/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> is not always the most <a href="https://dragonscave.space/tags/accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessible</a> or user-friendly.<a href="https://dragonscave.space/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://dragonscave.space/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a>

Ge0rGMicrosoft war mal Vorreiter bei UX & Usability. Die Älteren unter uns erinnern sich noch.Dieses Fenster kommt beim PC-Start und enthält keine klickbaren Elemente.❌ Angemessene / dynamische Schriftgröße ❌ Textumbruch ❌ Scroll-Leisten ❌ Kontrast und Ausrichtung des Fenstertitels ❌ 1px-Rahmen zum VergrößernDas muss wohl dieses Copilot-Vibe-Coding sein!(ja, dieses Windows ist auf 100% Textskalierung eingestellt!)<a href="https://chaos.social/tags/ScreenshotSaturday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScreenshotSaturday</a> <a href="https://chaos.social/tags/UXFail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXFail</a> <a href="https://chaos.social/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Usability</a> <a href="https://chaos.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microsoft</a> <a href="https://chaos.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VibeCoding</a>

Steve Faulkner"CLICK HERE" you say 😑<a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.social/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fail</a>

Ænðr E. Feldstraw<a href="https://www.patreon.com/posts/write-settings-125363953" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.patreon.com/posts/write-settings-125363953</a>Your applications should be writing logs and preferences into a user-specific folder to which the user already has write access. Otherwise you force computer admins to break the model of secure access to application folders, and open up the computer to malware.<a href="https://mastodon.social/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#security</a> <a href="https://mastodon.social/tags/malware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#malware</a> <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.social/tags/softwareengineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#softwareengineering</a>

Web AxeRelated: Using padding to space an input and label <a href="https://www.darins.page/articles/using-padding-to-space-an-input-and-label" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.darins.page/articles/using-padding-to-space-an-input-and-label</a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://a11y.info/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://a11y.info/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a>

kaffeeringe.deAlternativen zur Google SucheVielen fällt der Umstieg auf andere Suchmaschinen schwer und ich verstehe das Problem nicht.<a href="https://kaffeeringe.de/2025/03/27/alternativen-zur-google-suche/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kaffeeringe.de/2025/03/27/alternativen-zur-google-suche/</a><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/bing/" target="_blank">#Bing</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/duckduckgo/" target="_blank">#DuckDuckGo</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/ecosia/" target="_blank">#Ecosia</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/google/" target="_blank">#Google</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/linux-2/" target="_blank">#Linux</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/suchmaschine/" target="_blank">#Suchmaschine</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/usability/" target="_blank">#Usability</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/windows/" target="_blank">#Windows</a>

Artem R 🇺🇦I don't understand what is the point of this message? Why it can't fetch posts as I open the page? <a href="https://indieweb.social/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://indieweb.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://indieweb.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a>

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/%D0%A8%D0%B8%D0%BD%D0%B4%D0%BE%D1%88%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Шиндошс</a> <a href="https://cr8r.gg/tags/soft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#soft</a> <a href="https://cr8r.gg/tags/GPU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GPU</a> <a href="https://cr8r.gg/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> Решил, например, почитать книжку в <a href="https://cr8r.gg/tags/PDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PDF</a>. Я думаю, не только лишь все согласятся с тем, что рендеринг мелкого текста, да с засечками, на ×1080p мониторе — это пичалька. Да, движок субпиксельного сглаживани делает всё правильно, но для глаз совершенно некомфортно. Хочтся «покрутить настройки», бида в том, что их нет 😭Поэтому, вспомнив, что в <a href="https://cr8r.gg/tags/Matrix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Matrix</a>-чяти #TechTricksChat:unredacted.org пробегала ссылочка на утилиту для фанатов поиграть в ретро-эмуляторы — <a href="https://github.com/mausimus/ShaderGlass" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mausimus/ShaderGlass</a>, попробовал ее заюзать по иному назначению.Коротко из официального описания:<blockquote>ShaderGlassОверлей для запуска шейдеров графического процессора поверх рабочего стола Windows.Функции<ul><li>Применение эффектов шейдера поверх любого окна на рабочем столе</li><li>включает в себя RetroArch покрытие библиотеки шейдеров RetroArch:<ul><li>Моделирование ЭЛТ-монитора</li><li>Масштабирование изображения</li><li>Симуляция ТВ / VHS</li><li>смягчение, шумоподавление, размытие, повышение резкости и многое другое</li><li>Работает с большинством эмуляторов, ретро-платформ и редакторов пиксельной графики, включая:</li><li>DOSBox , FS-UAE, Альтирра , ScummVM , AGS, VICE, Aseprite и др.</li><li>Отличный компаньон для рисования в пиксельной графике, показывающий затененный и/или скорректированный по соотношению сторон предварительный просмотр</li><li>вы даже можете использовать его поверх YouTube, Twitch или современных игр</li><li>Сохранение и загрузка профилей</li><li>Несколько режимов работы, включая полноэкранный режим без рамок</li><li>может быть захвачен OBS (с использованием источника Game Capture)</li></ul></li></ul></blockquote>В общем, прозрачное для кликов мыши окно, которое висит поверх других и корректирует картинку. А уж как использовать — моделировать просмотр ностальгического прона с VHS на ЭЛТ-телевизоре или, наоборот, повышать комфорт чтения — дело сугубо личное 😉

Claudius LinkIt seems that <a href="https://infosec.exchange/tags/Scrum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scrum</a> / <a href="https://infosec.exchange/tags/SAFe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SAFe</a> websites are terribly afraid of C&P and are perfectly fine throwing <a href="https://infosec.exchange/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Usability</a> and <a href="https://infosec.exchange/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a> out of the window<a href="https://framework.scaledagile.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://framework.scaledagile.com/</a> adds a multi-line html formatted copyright notice to anything you copy var pagelink = " © Scaled Agile, Inc. ..."; var copytext = selection + pagelink;🤬

Frontend Dogma“I’m Not a Designer But…”, by @adamsilverhq.bsky.social:<a href="https://adamsilver.io/blog/im-not-a-designer-but%20copy/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://adamsilver.io/blog/im-not-a-designer-but%20copy/</a><a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mas.to/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ecommerce</a>

RonanBrand new infrastructure in Fairview, Dublin. Zebra crossing over cycle path. Onto that knobbly surface for blind users, to show them pedestrian crossings. This surface guides them past the footbridge and into a crossing that doesn't exist over a 5 lane road. The non crossing also has a barrier, directly in front of them. It's a disgrace <a href="https://mastodon.green/tags/dublin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dublin</a> <a href="https://mastodon.green/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mastodon.green/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.green/tags/urbanDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#urbanDesign</a>

Web AxeAccessibility research Frequently Asked Questions, by Fable <a href="https://makeitfable.com/article/accessibility-research-faqs/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://makeitfable.com/article/accessibility-research-faqs/</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://a11y.info/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://a11y.info/tags/usabilityTesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usabilityTesting</a>

westbrook<a href="https://mastodon.social/@stuffbreaker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stuffbreaker</a> Is this a "Hot Take"? I thought this was _just the facts_. ™️If there is a developer between you and an end user your user is the developer. Make their job easier, bring <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> to the surface, bring <a href="https://mastodon.social/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#performance</a> to the surface, bring <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> to the surface by making it such that what is easy is what is right and what is right will serve their use (maybe the end user) in was that they would likely not have done without your <a href="https://mastodon.social/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designSystem</a>.<a href="https://mastodon.social/tags/developingDesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#developingDesignSystems</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/users" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#users</a>

Recent searches

Search options

Administered by:

Server stats: