• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Usability HS 14-16
 

Usability HS 14-16

on

  • 422 views

 

Statistics

Views

Total Views
422
Views on SlideShare
422
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Usability HS 14-16 Usability HS 14-16 Presentation Transcript

    • Usability malle.be Groep 5 Yves Meysmans, Sultana Nagi, Matthias Clarysse, Len Collier, Geert Dierckx
    • Evaluatie
      • Chapter 14: Graphics, Images, and Multimedia
      • Chapter 15: Writing Web Content
      • Chapter 16: Content Organization
    • Overzicht
      • Belangrijkste criteria
      • Andere relevante criteria
      • Samenvatting
    • BELANGRIJKSTE CRITERIA
    • 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
    • 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
    • 14:5 Include Logos
      • = Logos moeten op de juiste plaats en consistent worden gebruikt
      • Conistent gebruik van malle.be logo (links boven)
    • 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
    • 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
    • 14:14 Thumbnail images
    • 14:14 Thumbnail Images
    • 15:1 Make Action Sequences Clear
      • = Sequenties bij online formulieren, registraties,… moeten duidelijk en logisch zijn
      • Registratieformulier weinig gestructureerd maar eenvoudig
      • Meldingsformulier zeer duidelijk
    •  
    • 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: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: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.
    •  
    • 16:2 Facilitate Scanning
      • = Gebruik duidelijke, goed geplaatste headings, korte zinnen en korte leesbare paragrafen
      • Korte paragrafen
      • Duidelijke headings
      • Duidelijke lijsten
      • Relevante links
    • 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
    • ANDERE RELEVANTE CRITERIA
    • 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)
    • SAMENVATTING
    • 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
    • Vragen?
      • Deze presentatie is beschikbaar op tinyurl.com/us1416