1 / 19

User interface implementation

This document provides a comprehensive overview of the user interface implementation for a flight booking webpage designed by Juri Strumpflohner and Matthias Braunhofer. It covers the design criteria and guidelines, including the eight golden rules and usability analysis observations from Alitalia and Lufthansa websites. Evaluation tools, such as A-Checker and Accessibility Check, are discussed, with links to test web page conformance to accessibility standards like WCAG 1.0. The document also includes a demo of the designed webpage and scenarios such as searching for and booking a flight.

adele
Télécharger la présentation

User interface implementation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Juri Strumpflohner Matthias Braunhofer User interface implementation

  2. Content • Overview of the designed webpage • Design criterias and guidelines • Evaluation tools and outcomes • Demo

  3. Overview of the designed webpage • Designed scenarios • Search for a flight • Book a flight

  4. Overview of the designed webpage

  5. Overview of the designed webpage

  6. Overview of the designed webpage

  7. Overview of the designed webpage

  8. Overview of the designed webpage

  9. Overview of the designed webpage

  10. Design criterias and guidelines • Eight golden rules • Observations from usability analysis of Alitalia and Lufthansa website • W3C guidelines

  11. Evaluation tools / outcomesA-Checker • Description • tests web pages for conformance to various accessibility guidelines • Guidelines • WCAG 1.0, Section 508, Stanca Art, BITV • URL • http://checker.atrc.utoronto.ca/index.htm

  12. Evaluation tools / outcomesA-Checker

  13. Evaluation tools / outcomesAccessibility Check • Description • evaluates web pages against subset of WAI guidelines. • Guidelines • WCAG 1.0 • URL • http://www.etre.com/tools/accessibilitycheck/

  14. Evaluation tools / outcomesAccessibility Check Booking page Default page

  15. Evaluation tools / outcomesAccess Color • Description • Analyzes the internal and external CSS for colour contrast and brightness between text and background. It uses an algorithm recommended by W3C • Guidelines • WCAG 1.0 • URL • http://www.accesskeys.org/tools/ color-contrast.html

  16. Evaluation tools / outcomesAccess Color

  17. Evaluation tools / outcomesAccess Color

  18. Demo http://aspspider.info/MBraunhofer/

  19. Thank you for your attention!

More Related