SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
Usability websites en apps
@martinspecken
Stap 1a – observeren en vragen
Toekomstige gebruikers
#usability
• Fysieke eigenschappen
– Geslacht, leeftijd, gewicht, grootte vinger(afdruk) etc.
• Sensorische eigenschappen
– Ruiken, zien, proeven, horen, voelen
• Cognitieve eigenschappen
– Verstand, geheugen
Stap 1b – observeren en vragen
Eigenschappen gebruiksomgeving
#usability
• Binnen / buiten
• Licht / donker
• Droog / nat
• Maak foto’s en leg ze naast elkaar
Stap 1c – observeren en vragen
Eigenschappen gebruikerstaken
#usability
• Zet alle (deel)taken op papiertjes
• Breng ordening aan
• Breng prioriteit aan
– Zijn alle onderdelen wel noodzakelijk?
• Zet het resultaat om in stroomschema’s (flowcharts)
– met blokken
– en pijlen (tip: Microsoft Visio)
Stap 1c – observeren en vragen
Flowcharts in Microsoft Visio
#usability
Stap 2 – beleving doelgroep
Per vel A4-papier
#usability
• Keuzemogelijkheden tonen
• Respondent voorkeur laten aanwijzen
• Voorkeur vastleggen
• Totalen
– In overzichtelijke tabellen plaatsen
– Per onderdeel in een grafiek tonen
Stap 2 – beleving doelgroep
Voorbeeld
velA4-papier
#usability
A B C D
E F G H
I J K L
M N O P
Stap 2 – beleving doelgroep
Per vel A4-papier
#usability
• Kleuren
• Schermafbeeldingen populaire apps
– Nieuws
– Games
– Weer
– Mobile messaging
– Social media
• Iconen
Stap 3 – persona’s opstellen
Resultaten stap 1 en 2 in persona omzetten
#usability
• Beschrijving eigenschappen van gemiddelde
– Gebruiker
– Gebruikerstaken
– Gebruiksomgeving
• Meest voorkomende eigenschappen noemen
– Als meeste respondenten vrouw zijn, 35 jaar de meest
voorkomende leeftijd en geel de meest genoemde kleur dan noem
je dit.
Stap 4 – prototyping
Resultaten stap 1 t/m 3 omzetten
#usability
• Diverse papieren protypen
• Laat doelgroep ook schetsen
• Leg voor aan experts
• Op basis bevindingen nieuwe versies maken
• Bewaar de eerdere versies (foto)
• Gebruik dit in verslag en presentatie
Gebruikskwaliteit
Vraag de doelgroepom een score te geven op 12 aspecten:
#usability
1. Kan de doelgroep de app gebruiken?
– Bruikbaar, toegankelijk, comfortabel, eenvoud
2. Heeft de doelgroep de kennis hiervoor?
– Begrijpelijk, herkenbaar, leerbaar, vindbaar
3. Wil de doelgroep het gebruiken?
– Nuttig, wenselijk, waardevol, leuk
Gebruikskompas
#usability
Behoeften
#usability
Behoeftenhiërarchie van Maslow
Meer info
#usability
• Jakob Nielsen – 10 richtlijnen
– http://www.useit.com/papers/heuristic/heuristic_list.html
• Mijn bedrijf: Specken.nl documenten om gebruikskwaliteit te meten
– http://www.specken.nl/docs
• 42bis – Community usability professionals
– http://www.42bis.nl/author/martinspecken/
• Blackboarcourses opleiding Human Technology
– Course: HT – Thema 02 – Mens-computerinteractie
– Course: HT – Thema 05 – Mens-computerinteractie
• Usabilityweb
– http://www.usabilityweb.nl/
• Marketingfacts – Usability & Design
– http://www.marketingfacts.nl/rubrieken/usability_design/
Martin Specken
Docent opleiding Industrieel Product Ontwerpen
m.j.specken@pl.hanze.nl
@martinspecken #ipoht

Más contenido relacionado

