Sie möchten mitbestimmen, wie die digitalen Angebote der Stadt Wien gestaltet werden? Wir suchen Bürgerinnen und Bürger aller Altersgruppen, die uns Rückmeldungen zur Benutzerfreundlichkeit unserer digitalen Services geben. So stellen wir sicher, dass wichtige Informationen der Stadt einfach und schnell zugänglich sind. Als Mitglied unserer Test-Community können Sie uns zu Verbesserungen unserer Website wien.gv.at sowie zu […]| Digitales Wien
Recognizing the Signs of Usability Issues Usability issues aren’t always dramatic. They rarely appear as obvious errors or broken features. More often, they manifest in subtle forms of friction that slow users down, cause hesitation, or push them to abandon a task. A button might look decorative instead of clickable. A navigation label might be…| VERSIONS®
The post Lessons in usability from a Game Developer appeared first on MetFilm School.| MetFilm School
Security is not a product that can be just sold and then be just consumed without much thinking. But the tension between dumbing down and responsible users, makes it difficult to design understanda…| x28's new Blog
Opening a link in a new browser window or tab might seem helpful. But most of the time, it disrupts the user experience, causes confusion, and can even harm accessibility. Here’s why it’s usually better to let links open in the same window, and when it makes sense to make an exception. 1. User Flow ... Read more| Garrett Digital
The word “standardized” conjures memories of high-stakes tests. In the context of UX research, when we talk of standardization, we’re often referring to standardized questionnaires. Standardized questionnaires have gone through the process of psychometric validation. That means the items being used have gone through dozens or hundreds of possible variations, and the final versions are […]| MeasuringU
We are pleased to announce the release of authentik 2024.10.| authentik Blog
I use a browser extension which always redirect wikipedia articles to their mobile equivalent (chrome, firefox). I find this much less cluttered and much more legible but it hides the settings screen behind a burger menu, so I hadn't thought to look for a dark mode until I finally cracked late at night after being blinded one too many times.| philwilson.org
I've been hacking Firefox CSS to make the "Back" button bigger since 2004.| philwilson.org
I am getting increasingly frustrated by Fira Mono's lack of italic support so I am looking at alternative fonts again. Commit Mono This time I seem to be settling on either Commit Mono or Space Mono. For now I'm using Commit Mono because it's a little more compressed than Fira and does have a italic version. I don't like how Space Mono's parenthesis (()) is "squarish", it feels visually ambiguous with the square brackets ([]), a big no-no for my primary use case (code). So here I am using a n...| Blog.
TL;DR: Unless you have user testing results saying otherwise, maybe put a check-all checkbox outside the table. The rest of this post is an awkward mash-up of my posts Don’t Turn a Table into an ARIA Grid Just for a Clickable Row and Check-All / Expand-All Controls with a little…| Adrian Roselli
TL;DR: blanket statements about where to put focus when opening a modal dialog are wrong, including this one. This post is meant to help you, an intelligent and thoughtful and empathetic reader, figure out where you should set focus. The scenarios are non-exhaustive. Messages I’m artificially breaking these into three…| Adrian Roselli
Nat Tarnoff covers accessibility basics. #a11y #accessibility #inclusion #usability| Jeffrey Zeldman Presents
Hey, Alphabet or Google or Chrome or whomever in that illegal monopoly continues to release things to the web platform that are full of accessibility barriers, I have what I think is a straightforward request. My Request Please, if your team cannot explain how the thing satisfies all WCAG Success…| Adrian Roselli
I encounter broken systems like this almost every week. And probably, so do you.| Jeffrey Zeldman Presents
Abstract for my session Talkin’ Tables: This session will walk through the basics of how to construct an HTML table. More than basic structure, it will talk about support and how it is exposed to screen readers in particular. With that foundation it will walk through patterns for responsive tables,…| Adrian Roselli
Find out why B2B and Enterprise products require a different usability mindset, and why making products that are easy and satisfying to use is not necessarily key.| UXM
If you've ever tried to move a photo in a Word document, you'll appreciate this short reenactment.| The Scholarly Kitchen
Use of Evidence Generated by Software in Criminal Proceedings In January 2025 the Ministry of Justice launched a consultation on how courts should deal with computer evidence in England and Wales. …| James Christie's Blog
In 2017 I wrote Tweaking Text Level Styles (terrible name in retrospect) and I made regular updates over the years. Stop reading it. Remove it from your bookmarks. Unlink it from your posts. Print it onto paper and then burn it. Demo Wrap-up The conclusions and…| Adrian Roselli
LLM-powered chatbots are here to stay. As a result, I am playing around with a disclaimer to recommend for clients. After all, if the LLM says that it’s fine to mix chlorine and ammonia to clean the sink, then that chatbot user needs to be told to probably confirm it…| Adrian Roselli
Three articles that I found informative, funny, and uplifting. --- Designing healthy digital habits: the role of UX in mitigating technology addiction […] we delve into the complexities of technology addiction, exploring its definitions, diagnostic criteria, and the ongoing debates surrounding its legitimacy. Dr Maria Panagiotidi offers a well balanced and deep analysis on how designers can promote digital well-being through responsible UX practises. 🔗 Read Designing healthy digital habi...| Silvia Maggi's digital home
Unmoderated user testing can be a fast, efficient way to gather user feedback. Find out how to get the most out of it with these 10 tips.| UXM
Imagine security being painless, easily usable and just the usual way we do things. Imagine this| A Tester's Journey
There are plenty of plug-ins, libraries, and tutorials that will add an “estimated reading time” visual cue to your site. There are also browser extensions for users. Most use JavaScript and CSS to calculate based on word count and viewport position. All require more work on the part of the…| Adrian Roselli
I spoke at the 2024 Web Accessibility in Mind Conference (in partnership with PopeTech). As soon as the video is available I will embed it. This post is a stub to hold the links during my talk and will be updated sometime within a few days after my talk with…| Adrian Roselli
What is a website bounce rate and what is a good website bounce rate? A website’s bounce rate is all about how long site visitors hang around.| Tech Companion
Most companies focus too much on measuring customer satisfaction. The true way to optimize lies in researching dissatisfaction. Find out why. The post Measuring customer satisfaction? Try measuring dissatisfaction instead appeared first on AGConsult.| AGConsult
Digital disruption being the leading cause of bankruptcy, is a myth. The turnover of companies has never been more stable. Check the data.| AGConsult
Online surveys can give you amazing insights into your visitors. But only if you do them right. Discover the do's and don'ts of online surveys. The post Online surveys: useful or useless? appeared first on AGConsult.| AGConsult
Identifying your users' top tasks helps you optimize the UX and usability of your website. Discover why researching your top tasks is so important.| AGConsult
User testing is an extremely valuable user research method to gain insight into your visitors' behaviour. Provided you do it right. Check out the do's and don'ts of user testing. The post Do’s and don’ts for a good usertest appeared first on AGConsult.| AGConsult
Our Customer Experiennce Barometer 2020 shows Belgian consumers find the CX of large international webshops the best. Traditional retail chains score worst.| AGConsult
What is truly important when designing CTA's or call-to-action buttons? These are the 3 things you really need to pay attention to.| AGConsult
World’s renowned CRO specialist André Morys talks with Karl Gilis about common obstacles in conversion optimization. Can you relate to these pitfalls?| AGConsult
What are the things that truly matter when it comes to customer experience? Discover the things that really make a difference to your CX.| AGConsult
WCAG provides guidance for making interactive elements more accessible by specifying minimum size requirements. In this article, Eric Bailey discusses the nuances of interactive element sizes and clarifies what it looks like to provide accessible interactive experiences using WCAG-compliant target sizes.| Smashing Magazine
Your blog or site can be accessible right out of the box. The post Accessible WordPress first appeared on TLTC Blogs.| TLTC Blogs
Remy Sharp asked on the Mastodon about pagination as he found it in the W3C Design System:| Adrian Roselli
I had some issues using the Disability:IN 2024 Conference Agenda so I made a bookmarklet: 🔗 Fix Disability:IN Agenda You may have seen this originally posted as a CodePen, but I opted to move it here since I can embed videos showing a before-and-after experience. Fixes Removes empty trigger link…| Adrian Roselli
TL;DR: You probably don’t need to name that landmark. The Ngong Ping Village tourist trap on Hong Kong’s Lantau Island. All the pricey tourist spots have visible named landmarks on the map, but the ones people generally care about (bathrooms, food, that lovely tea house) are not. The accompanying tactile…| Adrian Roselli
It’s none. Clarification Let me clarify: don’t set a base font size. body { /* font-size: yeah, no */ } Got a linter or code checker or boss-man hassling you that you need to set something? Ok, use something like this: html { font-size: 100%; } Because This approach has…| Adrian Roselli
Do not forget| Accessabilly
TL;DR: If you plan to style text highlighted by the browser, you must give it sufficient contrast — 3:1 for the highlight block against its background and (probably) 4.5:1 for the text within that highlighted block against that background. CSS Context CSS provides methods to style the highlights that browsers…| Adrian Roselli
Your nonprofit's web pages should be welcoming to visitors of all abilities. Learn seven ways to create and format accessible content.| Wired Impact
TL;DR: Keep your image alternative text brief, devoid of special characters, empty of URLs, and ideally in one language. Here We Go Sometimes you can have too much alternative text, particularly for an . I don’t mean there is a limit to what is allowed, I mean there is a…| Adrian Roselli
Not the cricketer!| Viv Richards
API provides methods that make sense from a developer point of view. API documentation and SDK could be improved to make developers lives easier.| API UX
Well designed API that fits well into its target use cases. Documentation could be improved, making developer on boarding experience much smoother.| API UX
Let me state the problem plainly: in order to provide better service, it helps to know more about your customer, so that you can more effectively anticipate and meet her needs. But, pray tell, how do you learn about or solicit such information over the course of your first interaction? Moreover, how do you go … Continue reading "Portable Profiles & Preferences on the Citizen-Centric Web"| Factory Joe
Prompted by posts by Randy Reddig and Tony Stubblebine and a conversation with Elliott Kember, I wanted to address, yet again, the big fat stinking elephant in the room: OpenID usability and the paradox of choice. Elliott proposed a pretty clear picture of what he thinks OpenID should look like on StackOverflow, given the relative … Continue reading "Does OpenID need to be hard?"| Factory Joe
Attempts to classify people into intelligence categories has been going on for many hundreds of years, but none have perhaps proven as prevalent as the intelligence quotient (IQ). The origins of IQ can be traced back to a 1905 test designed by French psychologists Alfred Binet and Théodore Simon to| Axbom
Yes, that is the bear from Jakob’s clearly spurious alternative text example and yes, that is The Fonz after jumping the shark. If you have been following the saga of Jakob Nielsen, there a few quotes I could use here: Battle not with monsters, lest ye become a monster (Nietzsche).…| Adrian Roselli
A rambling collection of thoughts from reading through the WebAIM Screen Reader User Survey #10 Results. Most of this was in a Masto thread, but I opted to post it here so I can laugh at myself later. Disability This opening nugget is important for understanding some of my commentary:…| Adrian Roselli
Just another usability and accessibility pro telling authors not to do the thing they continue to do. It’s Ok to Disable Buttons There are plenty of cases where you want to disable a button until a user takes a conscious action to enable it, such as when launching nuclear missiles.…| Adrian Roselli
If there is one thing that will stand the test of time, it’s thumb placement on mobile devices. This makes consideration of the "thumb zone", a term coined in Steven Hoober’s research, an important factor in the design and development of mobile interfaces. In this article, Samantha Ingram will share the knowledge she’s acquired about the thumb zone and how to apply its rules to navigation, cards and swipe gestures.| Smashing Magazine
There are plenty of use cases for embedding third-party content on a site, as well as local content that may not be in HTML. Perhaps you gave a talk and want to share your slides. Sometimes you want to reference a video that exists only on YouTube. Maybe you have…| Adrian Roselli
Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff? Remember how exciting it was to be able to do sliders, color pickers, dialogs, disclosure widgets straight in the HTML, without having to include any widget libraries?| lea.verou.me
6 ideas to improve your online shop checkout - no matter if you use magento, woocommerce or shopware| Weyprecht - software development and more
By Danielle Lottridge, User Experience Researcher Usability testing is a method for evaluating the ease-of-use of a product or feature by testing with with people, or “users” of a system. The goal of usability testing is to observe behavior during task flows, observe whether and how users complete flows, and note any conceptual misunderstandings that occur. Participants’ reactions are important for other methods such as surveys and concept testing however in usability testing we care wh...| Yahoo Accessibility
(This article is kindly sponsored by Adobe.) When designing your user interface, it helps to have a system in place. Spend some time to establish a considered design system. Not only does this ensure that your design is consistent, but it also helps keep your team on the same page and provides any freelancers working on the project with all the guidance they need in one central location. With this guide, Christopher Murphy will help you find a solid UI approach that will stand the test of tim...| Smashing Magazine
The UX of HTML| vasilis.nl
This post supplements Browser Video Players Review. There I wade into the de facto accessibility of the element based on the default video players provided by browsers. The results of my testing here update the tables in that post. One of the primary challenges of using the browsers’ default…| Adrian Roselli
How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? In this article, Vitaly Friedman will take a look to common usability issues with disabled buttons, how to fix these issues and when disabling buttons actually makes sense. We’ll start from the beginning, looking into when disabled buttons cause more trouble than help.| Smashing Magazine
Before you get too far into this post, maybe read Browser Video Players Review. There I wade into the accessibility of the element based on the video players browsers provide. Then maybe read Scott Jehl’s How to Use Responsive HTML Video (…and Audio!). I am leaning on support in…| Adrian Roselli
NOTE: The code in this article is also available as an installable, dual| sunaku.github.io
**No, they shouldn't**. At first glance the decision to open links in new windows or not depends on the given site and the preferences of its visitors.| Smashing Magazine
It’s now mid-2016. How should we be communicating with people with some semblance of privacy/decency, without having others record and monetize our every thought or feeling put in words? By n…| usability | security | freedom
Pagination is still the most popular way to load new items on a website. However, the usability test sessions found “Load more” buttons combined with lazy-loading to be a superior implementation, resulting in a more seamless user experience. In this article, Christian Holst will present Baymard Institute’s usability research findings for both “Load more” buttons, infinite scrolling and pagination, including for both mobile and desktop. He’ll see how search results need to be...| Smashing Magazine
Not everything that’s round and stands out is considered to be a button. In this article, Vadim explains how you can create a proper interactive button for your users — one that shouldn’t be confused for anything else.| Smashing Magazine
Download a 2.6MB tagged PDF of my slides or try the embedded view if your browser displays PDF inline. I was invited Malmö, Sweden to present two talks at Øredev. Well, they asked me to do one but then suggested that hey, since I’m already there and stuff, how about…| Adrian Roselli
Let’s reinvent the wheel| vasilis.nl
Accessibility is often overlooked or bolted on to the end of a project from the experiences in Todd’s career in web development and design. The case for accessibility is something we as people who create and build things for the web should be implementing and advocating for from the inception of a project to the release or handoff and beyond.| Smashing Magazine
In math class, we spend a lot of time learning fractions because they are so important in everyday life (e.g., budgeting, purchasing at the grocery store). Fractions are also used extensively in UX research (e.g., the fundamental completion rate is a fraction), typically expressed as percentages or proportions. Unfortunately, fractions are also hard to learn, and as it turns out, they are not the easiest to statistically analyze.| MeasuringU
Many thanks to everyone who made it along to our event yesterday. I hope that it was informative and provided some guidance on planning your own user research. I’ve uploaded my slides from th…| Researching Usability
Introduction Following on from the usability testing of the desktop prototype digital library, we conducted more user research on the mobile prototype. The prototype is similar to the full version …| Researching Usability
Last week UX2 were fortunate to be invited back to present at the Scottish UPA’s regular meeting. Having introduced our project and the work we were doing at an event last year, this was a gr…| Researching Usability
Overcorrecting for one form of disability may unintentionally negatively impact the experience for other forms of disability. For example, partially visually hidden link names may work great for people who use screen readers, but this approach can be problematic for people who rely on voice control software. Because of this, your designs need to be flexible and adaptable, as well as accommodate the many different ways people can interact with them.| Smashing Magazine
Image placement on the modern web is highly intentional, helping to communicate the overall purpose of a page or view. This means that nearly every image you declare needs to have an alternate description. Nulling an image indicates that it is for decorative purposes only. In this context, decorative means that the image does not visually communicate information that is important to understanding the purpose of the page or view, and why the image is included as a part of that.| Smashing Magazine