Usability & Interface Design Marco Corrò
Usability & Interface Design Interface Design = de vormgeving van de grafische gebruikersinterface van een website Usability = Extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context. Usability = De mate waarin een product gebruikt kan worden door specifieke gebruikers om specifieke doelen te bereiken in een specifieke gebruikerscontext, tegen optimale effectiviteit, efficiëntie en tevredenheid.
Usability Tevredenheid Gebruikerscontext Usability Efficiëntie Effectiviteit
Kernbegrippen Effectiviteit: nauwkeurigheid en volledigheid waarmee gebruikers gespecificeerde doelen bereiken. Efficiëntie: middelen die worden verbruikt in relatie tot de nauwkeurigheid en volledigheid waarmee gebruikers doelen bereiken. Tevredenheid: vrijwaring van ongemak en positieve houdingen ten opzichte van het gebruik van het product.
Voorbeeld
Maar waar draait het nu echt om? Functionaliteit Doet de site datgene wat de gebruiker ervan verwacht? Gebruiksvriendelijkheid Kan de gebruiker op eenvoudige wijze de door hem gezocht informatie tot zich krijgen? Gebruikerservaring of gebruikersbeleving Hoe ervaart de gebruiker zijn bezoek aan de site? (User experience)
Afstemming Marketing Techniek Interface ontwerp Grafisch ontwerp
Marketing en design - keuzes Gebruiker = Middelpunt User centered design De gebruiker wordt centraal gesteld. Zeer diepgaande kennis van de gebruiker/mens/doelgroep is in deze van essentieel belang. Vrij vertaald: de menselijke benadering. Activiteiten van de gebruiker = middelpunt Activity centered design Wat doet een gebruiker op de betreffende doelgroep? Wat zijn zijn/haar activiteiten en hoe moet de interface daarop afgestemd worden? Vrij vertaald: de functionele benadering.
Nederlandse statistieken Bezit personal computer thuis BRON: Centraal Bureau voor de Statistiek http://statline.cbs.nl/
Nederlandse statistieken (2) Internet toegang BRON: Centraal Bureau voor de Statistiek http://statline.cbs.nl/
Nederlandse statistieken (3) Frequentie internetgebruik BRON: Centraal Bureau voor de Statistiek http://statline.cbs.nl/
Nederlandse statistieken (4) Type internetaansluiting, naar achtergrondkenmerken, 2005 BRON: 1) Centraal Bureau voor de Statistiek http://statline.cbs.nl/
Nederlandse statistieken (5) Type internetaansluiting, naar achtergrondkenmerken, 2005 BRON: 1) Centraal Bureau voor de Statistiek http://statline.cbs.nl/
De eerste indruk Domeinnamen, subdomeinen Paginatitels zijn ze logisch en relevant? Favicon adresbalk icoon Herkenbaarheid logo, slogan, etc? Hoofd- en subnavigatie
Domeinen en subdomeinen
Herkenbaarheid Subdomein.domein.toplevel domein Favicon Titel Hoofdnavigatie Logo en slogan
Herkenbaarheid - Logo
Herkenbaarheid - Logo
Navigatiestructuren
Navigatie en meer
Hyperlinks Zorg dat de bezoeker te allen tijde weet waar hij zich in de site bevindt. Gebruik broodkruimels of tabbladen. Zorg indien visueel verantwoord dat de bezoeker kan zien waar hij al is geweest. Gebruik visited links. Hyperlinks moeten herkenbaar zijn. Hyperlinks hebben het alleenrecht op underlines.
Voorbeelden
Kleurgebruik Huisstijl(kleuren) vaak uitgangspunt. Laat de huisstijl niet prevaleren boven leesbaarheid (zie voorbeeld 538). Denk aan voldoende contrast. Denk na over de betekenis van kleuren Houd rekening met kleurenblindheid Kleuren spreken soms boekdelen Gebruik teksten of symbolen in aanvulling op kleuren
Voorbeelden
Overige belangrijke zaken Tekstgebruik Keuze voor lettertypen Lettergrootte Tekstkleuren Gebruik van multimediatoepassingen Welke plugins zijn nodig (flash, java, etc.) Geluid Video Documenten (PDF, Flashpaper, etc.) Accessability/Toegankelijkheid Hoe toegankelijk is de site voor mensen met en zonder handicap? www.drempelvrij.nl De logica is de basis van usability
Vragen? Marco Corrò marco@zoccolo.nl