Similar a Usability introductie bij de minor Healthy Ageing

web, apps en erfgoed
web, apps en erfgoedweb, apps en erfgoed
web, apps en erfgoedErfgoed 2.0
 
Beoordelen van competente mediawijze docenten en docentenopleiders
Beoordelen van competente mediawijze docenten en docentenopleidersBeoordelen van competente mediawijze docenten en docentenopleiders
Beoordelen van competente mediawijze docenten en docentenopleidersPierre Gorissen
 
Presentatie Concept
Presentatie ConceptPresentatie Concept
Presentatie ConceptLotte Witty
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1Hans Kemp
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
Ontwikkelingen in het taal en leesonderwijs (versie 02)
Ontwikkelingen in het taal  en leesonderwijs (versie 02)Ontwikkelingen in het taal  en leesonderwijs (versie 02)
Ontwikkelingen in het taal en leesonderwijs (versie 02)Jos Cöp
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1Hans Kemp
 
Verbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekVerbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekvalantic NL
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaErik Duval
 
User Checks - Agile Usability Testing
User Checks - Agile Usability TestingUser Checks - Agile Usability Testing
User Checks - Agile Usability TestingAnouschka Scholten
 
The smartphone goes to school - Master thesis presentation dec 2010
The smartphone goes to school - Master thesis presentation dec 2010The smartphone goes to school - Master thesis presentation dec 2010
The smartphone goes to school - Master thesis presentation dec 2010Thomas De l'Arbre
 
van blauwdruk naar Publiekstoepassing
van blauwdruk naar Publiekstoepassingvan blauwdruk naar Publiekstoepassing
van blauwdruk naar PubliekstoepassingErfgoed 2.0
 
Tussentijdse masterpresentatie
Tussentijdse masterpresentatieTussentijdse masterpresentatie
Tussentijdse masterpresentatiePixelkings
 
IADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieIADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieHans Kemp
 
iPad-app usabilitytest met eyetracking van MediaTest en Validators
iPad-app usabilitytest met eyetracking van MediaTest en ValidatorsiPad-app usabilitytest met eyetracking van MediaTest en Validators
iPad-app usabilitytest met eyetracking van MediaTest en ValidatorsMediaTest
 
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...antoinevandinter
 
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?Leiden University
 
Multimedia: inleiding
Multimedia: inleidingMultimedia: inleiding
Multimedia: inleidingErik Duval
 

Similar a Usability introductie bij de minor Healthy Ageing (20)

web, apps en erfgoed
web, apps en erfgoedweb, apps en erfgoed
web, apps en erfgoed
 
Beoordelen van competente mediawijze docenten en docentenopleiders
Beoordelen van competente mediawijze docenten en docentenopleidersBeoordelen van competente mediawijze docenten en docentenopleiders
Beoordelen van competente mediawijze docenten en docentenopleiders
 
Presentatie Concept
Presentatie ConceptPresentatie Concept
Presentatie Concept
 
Aanpak Mixit
Aanpak MixitAanpak Mixit
Aanpak Mixit
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
Ontwikkelingen in het taal en leesonderwijs (versie 02)
Ontwikkelingen in het taal  en leesonderwijs (versie 02)Ontwikkelingen in het taal  en leesonderwijs (versie 02)
Ontwikkelingen in het taal en leesonderwijs (versie 02)
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1
 
Verbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekVerbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoek
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers training
 
Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimedia
 
User Checks - Agile Usability Testing
User Checks - Agile Usability TestingUser Checks - Agile Usability Testing
User Checks - Agile Usability Testing
 
The smartphone goes to school - Master thesis presentation dec 2010
The smartphone goes to school - Master thesis presentation dec 2010The smartphone goes to school - Master thesis presentation dec 2010
The smartphone goes to school - Master thesis presentation dec 2010
 
van blauwdruk naar Publiekstoepassing
van blauwdruk naar Publiekstoepassingvan blauwdruk naar Publiekstoepassing
van blauwdruk naar Publiekstoepassing
 
