Usability & Interface Design

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.

Interface Design & Usability

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:




(3)

Frequentie internetgebruik

BRON:




(4)

Type internetaansluiting, naar achtergrondkenmerken, 2005

BRON:

1)




(5)

Type internetaansluiting, naar achtergrondkenmerken, 2005

BRON:

1)



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ò • [email protected]


Usability & Interface Design

Recommend Documents