Upload
yvesmgryphon
View
487
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Usability malle.be
Groep 5Yves Meysmans, Sultana Nagi, Matthias Clarysse,
Len Collier, Geert Dierckx
2
Evaluatie
• Chapter 14: Graphics, Images, and Multimedia• Chapter 15: Writing Web Content• Chapter 16: Content Organization
3
Overzicht
• Belangrijkste criteria• Andere relevante criteria• Samenvatting
4
BELANGRIJKSTE CRITERIA
5
14:3 Ensure that Images do not slow downloads
= Afbeeldingen mogen de download snelheid van de webpagina niet vertragen< 5 seconden = goed> 10 seconden = slecht
• Downloadtijd tolereerbaar• Trage pagina’s: te wijten aan technologie (niet aan
afbeeldingen)• Meerderheid doelgroep heeft breedband
6
14:4 Use Video, Animation, and Audio Meaningfully
= multimedia trekt aandacht van de gebruiker en moet daarom duidelijk zijn waarom deze gebruikt wordt
• Weinig tot geen gebruik van multimedia• Gebruik kan meerwaarde bieden• Audio: niet van toepassing
Aanbevelingen:• Vb. intro film Malle rubriek toerisme
7
14:5 Include Logos
= Logos moeten op de juiste plaats en consistent worden gebruikt
• Conistent gebruik van malle.be logo (links boven)
8
14:8 Ensure Web Site Images Convey Intended Messages
= Zorg ervoor dat de web site (boodschap, informatie) toegankelijk is voor alle gebruikers
• Algemene look & feel is professioneel• Alle gebruikers kunnen informatie snel terugvinden• Geen grafisch intensieve website maar content intensieve
website
9
14:14 Use Thumbnail Images to Preview Larger Images
= full-size afbeeldingen moeten vaak lang laden, gebruik thumbnails van de afbeeldingen voor overzicht
• Consistent gebruik van thumbnail afbeeldingen
10
14:14 Thumbnail images
11
14:14 Thumbnail Images
12
15:1 Make Action Sequences Clear
= Sequenties bij online formulieren, registraties,… moeten duidelijk en logisch zijn
• Registratieformulier weinig gestructureerd maar eenvoudig
• Meldingsformulier zeer duidelijk
13
14
15:4 Define Acronyms and Abbreviations
= Acroniemen en afkortingen moeten verklaard worden zodat alle gebruikers deze begrijpen
• De standaardverklaring wordt hoofdzakelijk toegepast. Hier en daar wordt een afkorting toch niet consistent verklaard.
• Over het algemeen goed begrijpbaar voor alle gebruikers.• Voorbeeld van een onvolledige verklaring: “Afgedankte
elektrische en elektronische toestellen (AEEA)”
15
15:8 Limit Prose Text on Navigation Page
= niet te veel proza op navigatiepagina’s zetten
• Dubbel : enerzijds aparte navigatie pagina’s met de ‘blokken’, anderzijds ook overal een navigatiebalk links.
• Kies voor 1 navigatie methode, ons inziens de balk, aangezien de blokken- Te gedetailleerd zijn (ankers (#) vaak onnodig)- Niet overzichtelijk zijn- Door het gebruik van “meer…” verwarrend zijn- Vereisen dat de bezoeker terug gaat naar de navigatie pagina om
verder te surfen
16
17
16:1 Organize Information Clearly
= De website moet op elk niveau goed gestructureerd en georganiseerd zijn
• Navigatie linkerkant goed• Navigatieblokken: zelfde opmerkingen• 3 verschillende secties met ‘hotlinks’ te veel. 2 secties
volstaat.
18
19
16:2 Facilitate Scanning
= Gebruik duidelijke, goed geplaatste headings, korte zinnen en korte leesbare paragrafen
• Korte paragrafen• Duidelijke headings• Duidelijke lijsten• Relevante links
20
16:5 Minimize the Number of Clicks or Pages
= Ontwerp de site zodanig dat de meest voorkomende taken kunnen uitgevoerd worden in een minimum aan pagina’s en kliks.
• Sectie “Meest bezochte pagina’s”• Hotlink secties• Navigatieblokken
21
ANDERE RELEVANTE CRITERIA
22
Consistent toegepaste criteria
• Taalgebruik is toegankelijk voor alle gebruikers• Informatie wordt duidelijk voorgedragen en gedetailleerd
door extra documenten• Geen designer web site, ook ‘normale’ gebruiker kan zijn
weg vinden• Logo’s zien er niet uit als banners• Geen onnodige afbeeldingen (verduidelijken altijd content)
23
SAMENVATTING
24
Samenvatting• Malle.be logo• Toegankelijk voor alle gebruikers• Scannen van content• Thumbnail afbeeldingen• Minimaliseer aantal links• Consistent gebruik afkortingen
• Downloadsnelheid• Structuur & organisatie• Multimedia
• Limiteer navigatie
! Criteria globaal gezien toegepast, discussie mogelijk over navigatie
25
Vragen?
• Deze presentatie is beschikbaar optinyurl.com/us1416