Tussentijdse masterpresentatie
Tussentijdse masterpresentatieTussentijdse masterpresentatie
Tussentijdse masterpresentatie
 
IADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieIADD1 0910Q1 Introductie
IADD1 0910Q1 Introductie
 
iPad-app usabilitytest met eyetracking van MediaTest en Validators
iPad-app usabilitytest met eyetracking van MediaTest en ValidatorsiPad-app usabilitytest met eyetracking van MediaTest en Validators
iPad-app usabilitytest met eyetracking van MediaTest en Validators
 
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...
Het gebruik van social media voor de verschillende vaardigheden - GPD 2014, L...
 
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?
Leer je digitale klanten kennen: hoe zoeken ze en wat vinden ze?
 
Multimedia: inleiding
Multimedia: inleidingMultimedia: inleiding
Multimedia: inleiding
 

Más de Specken.NL mens-computerinteractie

Gebruikskwaliteit - Presentatie voor leden NNOT bij Human Technology
Gebruikskwaliteit - Presentatie voor leden NNOT bij Human TechnologyGebruikskwaliteit - Presentatie voor leden NNOT bij Human Technology
Gebruikskwaliteit - Presentatie voor leden NNOT bij Human TechnologySpecken.NL mens-computerinteractie
 
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkeling
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkelingStel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkeling
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkelingSpecken.NL mens-computerinteractie
 
Simulating Human Behaviour for Understanding and Managing Environmental Resou...
Simulating Human Behaviour for Understanding and Managing Environmental Resou...Simulating Human Behaviour for Understanding and Managing Environmental Resou...
Simulating Human Behaviour for Understanding and Managing Environmental Resou...Specken.NL mens-computerinteractie
 

Más de Specken.NL mens-computerinteractie (13)

What's behind the door? World Usability Day meetup Budapest
What's behind the door? World Usability Day meetup BudapestWhat's behind the door? World Usability Day meetup Budapest
What's behind the door? World Usability Day meetup Budapest
 
Workshop social media networking
Workshop social media networkingWorkshop social media networking
Workshop social media networking
 
Noordertest 2014 - Usability
Noordertest 2014 - UsabilityNoordertest 2014 - Usability
Noordertest 2014 - Usability
 
Gebruikskwaliteit - Presentatie voor leden NNOT bij Human Technology
Gebruikskwaliteit - Presentatie voor leden NNOT bij Human TechnologyGebruikskwaliteit - Presentatie voor leden NNOT bij Human Technology
Gebruikskwaliteit - Presentatie voor leden NNOT bij Human Technology
 
Decision making, decision support & problem solving
Decision making, decision support & problem solvingDecision making, decision support & problem solving
Decision making, decision support & problem solving
 
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkeling
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkelingStel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkeling
Stel de gebruikers en gebruikskwaliteit centraal bij ICT productontwikkeling
 
Simulating Human Behaviour for Understanding and Managing Environmental Resou...
Simulating Human Behaviour for Understanding and Managing Environmental Resou...Simulating Human Behaviour for Understanding and Managing Environmental Resou...
Simulating Human Behaviour for Understanding and Managing Environmental Resou...
 
Workshop scrum
Workshop scrumWorkshop scrum
Workshop scrum
 
2011 04-27 Honours college sustainable leadership
2011 04-27 Honours college sustainable leadership2011 04-27 Honours college sustainable leadership
2011 04-27 Honours college sustainable leadership
 
Lunchboxmeeting social media
Lunchboxmeeting social mediaLunchboxmeeting social media
Lunchboxmeeting social media
 
It's time to tweet - workshop Twitter voor Timing
It's time to tweet - workshop Twitter voor TimingIt's time to tweet - workshop Twitter voor Timing
It's time to tweet - workshop Twitter voor Timing
 
2010-10-06 college social media: Twitter
2010-10-06 college social media: Twitter2010-10-06 college social media: Twitter
2010-10-06 college social media: Twitter
 
