Designing Software Architectures to Facilitate Accessible Web Applications

Purchase the article from IBM Systems Journal

The web application is increasingly a platform of choice for complex business software, as well as for Internet online services. We are beginning to identify guidelines for web application architectures that support accessibility. This paper describes common accessibility problems encountered in web applications and explains how architecture can help address these problems through reusable accessible objects; supplementing information in links, buttons and labels; providing comparable access to signposting; handling errors; and providing timeout notification and recovery. It also discusses the critical role of architecture in supporting what we believe is the best way of meeting the needs of diverse user groups: multiple dynamic views of the user interface.

More insights

Lisa Battle

Enabling Exploratory Discovery Through Taxonomy

Not everything can just be searched. “Aha!” moments deliver value. Exploration leads to insights and surfaces contexts. How do you prepare your content for these user experiences?
AI Explanations as Two-Way Experiences, Led by Users

How do we craft designs that "explain" concepts and respond to users’ intent? Can AI identify, elicit and apply relevant user contexts, to help us understand AI outputs? How do explanations become two-way, as users can explain their expectations and offer feedback?
Menu Mania: What's Wrong With Menus and How to Fix Them

Menus are ubiquitous in websites and applications of all types. They are critical to accessing the information and actions that users need, yet they can be very frustrating to use. In this presentation we review what we have learned about best practices for designing mega menus, context menus, hamburger menus, full page menus and other types, and share case studies of menu redesigns for enterprise applications, mobile apps, and information-rich websites.
IA for AI: Shaping the Experience for Human-AI Systems

Participants collaborated in building upon the IA-for-AI framework that was first presented at IAC 2021. We explored what it means to understand, translate, and describe the types of situations where human-machine interaction occurs, and the way the relationship changes in real-time. Participants discussed opportunities and responsibilities that IA brings to human-AI relationships.
Hello, Meet Hola! Design for Mixed-language Interfaces

A global online user population necessitates the exchange of content from different sources, and the ability to aggregate multilingual content is a critical requirement within many research and business contexts. To effectively reach a global audience and provide access to content in multiple languages, we must structure mixed-language content to support its successful presentation and delivery, and provide innovative designs that facilitate exploration. In this interactive session, we provide real-world examples for doing just that.
Guiding Users Towards Action: Empowering Decisions Through Effective Data Design

Good design can help users quickly grasp a situation, make better decisions, and take productive actions. In this session, we provide a framework that describes a progressive evolution of data displays and actions, and share a broad range of examples, from consumer products to enterprise web applications, to discuss ways to design effective data displays and integrate actions.
How IAs Can Shape the Future of Human-AI Collaboration

Sometimes people describe Artificial intelligence (AI) as an “emerging intelligence,” but it is, in truth, the emergent collaboration with humans that fosters positive personal, societal, and environmental outcomes. We outline a framework that Information Architects (IAs) can use to help them think about the key issues in designing for AI systems.
Business as (Un)Usual: How a UX Audit Can Help

It may be the understatement of the century to say that 2020 is not going the way any of us had planned. In the best of times, it can be difficult to justify the allocation of resources to assess and redesign your UX. And in tough times, like now, it can be especially hard to make needed progress, which is where a UX audit can really make a difference.
Don’t Document it—Prototype it!

In this article by Michael Owens, she explores the Catch 22 of traditional documentation: that whatever you write is inevitably going to be either too much or too little. Walking the tightrope between providing enough detail to be useful and avoiding too many words to be overwhelming can be a delicate balance to strike for any designer, and that's where prototypes can make all the difference.
Don’t Document It, Prototype It!

In this DCUX 2019 lightning talk, Michael Owens shares valuable tips about communicating UX requirements to your development team with annotated prototypes.
User and Information Design Considerations for Effective Semantic Search

Semantic search seeks to enhance the meaning in content, to more closely align the searcher and the available information resources. This means there is a strong user-centered aspect needed to unlock the benefits. In this NFAIS Conference presentation, Duane Degler explores strategies and considerations for best supporting your users through effective semantic search.
Big Data in Small Graphics: Micro-Visualizations in SaaS and Enterprise Applications

In this UXPA session, Lisa Battle and Rachel Sengers explored the use of micro-visualizations to enhance user experience and how to best design effective visualizations.
How to Design Great Dashboards and Visualizations for SaaS and Enterprise Applications

In their UXPA 2018 workshop, Lisa Battle and Rachel Sengers discussed how to ensure a good user experience for dashboards, brainstorm together on the common building blocks of dashboard design, and generate ideas for visualizations to quickly communicate data.
Split Focus: Designing Applications for Multiple Monitor Setups

