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!