Usability & Interface Design

Maat: px

Weergave met pagina beginnen:

Download "Usability & Interface Design"

Adriana de Smedt
8 jaren geleden
Aantal bezoeken:

1 Usability & Interface Design Marco Corrò

2 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.

3 Usability Tevredenheid Gebruikerscontext Usability Efficiëntie Effectiviteit

4 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.

Efficiëntie: middelen die worden verbruikt in relatie tot de nauwkeurigheid en

5 Voorbeeld

6 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)

Gebruiksvriendelijkheid Kan de gebruiker op eenvoudige wijze de door hem gezocht

7 Afstemming Marketing Techniek Interface ontwerp Grafisch ontwerp

8 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.

Vrij vertaald: de menselijke benadering.

9 Nederlandse statistieken Bezit personal computer thuis BRON: Centraal Bureau voor de Statistiek

10 Nederlandse statistieken (2) Internet toegang BRON: Centraal Bureau voor de Statistiek

11 Nederlandse statistieken (3) Frequentie internetgebruik BRON: Centraal Bureau voor de Statistiek

12 Nederlandse statistieken (4) Type internetaansluiting, naar achtergrondkenmerken, 2005 BRON: 1) Centraal Bureau voor de Statistiek

13 Nederlandse statistieken (5) Type internetaansluiting, naar achtergrondkenmerken, 2005 BRON: 1) Centraal Bureau voor de Statistiek

14 De eerste indruk Domeinnamen, subdomeinen Paginatitels zijn ze logisch en relevant? Favicon adresbalk icoon Herkenbaarheid logo, slogan, etc? Hoofd- en subnavigatie

15 Domeinen en subdomeinen

16 Herkenbaarheid Subdomein.domein.toplevel domein Favicon Titel Hoofdnavigatie Logo en slogan

17 Herkenbaarheid - Logo

18 Herkenbaarheid - Logo

19 Navigatiestructuren

20 Navigatie en meer

21 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.

22 Voorbeelden

Kleurgebruik Huisstijl(kleuren) vaak uitgangspunt. Laat de huisstijl niet prevaleren boven leesbaarheid (zie voorbeeld 538). Denk aan voldoende contrast.

23 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

24 Voorbeelden

25 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? De logica is de basis van usability

26 Vragen? Marco Corrò

Vergelijkbare documenten

Wat is Interaction Design?

Wat is Interaction Design? Wat is interaction design? Designing interactive products to support the way people communicate and interact in their everyday and working lives. Preece, Sharp and Rogers (2015)