In this UXPA 2017 session, Lisa Battle, Michael Owens, and Rachel Sengers discuss new UX design patterns and challenges that arise in software and web-based application design for multiple monitors, illustrating them with real project examples.
Accessibility 101

In this Baltimore UX Meetup presentation, Michael Owens and Lesley Humphreys explore recent standards, assistive technologies, and the types of deliverables that can be used to specify accessibility compliant interactions.
Micro-Visualizations: Small Visualizations That Make A Big Impact

In this UXDC session, Lisa Battle and Rachel Sengers present examples of several different types of micro-visualizations and discuss how they can be used effectively to improve user experience.
Designing Great Dashboards for SaaS and Enterprise Applications

Dashboards present a great opportunity to improve user experience by providing quick answers to users’ common questions, but they are also full of potential pitfalls for design. In this session, Lisa Battle will discuss our approach to ensuring a good user experience for dashboards, focusing on 8 principles of UX design that are particularly relevant and illustrating them with real project examples.
First Impressions Matter: Onboarding for First Time Users

First time user experience, while critical to product success, may not be getting the attention it deserves. In this talk, Lisa Battle presents design principles for great onboarding experiences that engage and inform new users, helping them become productive quickly.
Simplicity in Web Application Design

Simplicity is one of the most important principles of design. But, realistically, simplicity isn’t always simple. This talk covers what to try when removing functionality or features isn’t an option, provides practical questions to ask when deciding whether and how to simplify an application, and summarizes proven design techniques to use when simplifying applications.
Keeping the Vision Alive: Techniques for Communication Throughout the Project Lifecycle

As UX practitioners, we often face challenges “keeping the vision alive” as projects get caught up in constraints, details, and politics. Also, as consultants there is much we can do to prepare the project team to hold the line on needed improvements, advocate for user needs, and build on the “big picture” over the long haul after the UX work is completed. In this talk, we discuss strategies and practical techniques to help teams stay focused on meeting long-term goals, while addressing short-term needs and facing the circumstances and challenges that arise through the design and implementation process, and beyond.
Keeping the Vision Alive: UX Leadership in Long-Term Projects

As UX practitioners, we often face challenges “keeping the vision alive” as projects get caught up in constraints, details, and politics. But we cannot let those things derail us or take things too far from that solid, long-term vision. In this talk, we discuss strategies and practical techniques to help teams stay focused on meeting long-term goals, while addressing short-term needs and facing the circumstances and challenges that arise through the design and implementation process. Topics include: maintaining the rationale behind “blue-sky” thinking, methods for questioning constraints to get to innovative ideas, working with interim designs as intermediate steps to the final vision, and creating shared understanding and buy-in across the team for the long-term vision.
Red Alert! Communicating Status Through Great UX, Graphics and Accessibility

Effective visual design is essential for communicating system and workflow status, alerts, notifications, categories, and prioritization that often must be understood at a glance. Some people believe they can’t use graphics or color for important cues because of accessibility, which is not true. At UXPA’s 2014 conference, we discuss how to create great, visually appealing UX designs that optimize communication of status information for all users.
Developing Style Guidelines for Suites of Applications

Many enterprises grow organically, with diverse products managed by different teams. Style guidelines provide a way for the organization brand itself and ensure consistency across its family of apps while leaving in flexibility to accommodate different contexts of use.
Designing Configurable and Customizable Applications

In complex applications, such as claims processing, learning management, scheduling systems, engineering software, and other such tools, it is common to provide flexibility to modify the user interface (and the underlying processing) to meet widely varying needs, rather than assuming that one size fits all. When working on the user experience design for such products, we need to ensure that it is easy for clients or users to configure the product as they wish, and be mindful of impacts on the overall user experience.
Design 10:5:2 - 10 Best Practices, 5 Examples, 2 Actions

Are you thinking about how to achieve designs that will get a positive response from your users? Are you wondering how to refine an interface to work well with semantic data? While the ‘magic’ in design can’t be boiled down to a few simple rules, this talk will show you things you can do that will help get your project started on the right path.
User Interfaces for the Semantic Web

This is a tangible guided tour of innovative semantic web applications and user interfaces, as well as interesting interfaces that ask the questions: “What is being adopted from current Internet — and Rich Internet — apps and sites? What new design concepts might be possible now or in the future?” The presentation begins to open up opportunities, issues, and implications for people who will be users of the “linked web of data.” And we continue to ask one of our favorite questions: How can it be made easier and more useful?
Emerging issues, solutions & challenges from the top 20 issues affecting web application accessibility