Workshop social media - Secretaressedag
Workshop social media - SecretaressedagWorkshop social media - Secretaressedag
Workshop social media - Secretaressedag
 

Usability introductie bij de minor Healthy Ageing

  • 1. Usability websites en apps @martinspecken
  • 2. Stap 1a – observeren en vragen Toekomstige gebruikers #usability • Fysieke eigenschappen – Geslacht, leeftijd, gewicht, grootte vinger(afdruk) etc. • Sensorische eigenschappen – Ruiken, zien, proeven, horen, voelen • Cognitieve eigenschappen – Verstand, geheugen
  • 3. Stap 1b – observeren en vragen Eigenschappen gebruiksomgeving #usability • Binnen / buiten • Licht / donker • Droog / nat • Maak foto’s en leg ze naast elkaar
  • 4. Stap 1c – observeren en vragen Eigenschappen gebruikerstaken #usability • Zet alle (deel)taken op papiertjes • Breng ordening aan • Breng prioriteit aan – Zijn alle onderdelen wel noodzakelijk? • Zet het resultaat om in stroomschema’s (flowcharts) – met blokken – en pijlen (tip: Microsoft Visio)
  • 5. Stap 1c – observeren en vragen Flowcharts in Microsoft Visio #usability
  • 6. Stap 2 – beleving doelgroep Per vel A4-papier #usability • Keuzemogelijkheden tonen • Respondent voorkeur laten aanwijzen • Voorkeur vastleggen • Totalen – In overzichtelijke tabellen plaatsen – Per onderdeel in een grafiek tonen
  • 7. Stap 2 – beleving doelgroep Voorbeeld velA4-papier #usability A B C D E F G H I J K L M N O P
  • 8. Stap 2 – beleving doelgroep Per vel A4-papier #usability • Kleuren • Schermafbeeldingen populaire apps – Nieuws – Games – Weer – Mobile messaging – Social media • Iconen
  • 9. Stap 3 – persona’s opstellen Resultaten stap 1 en 2 in persona omzetten #usability • Beschrijving eigenschappen van gemiddelde – Gebruiker – Gebruikerstaken – Gebruiksomgeving • Meest voorkomende eigenschappen noemen – Als meeste respondenten vrouw zijn, 35 jaar de meest voorkomende leeftijd en geel de meest genoemde kleur dan noem je dit.
  • 10. Stap 4 – prototyping Resultaten stap 1 t/m 3 omzetten #usability • Diverse papieren protypen • Laat doelgroep ook schetsen • Leg voor aan experts • Op basis bevindingen nieuwe versies maken • Bewaar de eerdere versies (foto) • Gebruik dit in verslag en presentatie
  • 11. Gebruikskwaliteit Vraag de doelgroepom een score te geven op 12 aspecten: #usability 1. Kan de doelgroep de app gebruiken? – Bruikbaar, toegankelijk, comfortabel, eenvoud 2. Heeft de doelgroep de kennis hiervoor? – Begrijpelijk, herkenbaar, leerbaar, vindbaar 3. Wil de doelgroep het gebruiken? – Nuttig, wenselijk, waardevol, leuk
  • 14. Meer info #usability • Jakob Nielsen – 10 richtlijnen – http://www.useit.com/papers/heuristic/heuristic_list.html • Mijn bedrijf: Specken.nl documenten om gebruikskwaliteit te meten – http://www.specken.nl/docs • 42bis – Community usability professionals – http://www.42bis.nl/author/martinspecken/ • Blackboarcourses opleiding Human Technology – Course: HT – Thema 02 – Mens-computerinteractie – Course: HT – Thema 05 – Mens-computerinteractie • Usabilityweb – http://www.usabilityweb.nl/ • Marketingfacts – Usability & Design – http://www.marketingfacts.nl/rubrieken/usability_design/
  • 15. Martin Specken Docent opleiding Industrieel Product Ontwerpen m.j.specken@pl.hanze.nl @martinspecken #ipoht