Usability HS 14-16
-
Upload
yvesmgryphon -
Category
Technology
-
view
487 -
download
0
description
Transcript of Usability HS 14-16
![Page 1: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/1.jpg)
Usability malle.be
Groep 5Yves Meysmans, Sultana Nagi, Matthias Clarysse,
Len Collier, Geert Dierckx
![Page 2: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/2.jpg)
2
Evaluatie
• Chapter 14: Graphics, Images, and Multimedia• Chapter 15: Writing Web Content• Chapter 16: Content Organization
![Page 3: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/3.jpg)
3
Overzicht
• Belangrijkste criteria• Andere relevante criteria• Samenvatting
![Page 4: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/4.jpg)
4
BELANGRIJKSTE CRITERIA
![Page 5: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/5.jpg)
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
![Page 6: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/6.jpg)
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
![Page 7: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/7.jpg)
7
14:5 Include Logos
= Logos moeten op de juiste plaats en consistent worden gebruikt
• Conistent gebruik van malle.be logo (links boven)
![Page 8: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/8.jpg)
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
![Page 9: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/9.jpg)
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
![Page 10: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/10.jpg)
10
14:14 Thumbnail images
![Page 11: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/11.jpg)
11
14:14 Thumbnail Images
![Page 12: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/12.jpg)
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
![Page 13: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/13.jpg)
13
![Page 14: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/14.jpg)
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)”
![Page 15: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/15.jpg)
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
![Page 16: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/16.jpg)
16
![Page 17: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/17.jpg)
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.
![Page 18: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/18.jpg)
18
![Page 19: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/19.jpg)
19
16:2 Facilitate Scanning
= Gebruik duidelijke, goed geplaatste headings, korte zinnen en korte leesbare paragrafen
• Korte paragrafen• Duidelijke headings• Duidelijke lijsten• Relevante links
![Page 20: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/20.jpg)
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
![Page 21: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/21.jpg)
21
ANDERE RELEVANTE CRITERIA
![Page 22: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/22.jpg)
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)
![Page 23: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/23.jpg)
23
SAMENVATTING
![Page 24: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/24.jpg)
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
![Page 25: Usability HS 14-16](https://reader033.fdocuments.in/reader033/viewer/2022061202/546ca568af79592c498b6e3e/html5/thumbnails/25.jpg)
25
Vragen?
• Deze presentatie is beschikbaar optinyurl.com/us1416