Jorge de Lima - Senior Product Designer

A11y: Zeno Expense app

Assess the current Expense product for colour and typography accessibility standards.

Our goal is to expose the areas where improvements should be made, through documenting/designing accessibility improvements for the Expense UI components that meet WCAG best practises.

1

Levels of Compliance

Lack of efficiency in managing teams, “clunky” processes

Unexplained errors which cannot be overcome

Lack of clear information on how to use the tool

Out of date UI reduces confidence

2

How far can we push

Improve Team Management functionality we will improve use of these functions and retention and activation of customers who use them, making B4B the obvious choice for team management for business travel.

3

Accessibility Checker

Release 1 Goal: Improve navigation, remove redundant functions, and improve consistency with the rest of app to improve Administrators’ trust and engagement with the product. Upgrade OBP navigation infrastructure from the old OBP app to the new Eos platform.

Release 2 Goal: Simplify team and guest management, increasing trust and engagement with Administration functions. Upgrade OBP team management page and services to the new Eos platform.

Incorporating user feedback and insights from usability tests, we have completely redesigned the dashboard and email communications with a strong emphasis on accessibility from the outset. This approach ensures that all subpages are cohesive and user-friendly. Prioritising accessibility is essential, as it significantly influences how our brand is perceived in the industry and by our customers.

Results

Following a comprehensive audit of our expense app, we've successfully implemented new, more accessible colors. This enhancement not only improves usability but also ensures a more inclusive experience for all users. Our customers can now navigate the app with greater ease, leading to increased satisfaction and engagement.

Design

1

2

3

4

A11y: Zeno Expense app

Assess the current Expense product for colour and typography accessibility standards.

Our goal is to expose the areas where improvements should be made, through documenting/designing accessibility improvements for the Expense UI components that meet WCAG best practises.

1

Levels of Compliance

Lack of efficiency in managing teams, “clunky” processes

Unexplained errors which cannot be overcome

Lack of clear information on how to use the tool

Out of date UI reduces confidence

2

How far can we push

Improve Team Management functionality we will improve use of these functions and retention and activation of customers who use them, making B4B the obvious choice for team management for business travel.

3

Accessibility Checker

Release 1 Goal: Improve navigation, remove redundant functions, and improve consistency with the rest of app to improve Administrators’ trust and engagement with the product. Upgrade OBP navigation infrastructure from the old OBP app to the new Eos platform.

Release 2 Goal: Simplify team and guest management, increasing trust and engagement with Administration functions. Upgrade OBP team management page and services to the new Eos platform.

Incorporating user feedback and insights from usability tests, we have completely redesigned the dashboard and email communications with a strong emphasis on accessibility from the outset. This approach ensures that all subpages are cohesive and user-friendly. Prioritising accessibility is essential, as it significantly influences how our brand is perceived in the industry and by our customers.

Results

Following a comprehensive audit of our expense app, we've successfully implemented new, more accessible colours. This enhancement not only improves usability but also ensures a more inclusive experience for all users. Our customers can now navigate the app with greater ease, leading to increased satisfaction and engagement.

Design

1

2

3

4

A11y: Zeno Expense app

Assess the current Expense product for colour and typography accessibility standards.

Our goal is to expose the areas where improvements should be made, through documenting/designing accessibility improvements for the Expense UI components that meet WCAG best practises.

1

Levels of Compliance

From the four main principles, the WCAG defines thirteen separate guidelines with a rating of A, AA, and AAA. These range from A (the lowest), AA, and AAA (the highest). It is not possible to be partially compliant to a WCAG level. Your website must check all the boxes for the required level you are aiming to achieve

2

How far can we push

The standard recommended level of compliance, and the level most often legally required for websites, is AA, which includes the requirements of A but takes it a step further.

3

Accessibility Checker

“The Web must be accessible to provide equal access and equal opportunity to people with diverse abilities. Indeed, the UN Convention on the Rights of Persons with Disabilities recognises access to information and communications technologies, including the Web, as a basic human right.”

Incorporating user feedback and insights from usability tests, we have completely redesigned the dashboard and email communications with a strong emphasis on accessibility from the outset. This approach ensures that all subpages are cohesive and user-friendly. Prioritising accessibility is essential, as it significantly influences how our brand is perceived in the industry and by our customers.

Results

Following a comprehensive audit of our expense app, we've successfully implemented new, more accessible colours. This enhancement not only improves usability but also ensures a more inclusive experience for all users. Our customers can now navigate the app with greater ease, leading to increased satisfaction and engagement.

Design

1

2

3

4