Gastcollege door Richard de Vries van Architecto over Usability, bij de Minor Online Marketing op Avans Hogeschool Breda.

1. Architecto.nl
USABILITY
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
2
Maart
2011

2. Even voorstellen
 Willem de Kooning academie
 Detailhandelschool:
Ondernemersdiploma
 Interaction & Visual Interface
Design
 Afgestudeerd TNO: "
Usability Heuristics voor
spraakgestuurde GUI’s
 Foka.nl opzetten
webwinkel:Webshop manager
 DR E-comm Reclamebureau:
Visual Designer
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
3
Maart
2011

3. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
4
Maart
2011

4. Agenda
• Usability in een (web)project
• Usability in verschillende fasen
• Usability & Conversie
• Optimalisatie
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
5
Maart
2011

5. Usability in een (web)project
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
6
Maart
2011

6. Usability -> User Experience
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
7
Maart
2011

7. User research
Requirements
Definition
Content
Inventory Content Content
Analysis Mapping
Card Sorting
Business Visual Comps
Site Map
Objectives Process / Task Style Guide
User Goals Diagrams
Wireframes
Prototype
Usability Testing
Technology Content
Selection Migration Plan CMS Framework HTML / CSS
Templates
Content Migration
Testing
Launch
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
8
Maart
2011

8. User research
Card Sorting
User Goals
Usability Testing
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
9
Maart
2011

9. User Research
User research
Focus Groups
User Goals
• Achterhalen van gebruikersdoelen
(requirements)
• Inspiratie
Informatie architect, informatie analist, business analist, interactie
ontwerper, usability specialist
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
10
Maart
2011

10. Focus group
• Groep van maximaal 10 mensen
• 1 gespreksleider, 1 notulist (optioneel)
• Stimuleer discussies onderling
• Conan O’Brien: 2:40
http://www.youtube.com/watch?
v=Hvh1MIctsBo
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
11
Maart
2011

11. Card sorting
Card Sorting
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
12
Maart
2011

12. Usability Testing
Usability Testing
Ontdekken van usability ‘fouten’
Usability specialist
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
13
Maart
2011

13. Simple Usability Testing
• Duidelijke taak
• Proefpersoon
• Testopstelling
http://www.youtube.com/watch?v=lRedwm9mhow
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
14
Maart
2011

14. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
15
Maart
2011

15. Usability optimalisatie
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
16
Maart
2011

16. Willen
Usability & Conversie
Kunnen
Kopen
Persuasion
Usability
Conversie
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
17
Maart
2011

17. Conversie is
Willen
Afhaken
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
18
Maart
2011

18. AB Testing
Google Website Optimizer
Versie A
Versie B
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
19
Maart
2011

19. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
20
Maart
2011

20. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
21
Maart
2011

21. Expert Review
Ten Usability Heuristics - Jakob Nielsen
http://www.useit.com/papers/heuristic/
heuristic_list.html
First Principles – Bruce Tognazzini
http://www.asktog.com/basics/
firstPrinciples.html
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
22
Maart
2011

22. SExpert review "
(simple expert review)
• Wat is dit?
• Wat kan ik hier?
• Waar kan ik heen?
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
23
Maart
2011

23. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
24
Maart
2011

24. Design - Mockups
• Balsamiq
• http://balsamiq.com/
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
25
Maart
2011

25. Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
26
Maart
2011

26. BEDANKT VOOR JULLIE
AANDACHT
Architecto
-­‐
Avans
Hogeschool
|
Usability
|
12
27
Maart
2011