Survey of Techniques for Separating the User Interface From Implementation
User interface implementation
description
Transcript of User interface implementation
User interface implementation
Juri Strumpflohner
Matthias Braunhofer
2
Content
Overview of the designed webpage
Design criterias and guidelines
Evaluation tools and outcomes
Demo
3
Overview of the designed webpage
Designed scenariosSearch 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
Descriptiontests web pages for conformance to
various accessibility guidelines
GuidelinesWCAG 1.0, Section 508, Stanca Art,
BITV
URLhttp://checker.atrc.utoronto.ca/index.htm
12
Evaluation tools / outcomesA-Checker
13
Evaluation tools / outcomesAccessibility Check
Descriptionevaluates web pages against subset
of WAI guidelines.
GuidelinesWCAG 1.0
URL http://www.etre.com/tools/accessibilitycheck/
14
Evaluation tools / outcomesAccessibility Check
Default page Booking 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!