We describe emerging accessible design issues, based on a second in-depth analysis of hundreds of accessibility issues documented in real projects, and a comparison of those results to a prior study of 1000+ accessibility issues. This poster demonstrates recent trends in the top 20 UI design situations that are likely to pose problems for users with disabilities; highlights several creative design solutions; and identifies several challenges that lack adequate solutions.
Top 20 Design Recommendations for Accessible (and Usable) Web Applications

This paper describes common challenges and solutions for accessible design, based on an in-depth analysis of 1000+ accessibility issues documented in real projects.
Delivering Services Online: It’s More Than Forms

New technologies, reduced workforces, and higher expectations from the public are transforming the way that businesses and government agencies deliver online services. However, online services are not just forms. We describe ways to improve user experience by providing integrated services, preventing errors, using appropriate tone and language, and structuring the interaction.
Supporting Aging Citizens and Employees at the Social Security Administration

Both to meet the needs of an aging public and to ensure that staff members nearing retirement age can continue to work productively, information technology must be usable for older adults. Usability specialists have been at the heart of analysis, design and testing activities that help the agency respond, both internally and externally.
Design Patterns and Guidelines for Usable and Accessible Web Applications

Because we are committed to achieving ease of use for all users, we have encountered challenges on real projects that have led us to question the common belief that accessibility benefits all users. Although the user experience goals of accessibility and usability often complement each other, sometimes they are incompatible—the best solution for one user group compromises the needs of another group. This presentation introduces design patterns that specifically address accessibility, and identifies design tradeoffs that suggest the need for alternate views of the user interface.
The Usability Imperative Inherent in the Semantic Web

A tremendous amount of hope — and hype — has been attached to Tim Berners-Lee's concept of the Semantic Web, where machine-readable “meaning” enriches the promise of the web. Creating a positive, successful, trust-worthy experience for users is crucial to its success. What does that mean? What is imperative for it to become the “next generation” web? Most importantly, why must the usability community play a leading role to shape the Semantic Web in a positive, user-centered way? This paper addresses these questions and more.
How to Design User Interfaces to Support Users and Their Tasks

An analysis of users and their tasks typically generates a lot of rich information… but the process of translating that information into design solutions may seem like “magic.” The truth is that user-centered design is iterative, and requires a mixture of art and science — it takes a series of small steps that both transform and refine the collected information into design solutions. This presentation uses the analogy of building a house to illustrate the process from high-level visioning all the way through detailed design.
Can Topic Maps Provide Context for Enterprise-Wide Applications?

Topic maps provide exciting opportunities not just to make information easier to find, but to increase the usability of software. In order to provide users with the information that applies to their particular situations, in forms that they can use, software must be aware of a user’s context (in a broad, multi-dimensional sense). This paper describes how topic maps can serve as the language for linking information to software applications and for sharing information about context among applications.
Around the Interface in 80 Clicks

As more people gain access to computers and the Internet, it has become increasingly important for designers to meet the needs of a diverse international user population. “One-size-fits-all” is no longer accepted by users. This article outlines many of the things that the designer needs to consider for both internationalization of software (making an interface understandable in many cultures) and localization (changing aspects of the interface, such as language and icons, to match the local cultural expectations and experiences).
KnowledgePlanet KP2000 Learner Interface Redesign

KnowledgePlanet provides a learning and performance management application used by a number of Fortune 100 companies to support their organizational learning. IPGems was asked to look at the opportunities to improve the interface that hundreds of thousands of people use to plan and keep track of their learning and performance activities. The goal was to increase the user's ability to be in control without having to learn the application, and for KP's customer companies to simplify and reduce implementation time and cost. The result received the Award of Excellence at the 2001 PerformanceCentered Design Competition.
Eventful Event Management Application

We developed a prototype application to support the management of large public retail events. The application allows both regular and temporary staff to manage large volumes of sales inventory, suppliers, guest lists, and press communication from a simple, easy to understand, flexible interface. The goal was to increase the user's ability to respond quickly to the needs of different groups of people, often at the same time, in a chaotic environment. The result received the top honor, the Platinum Award of Excellence, at the 2000 Performance Centered Design Competition.
An Information Make-Over for Performance Centered Design

Many of the same types of content that have traditionally been placed in manuals or online help
systems can actually be incorporated directly into the user interface. Connecting the necessary
instructions and information directly to the tasks that they support helps users to perform their work
more successfully. An analysis of existing content types can be done to identify opportunities for
moving content into the user interface.