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