Planning Usability Week 1: Wat is usability, Homepage H1,2 Week 2: Navigatiestructuur, Zoekdienst, Servicepagina’s H3,4,5 Week 3: Ontwerp en Webschrijven.

Presentatie over: "Planning Usability Week 1: Wat is usability, Homepage H1,2 Week 2: Navigatiestructuur, Zoekdienst, Servicepagina’s H3,4,5 Week 3: Ontwerp en Webschrijven."— Transcript van de presentatie:

1 Planning Usability Week 1: Wat is usability, Homepage H1,2 Week 2: Navigatiestructuur, Zoekdienst, Servicepagina’s H3,4,5 Week 3: Ontwerp en Webschrijven H6,7 Week 4: Multimedia, Accessibility, Mobile H8,9,10 Week 5: Usability-test H11

2 H8 Usability en Multimedia Gebruik van animatie, audio, video, flash, html5, etc Voordelen: Multimedia is wel een goede aandachttrekker. Filmpje zegt meer dan 10.000 woorden. Jongeren groeien op in een beeldcultuur (communicatie via beelden). Experience marketing – Belevenis rondom merk – Band merk en klant Nadeel: Plugin nodig (niet bij html5 Tip Gebruik multimedia alleen als ondersteuning, niet om de primaire boodschap over te brengen. Tip Gebruikers zijn allergisch voor bewegende objecten

3 H8 Usability en Multimedia Tip Gebruik absoluut geen ‘Site takeover banners’ of ‘Takeover ads’. Tip Ontwerp een banner waar iets te beleven (spel) of te verdienen valt Tip Video zegt veel meer dan tekst, denk aan de instructiefilmpjes (screencasts) Tip Alternatief voor HTML, CSS, Javascript ( www.trajectumlumen.nl ).www.trajectumlumen.nl Tip …

4 H8 Usability en Multimedia Huiswerk: Vragen:1 t/m 12 Geen Oefeningen

5 H9 Usability en Accessibility Toegankelijkheid van sites voor bezoekers met een beperking. Problemen: Geen alt-teksten Lettergrootte vast op bijv. 10 pixels Kleine navigatiebuttons Zeer gevoelige uitklapmenu’s Etc W3C kent 15 (tips) richtlijnen (met ijkpunten per richtlijn) zie boek. Ondertiteling Vertrouw niet alleen op kleur … Etc

6 H9 Usability en Accessibility Huiswerk: Vragen:1 t/m 15 Extra Oefening Voer de gedeeltelijk automatische check (blz 264) uit voor de site van de opdrachtgever en analyseer de resultaten ( www.webrichtlijnen.nl/toetsen ).www.webrichtlijnen.nl/toetsen

7 H10 Mobile Verschilllen Mobile- en Vaste-websites Schermafmetingen – Reduceer hoeveelheid content – Gebruik single-column lay-out Andere wijze bediening – Hamburgermenu – Touchscreens – Minder opties Andere wijze van presenteren content – Geen lange stukken tekst – Geen ingewikkelde formulieren Minimaliseer tekstinvoer – Automatisch aanvullen van formuliervelden Na intikken van paar tekens … een aantal opties tekst Gebruik ingebouwde functionaliteit – Koppeling telefoonnummer, gps voor huidige positie, etc

8 H10 Mobile Responsive design of aparte mobile site? Liefst responsive als je de voorgaande punten kunt doorvoeren Anders aparte (https://m.bol.com/nl/)https://m.bol.com/nl/ Alternatief is Adaptive responsive design (responsive design plus) Check in CSS of mobile of vast – Afhankelijk van check minder content, kleinere afbeeldingen etc. Huiswerk: Vragen:1 t/m 10 Oefening 1 Maar dan voor de opdrachtgever