steven [email protected] - kuleuven.be · U bent Juliette Rijnders, 2e jaars studente...

22
© Copyright IBM Corporation 2008 Usability walkthrough for accessibility steven stijger [email protected] © Copyright IBM Corporation 2008 http://www.flickr.com/photos/81167076@N00/322162512/

Transcript of steven [email protected] - kuleuven.be · U bent Juliette Rijnders, 2e jaars studente...

© Copyright IBM Corporation 2008

Usability walkthrough for accessibilitysteven [email protected]

© Copyright IBM Corporation 2008

http://www.flickr.com/photos/81167076@N00/322162512/

2 © Copyright IBM Corporation 2008

usability walkthrough

usability testusability evaluation

3 © Copyright IBM Corporation 2008

usability test

qualitative testin stead of quantitative test

4 © Copyright IBM Corporation 2008

usability evaluation

expert reviewtest with end-usersaccessibility guidelines

5 © Copyright IBM Corporation 2008

process

prepare test casesrecruit participantsexecute test cases with participantssummarize observations

6 © Copyright IBM Corporation 2008

analyse application

objective, tasks, functionality,design, lay-out,navigation, structure, terminology,…

7 © Copyright IBM Corporation 2008

analyse user

target audienceuser profile

8 © Copyright IBM Corporation 2008

recruit participants

representation of target audience

9 © Copyright IBM Corporation 2008

measurement

behaviourtalk out loudsuccesssubjective satisfaction ratingsspecific questions

no measurement of time or errors

11 © Copyright IBM Corporation 2008

test location

on-site (participant’s site)in stead of lab test

controlled vs improvisation

12 © Copyright IBM Corporation 2008

to bring on-site

1 observer1 facilitator

video cameraphoto cameratest casesconsent form

giftbusiness card

13 © Copyright IBM Corporation 2008

available on-site

1 participantcomputer with screen and internet connectionassistive technology

14 © Copyright IBM Corporation 2008

planning per participant

welcome, introduction, instruction, consent form, brief interview10 min

installation participant, test start5 min

execute test cases 50 min

interview 20 min

total 85 min

15 © Copyright IBM Corporation 2008

consent form

how information is usedconsent to pictures and/or video

16 © Copyright IBM Corporation 2008

test cases

1. Toledo applicatie opstarten2. Werken met een cursus3. Inschrijven voor een cursus4. Veranderen van Toledo omgeving5. Inschrijven voor evenement (Tolinto)

17 © Copyright IBM Corporation 2008

example test case

Toledo opstarten

IntroductieU bent Juliette Rijnders, 2e jaars studente Communicatiewetenschappen.Een docent heeft in een college verwezen naar een opdracht op Toledo. U

zit nu achter de computer en wil met Toledo werken.

Taken1. Start de Toledo applicatie op. Maak gebruik van userid <xxx> enwachtwoord <xxx>2. Bekijk de informatie op het scherm en benoem de verschillendeonderdelen.

18 © Copyright IBM Corporation 2008

example test case

Werken met een cursus

IntroductieU heeft zich ingeschreven voor de cursus Human-Computer Interaction en u wilt nu hiermee gaan werken.

Taken1. Open de cursus Human-Computer Interaction2. Welke mogelijkheden ziet u?3. Wat is het eerst volgende college voor deze cursus?

i. Door wie wordt dit college gegeven?ii. Waar wordt dit college gegeven?iii. Op welk tijdstip?

4. Bekijk de presentatie met tips voor het schrijven van een academische paper.5. Zoek uit welke onderwerpen u kunt kiezen voor uw eerste schriftelijke assignment.6. Wat is het telefoonnummer van de professor van deze cursus?7. Waar kan de syllabus van deze cursus verkregen worden?8. U heeft beloofd Petra uw aantekeningen toe te sturen, u gaat nu opzoeken hoe u haar kunt bereiken.9. Controleer of u al een cijfer heeft gekregen voor uw laatst ingeleverde opdracht.

19 © Copyright IBM Corporation 2008

summarize observations

M

recommendationproblemresultdisability category

For all pages, use the same way to display error messages. Preferably:1. show summary of error on top of page in different font style2. show marker at the place of errorSee example 3.15

User does not see or understand error message

Within the application, three different ways are used to display error messages:- new page wih error message with red border- pop-up- orange text at top of the screen

Error message

H

priority

20 © Copyright IBM Corporation 2008

21 © Copyright IBM Corporation 2008

22 © Copyright IBM Corporation 2008

23 © Copyright IBM Corporation 2008

usability walkthrough for accessibility

<end>