Browse Category

Usability & Accessibility

Usability & Accessibility | Blog on Web Site Usability, Web Accessibility, References and Usability & Accessibility Standards

UI Components Handbook

No matter what kind of UI component you’re working on, there’s no need to reinvent the wheel. To make your work easier and shorten research time, the folks at UI Guideline analyzed some of the most popular design systems and UI libraries to standardize the design and code of more than 40 UI components. The result is the UI Components Handbook.

For each component, the handbook gives you an overview of real-world examples, anatomy, grouping, and properties of the component. The cherry on top is a ready-to-use Figma component that includes all the best practices and the ready-to-use HTML code that you can use as a starting point to code and style your own component.

https://www.uiguideline.com/components

Better Authentication UX

Authentication is a tricky subject; if done wrong, it can break a user experience. There are password rules that make it hard to remember the password we chose and well-meant security questions that might even lock us out of our accounts instead of providing an extra layer of security. And nobody likes to identify crosswalks and fire hydrants either. So how can we fix the authentication UX for good?

That’s exactly the question that Jared Spool explores in his presentation “Fixing The Failures of the Authentication UX.” He explains how to make authentication design a priority in your experience architecture and where the real risks are so that you can best protect your users — without frustrating them.

Fighting Deceptive Patterns

Deceptive patterns can be hard to spot, but they are all around us: Social media apps forcing us to connect our phone numbers, “free trials” that automatically turn into paid services without a reminder, or prompts where the “no” option is well-hidden. The list could go on. Luckily, there are some great initiatives out there that take a stand against Deceptive patterns.

One of them is the Dark Patterns Tip Line. To raise awareness of the harm that manipulative design can cause, it crowdsources stories of digital manipulation. The goal is to help policymakers and enforcers hold companies accountable for their practices. So whenever you come across a dark pattern, don’t hesitate to report it to the tip line.

The hall of shame by Deceptive Design also collects stories from users who had to deal with deceptive patterns. The same goes for the Dark Pattern Detection Project. Their goal is to develop an open-source, AI-based text analysis tool that detects deceptive patterns automatically and redesigns them in a personalized manner for the respective customers.

Playbooks For UX Designers

Whether you’re a student looking to land your first job in UX design or a design manager growing a design team, Playbook answers common questions that UX designers might encounter at any stage of their career to help them achieve their career goals.

The Playbook shares tips and actionable advice about getting your first product job, growing as a design manager, building a design system, and being a successful freelancer. The action items come from the people who know best: product designers, founders, design managers, and consultants from small companies, just like global players such as Google, Facebook, and Adobe.

https://askplaybook.com/

The Best UX Research Methods in a Pinch

Jordan Bowman wrote a great post to help you find the right UX research method for your project. In “The Best UX Research Methods in a Pinch,” he takes a closer look at six methods that don’t take much time or money but give you the insights you need, quickly and effectively.

https://uxtools.co/blog/best-ux-research-methods-in-a-pinch/

Usability Heuristics Frameworks

For many UX designers, Jakob Nielsen’s “10 Usability Heuristics for User Interface Design” is the go-to evaluation approach. However, sometimes you might discover discussion-worthy user experience problems that don’t fit the mold.

Michael Kritsch was in the same situation and started searching for alternative usability heuristics frameworks. This led him to the question: How to choose the appropriate method? To help you make an informed decision, Michael explored, categorized, and standardized ten heuristics. He summarized his findings in a comprehensive article.

https://uxdesign.cc/usability-heuristic-frameworks-which-one-is-right-for-you-1962387b7cc

Designing Accessible Data Visualizations

Accessibility should be at the heart of every product, and it’s not any different for data visualizations. By making your graphs accessible, you not only ensure that everyone can use them but also that they are easier to understand.

Sarah L. Fossheim develops and designs software for the education sector and previously worked in cancer research. In medical software, for example, an inaccessible or confusing graph could lead to critical mistakes, such as giving the wrong medication to a patient.

To help everyone build better and accessible data visualizations that prevent confusion and misunderstandings, Sarah summarized ten dos and don’ts to keep in mind whenever you’re designing a chart or a graph.

https://fossheim.io/writing/posts/accessible-dataviz-design/

Dashboard Design Patterns

Dashboards present complex data sets at a glance. But what does effective dashboard design look like? How do you find the right balance between displaying everything that’s important and ensuring the dashboard is easy to use without overwhelming the user?

The interdisciplinary research lab VisHub at the University of Edinburgh published a set of dashboard design patterns to support the design and creative exploration of dashboard design. It dives deeper into every aspect of dashboards — from components and meta information to visual representation, interaction, and page layout. 

https://dashboarddesignpatterns.github.io/patterns.html