User Interface


The OnTheBus application has been designed following the 7 principles of universal design. This kind of design has been used in order to obtain a fully accessible and non-discriminatory application to be used by a maximum number of people.

Users who want to use this application can be very diverse, and therefore may have some type of functional limitation, so the application has been designed keeping in mind these groups.

In addition, we have worked with them to ensure that the resulting application is fully accessible. In order to customize it for these users, the first time the application is run, the desired accessibility profile has to be selected.

Image of the menu to select the user profile according to the functional limitation. Press Enter to zoom in the image, and Escape to return to the page.

Icon of the visual functional limitation.

  • Visual functional limitation.
    • Colour blindness.
    • Low degree of vision.
    • Blindness.

Icon of the cognitive functional limitation.

  • Cognitive functional limitation.

Icon of the hearing functional limitation.

  • Hearing functional limitation.

Icon of the mobility functional limitation.

  • Mobility functional limitation.

 

Features of the application

Screenshot of the default theme. Press Enter to zoom in the image, and Escape to return to the page. Screenshot of the high Contrast theme 1.  Press Enter to zoom in the image, and Escape to return to the page. Screenshot of the high Contrast theme 2.  Press Enter to zoom in the image, and Escape to return to the page. Screenshot of the high-contrast black theme.  Press Enter to zoom in the image, and Escape to return to the page. Screenshot of the high-contrast white theme.  Press Enter to zoom in the image, and Escape to return to the page.

Screenshot of the menu to change the colours.  Press Enter to zoom in the image, and Escape to return to the page.

Screenshot where the keyboard is shown.  Press Enter to zoom in the image, and Escape to return to the page.

Screenshot showing the selection by map Press Enter to zoom in the image, and Escape to return to the page.

Screenshot showing the gestures Press Enter to zoom in the image, and Escape to return to the page.

Screenshot showing the voice recognition Press Enter to zoom in the image, and Escape to return to the page.

 

Multi-language

Aside from the functional limitations, it has also been taken into account that in order to cover more users it is necessary that the application is in the user's language.

So at present the application is in 4 languages, both in the written and the verbalized environment.

It is important to note that it is ready to incorporate more languages.