1 / 19

User interface implementation

Juri Strumpflohner Matthias Braunhofer. User interface implementation. Content. Overview of the designed webpage Design criterias and guidelines Evaluation tools and outcomes Demo. Overview of the designed webpage. Designed scenarios Search for a flight Book a flight.

adele
Download Presentation

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