SlideShare une entreprise Scribd logo
1  sur  49
( web ) Usability De basis
Wat   gaan we  behandelen ? ( web ) Usability Wat   is  Usability ? Waarom   verdiepen in  Usability ? Hoe  ga  je van   start ? Waar  kunnen   we   vanuit  gaan ? Welke  conclusie   kunnen we   trekken ? Zijn   er   voorbeelden ? Meer   weten ?
Wat   is  Usability ?
Wat   is  Usability ? Usability   =   Gebruikersvriendelijkheid ge·brui·kers·vrien·de·lijk   bn, bw  handig   in het  gebruik ,  doordat bij het  ontwerp   rekening   met de  gebruiker  gehouden is Us · abil · i · ty convenient   and   practical   for   use
Wat   is  Usability ? Dus . . . ( web ) Usability is Webapplicaties  (site’s) die relatief eenvoudig te gebruiken zijn, omdat er in het ontwerpproces rekening met de gebruiker gehouden is.
Waarom   verdiepen in  Usability ?
Chaos  beperken Waarom   verdiepen in  Usability ?
Het  moet  niet te  moeilijk   worden Waarom   verdiepen in  Usability ?
Discussie beperken Waarom   verdiepen in  Usability ?
Ofwel  . . . Waarom   verdiepen in  Usability ?
Voorkomen   van Frustratie Waarom   verdiepen in  Usability ?
Bij  Gebruikers,  Designers,   Programmeurs,   CEO’s,  Opdrachtgevers,  Productmanagers,   En ga zo maar door Waarom   verdiepen in  Usability ?
Hoe  ga  je van   start ?
Hoe  ga  je van   start ? Boeken   lezen
Hoe  ga  je van   start ? Inspiratie   opdoen
Hoe  ga  je van   start ? Browsen   over het  web
Hoe  ga  je van   start ? Tests   afnemen
Hoe  ga  je van   start ? En   nu   naar   mij Luisteren  ;-)
Waar  kunnen   we   vanuit  gaan ?
Waar  kunnen   we   vanuit  gaan ? De   gebruiker  scant  website’s De   gebruiker  maakt   niet   de  beste  keuze De   gebruiker  wil  niet   weten   hoe  het  werkt
De   gebruiker  scant  website’s
De   gebruiker  scant  website’s Waarom ?
De   gebruiker  scant  website’s We   hebben  Haast
De   gebruiker  scant  website’s We hebben  last   van   information Overkill
De   gebruiker  scant  website’s We   doen  niets  anders
De   gebruiker  scant  website’s Dus . . .
De   gebruiker  scant  website’s ,[object Object],[object Object],[object Object],[object Object],[object Object],We  moeten   rekening houden  met de  volgende  punten :
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina Belangrijk  Minder belangrijk  Minst belangrijk De grootte van de tekst bepaald de belangrijkheid Maar niet alleen de grootte, ook de kleur, achtergrond, de dikte, etc Belangrijk   Minder belangrijk  Minst belangrijk
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Logisch gerelateerde items, moeten ook visueel gerelateerd zijn
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina Als een blok/tekst visueel onderliggend is van een ander blok/tekst dan is dit ook een onderdeel daarvan Titel Subtitel De tekst Subtitel De tekst
De   gebruiker  scant  website’s Pagina opdelen in duidelijke delen Header Menu Pagina titel Item 3 Item 1 Item 2 Item 4
De   gebruiker  scant  website’s Duidelijk maken wat klikbaar is Maar vergeet niet te vertellen waarom de gebruiker op de button klikt!
De   gebruiker  scant  website’s Ruis reduceren
De   gebruiker  scant  website’s Hoeveelheid tekst beperken Get rid  of  half  the  words  on each  page ,  then  Get rid  of  half  of  what’s left Steve Krug – Don’t make me think
De   gebruiker  maakt   niet   de  beste  keuze We  just   muddle   through ! Steve Krug – Don’t make me think Vele  wegen  leiden naar  Rome er zijn  meerdere   methoden   om iets te  bereiken
De   gebruiker  maakt   niet   de  beste  keuze Waarom ?
We   hebben  Haast De   gebruiker  maakt   niet   de  beste  keuze
We   houden wel van  Trial  &  Error De   gebruiker  maakt   niet   de  beste  keuze
Gokken   is   leuk ! De   gebruiker  maakt   niet   de  beste  keuze
De   gebruiker  maakt   niet   de  beste  keuze Zolang . . .
De   gebruiker  maakt   niet   de  beste  keuze De  gebruiker   uiteindelijk  maar zijn of haar  doel   bereikt
De   gebruiker  wil  niet   weten   hoe  het  werkt
De   gebruiker  wil  niet   weten   hoe  het  werkt Als  het maar  werkt!
Welke  conclusie   kunnen we   trekken ?
Welke  conclusie   kunnen we   trekken ? De  Gebruiker …  heeft  weinig   tijd …  houdt  van  experimenteren …  wil  tevreden   gesteld   worden
Welke  conclusie   kunnen we   trekken ? Dus …  de  gebruiker   scant …  de  gebruiker   experimenteert …  de  gebruiker  heeft een  doel
Zijn   er   voorbeelden ?
Meer   weten ?
Meer   weten ? Boeken : Don’t Make Me think –   Steve Krug Information Architecture –   Peter Morville & Louis Rosenfeld De Internet Scorecard –  Geert Jan Smits & Joost Steins Bisschop Site’s : Jungle Rating –   www.junglerating.nl Usabilty Views–   www.usabilityviews.com Usability Guidelines –  Usability.gov/guidelines/index.html

Contenu connexe

Tendances

november 2014 vo_multimove - Meer succes op internet!
november 2014 vo_multimove - Meer succes op internet!november 2014 vo_multimove - Meer succes op internet!
november 2014 vo_multimove - Meer succes op internet!sonjavanbreen
 
Crossmediaal copy support 1 juli 2011
Crossmediaal copy support 1 juli 2011Crossmediaal copy support 1 juli 2011
Crossmediaal copy support 1 juli 2011Dolf Weverink
 
Presentatie Podomedics Seminar 20 januari 2012
Presentatie Podomedics Seminar 20 januari 2012Presentatie Podomedics Seminar 20 januari 2012
Presentatie Podomedics Seminar 20 januari 2012Erwin Sigterman
 
22/01/2019: Open Aanbod I Like Media - SEO
22/01/2019: Open Aanbod I Like Media - SEO22/01/2019: Open Aanbod I Like Media - SEO
22/01/2019: Open Aanbod I Like Media - SEOI Like Media
 
10 keer een pleidooi voor meer usability
10 keer een pleidooi voor meer usability10 keer een pleidooi voor meer usability
10 keer een pleidooi voor meer usabilityAGConsult
 
20201012 jezelf-profileren-met-LinkedIn-unizo
20201012 jezelf-profileren-met-LinkedIn-unizo20201012 jezelf-profileren-met-LinkedIn-unizo
20201012 jezelf-profileren-met-LinkedIn-unizoI Like Media
 
Is design meetbaar?
Is design meetbaar?Is design meetbaar?
Is design meetbaar?srprs.me
 
Presentatie NFTA - Personal Branding
Presentatie NFTA - Personal BrandingPresentatie NFTA - Personal Branding
Presentatie NFTA - Personal Brandingmartijnwinkler
 
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspaginaI Like Media
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Vanessa Bos-Steijn
 
20190618 Open Aanbod - I Like LinkedIn
20190618 Open Aanbod - I Like LinkedIn20190618 Open Aanbod - I Like LinkedIn
20190618 Open Aanbod - I Like LinkedInI Like Media
 
Tekstschrijvers voorburg 23 juni 2013
Tekstschrijvers voorburg 23 juni 2013Tekstschrijvers voorburg 23 juni 2013
Tekstschrijvers voorburg 23 juni 2013Jeanet Bathoorn ✓
 
Social media presentatie
Social media presentatieSocial media presentatie
Social media presentatieSplez.com
 
20 tips voor bruikbare websites van lokale overheden
20 tips voor bruikbare websites van lokale overheden20 tips voor bruikbare websites van lokale overheden
20 tips voor bruikbare websites van lokale overhedenAGConsult
 
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderdenI Like Media
 
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor vivo - ...
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor   vivo - ...20210414 sociale media strategisch inzetten in jouw vastgoedkantoor   vivo - ...
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor vivo - ...I Like Media
 
20 tips voor bruikbare overheidswebsites
20 tips voor bruikbare overheidswebsites20 tips voor bruikbare overheidswebsites
20 tips voor bruikbare overheidswebsitesAGConsult
 
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad AntwerpenI Like Media
 
Eindwerk Social Media Consultant - SBM Case
Eindwerk Social Media Consultant - SBM CaseEindwerk Social Media Consultant - SBM Case
Eindwerk Social Media Consultant - SBM CaseAlexander Vanwynsberghe
 
20210420 sterke visuals ontwerpen voor social media met canva -VGC
20210420 sterke visuals ontwerpen voor social media met canva -VGC20210420 sterke visuals ontwerpen voor social media met canva -VGC
20210420 sterke visuals ontwerpen voor social media met canva -VGCI Like Media
 

Tendances (20)

november 2014 vo_multimove - Meer succes op internet!
november 2014 vo_multimove - Meer succes op internet!november 2014 vo_multimove - Meer succes op internet!
november 2014 vo_multimove - Meer succes op internet!
 
Crossmediaal copy support 1 juli 2011
Crossmediaal copy support 1 juli 2011Crossmediaal copy support 1 juli 2011
Crossmediaal copy support 1 juli 2011
 
Presentatie Podomedics Seminar 20 januari 2012
Presentatie Podomedics Seminar 20 januari 2012Presentatie Podomedics Seminar 20 januari 2012
Presentatie Podomedics Seminar 20 januari 2012
 
22/01/2019: Open Aanbod I Like Media - SEO
22/01/2019: Open Aanbod I Like Media - SEO22/01/2019: Open Aanbod I Like Media - SEO
22/01/2019: Open Aanbod I Like Media - SEO
 
10 keer een pleidooi voor meer usability
10 keer een pleidooi voor meer usability10 keer een pleidooi voor meer usability
10 keer een pleidooi voor meer usability
 
20201012 jezelf-profileren-met-LinkedIn-unizo
20201012 jezelf-profileren-met-LinkedIn-unizo20201012 jezelf-profileren-met-LinkedIn-unizo
20201012 jezelf-profileren-met-LinkedIn-unizo
 
Is design meetbaar?
Is design meetbaar?Is design meetbaar?
Is design meetbaar?
 
Presentatie NFTA - Personal Branding
Presentatie NFTA - Personal BrandingPresentatie NFTA - Personal Branding
Presentatie NFTA - Personal Branding
 
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina20201026  profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
20201026 profileer jezelf en je zaak op linkedin UNIZO deel 2 -bedrijfspagina
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5
 
20190618 Open Aanbod - I Like LinkedIn
20190618 Open Aanbod - I Like LinkedIn20190618 Open Aanbod - I Like LinkedIn
20190618 Open Aanbod - I Like LinkedIn
 
Tekstschrijvers voorburg 23 juni 2013
Tekstschrijvers voorburg 23 juni 2013Tekstschrijvers voorburg 23 juni 2013
Tekstschrijvers voorburg 23 juni 2013
 
Social media presentatie
Social media presentatieSocial media presentatie
Social media presentatie
 
20 tips voor bruikbare websites van lokale overheden
20 tips voor bruikbare websites van lokale overheden20 tips voor bruikbare websites van lokale overheden
20 tips voor bruikbare websites van lokale overheden
 
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden
20210503 Toerisme OVL regio Vlaamse Ardennen Social media gevorderden
 
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor vivo - ...
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor   vivo - ...20210414 sociale media strategisch inzetten in jouw vastgoedkantoor   vivo - ...
20210414 sociale media strategisch inzetten in jouw vastgoedkantoor vivo - ...
 
20 tips voor bruikbare overheidswebsites
20 tips voor bruikbare overheidswebsites20 tips voor bruikbare overheidswebsites
20 tips voor bruikbare overheidswebsites
 
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen
25/04/2019 Schrijven voor zoekmachines (SEO) - Stad Antwerpen
 
Eindwerk Social Media Consultant - SBM Case
Eindwerk Social Media Consultant - SBM CaseEindwerk Social Media Consultant - SBM Case
Eindwerk Social Media Consultant - SBM Case
 
20210420 sterke visuals ontwerpen voor social media met canva -VGC
20210420 sterke visuals ontwerpen voor social media met canva -VGC20210420 sterke visuals ontwerpen voor social media met canva -VGC
20210420 sterke visuals ontwerpen voor social media met canva -VGC
 

En vedette

CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestCMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestFerry den Dopper
 
Usability - Seminar Steeds Betere Website 24 nov 2009
Usability - Seminar Steeds Betere Website 24 nov 2009Usability - Seminar Steeds Betere Website 24 nov 2009
Usability - Seminar Steeds Betere Website 24 nov 2009Colours B.V.
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergelekenFerry den Dopper
 
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...Ferry den Dopper
 
10 do's en dont's in een selectie interview
10 do's en dont's in een selectie interview10 do's en dont's in een selectie interview
10 do's en dont's in een selectie interviewPRiMAN
 
User Checks - Agile Usability Testing
User Checks - Agile Usability TestingUser Checks - Agile Usability Testing
User Checks - Agile Usability TestingAnouschka Scholten
 

En vedette (8)

CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestCMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
 
Usability - Seminar Steeds Betere Website 24 nov 2009
Usability - Seminar Steeds Betere Website 24 nov 2009Usability - Seminar Steeds Betere Website 24 nov 2009
Usability - Seminar Steeds Betere Website 24 nov 2009
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken
 
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...
Een toegankelijk internet - Goed voor mensen, goed voor je business (Tam Tam ...
 
10 do's en dont's in een selectie interview
10 do's en dont's in een selectie interview10 do's en dont's in een selectie interview
10 do's en dont's in een selectie interview
 
UX camp ams-2015- User Checks
UX camp ams-2015- User ChecksUX camp ams-2015- User Checks
UX camp ams-2015- User Checks
 
User Checks - Agile Usability Testing
User Checks - Agile Usability TestingUser Checks - Agile Usability Testing
User Checks - Agile Usability Testing
 
Usability & Conversie
Usability & ConversieUsability & Conversie
Usability & Conversie
 

Similaire à (web)Usability

Slimmer met uw website
Slimmer met uw websiteSlimmer met uw website
Slimmer met uw websiteJVI
 
Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)bolcompp
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Eduvision Opleidingen
 
Usabilityissues
UsabilityissuesUsabilityissues
Usabilityissueseironeia
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Verhoog uw conversie met deze tips voor mobile usability optimalisatie
Verhoog uw conversie met deze tips voor mobile usability optimalisatieVerhoog uw conversie met deze tips voor mobile usability optimalisatie
Verhoog uw conversie met deze tips voor mobile usability optimalisatievalantic NL
 
Webinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesWebinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesvalantic NL
 
Verhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesVerhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesvalantic NL
 
Usability AGConsult
Usability AGConsultUsability AGConsult
Usability AGConsultanaXis
 
Webrichtlijnen. Zo makkelijk is dat (niet)
Webrichtlijnen. Zo makkelijk is dat (niet)Webrichtlijnen. Zo makkelijk is dat (niet)
Webrichtlijnen. Zo makkelijk is dat (niet)Wiep Hamstra
 
Hoe verhoog ik de conversie op mijn internetinspanningen
Hoe verhoog ik de conversie op mijn internetinspanningenHoe verhoog ik de conversie op mijn internetinspanningen
Hoe verhoog ik de conversie op mijn internetinspanningenSoliday das Sonnensegel
 
27092017 - Jouw website doorgelicht (NEST)
27092017 - Jouw website doorgelicht (NEST)27092017 - Jouw website doorgelicht (NEST)
27092017 - Jouw website doorgelicht (NEST)I Like Media
 
Mobile usability danny loeffen - final
Mobile usability   danny loeffen - finalMobile usability   danny loeffen - final
Mobile usability danny loeffen - finalwebwinkelvakdag
 
Verhoog uw conversie met deze mobile usability optimalisaties
Verhoog uw conversie met deze mobile usability optimalisatiesVerhoog uw conversie met deze mobile usability optimalisaties
Verhoog uw conversie met deze mobile usability optimalisatiesvalantic NL
 
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
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience WorkshopMaarten Bas
 
Gastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenGastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenLars Sang Mo Boom
 
0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatieHans Kemp
 

Similaire à (web)Usability (20)

Slimmer met uw website
Slimmer met uw websiteSlimmer met uw website
Slimmer met uw website
 
Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013
 
Usabilityissues
UsabilityissuesUsabilityissues
Usabilityissues
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers training
 
UiTsalon nieuwe mogelijkheden online agenda's
UiTsalon nieuwe mogelijkheden online agenda'sUiTsalon nieuwe mogelijkheden online agenda's
UiTsalon nieuwe mogelijkheden online agenda's
 
Verhoog uw conversie met deze tips voor mobile usability optimalisatie
Verhoog uw conversie met deze tips voor mobile usability optimalisatieVerhoog uw conversie met deze tips voor mobile usability optimalisatie
Verhoog uw conversie met deze tips voor mobile usability optimalisatie
 
Webinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesWebinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisaties
 
Verhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesVerhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisaties
 
Usability AGConsult
Usability AGConsultUsability AGConsult
Usability AGConsult
 
Webrichtlijnen. Zo makkelijk is dat (niet)
Webrichtlijnen. Zo makkelijk is dat (niet)Webrichtlijnen. Zo makkelijk is dat (niet)
Webrichtlijnen. Zo makkelijk is dat (niet)
 
Hoe verhoog ik de conversie op mijn internetinspanningen
Hoe verhoog ik de conversie op mijn internetinspanningenHoe verhoog ik de conversie op mijn internetinspanningen
Hoe verhoog ik de conversie op mijn internetinspanningen
 
27092017 - Jouw website doorgelicht (NEST)
27092017 - Jouw website doorgelicht (NEST)27092017 - Jouw website doorgelicht (NEST)
27092017 - Jouw website doorgelicht (NEST)
 
Workshop 2 Gebruiksvriendelijk
Workshop 2 GebruiksvriendelijkWorkshop 2 Gebruiksvriendelijk
Workshop 2 Gebruiksvriendelijk
 
Mobile usability danny loeffen - final
Mobile usability   danny loeffen - finalMobile usability   danny loeffen - final
Mobile usability danny loeffen - final
 
Verhoog uw conversie met deze mobile usability optimalisaties
Verhoog uw conversie met deze mobile usability optimalisatiesVerhoog uw conversie met deze mobile usability optimalisaties
Verhoog uw conversie met deze mobile usability optimalisaties
 
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?
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Gastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenGastouderfabriek online gevonden worden
Gastouderfabriek online gevonden worden
 
0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie
 

Plus de Boite Witte

Sociale Netwerken
Sociale NetwerkenSociale Netwerken
Sociale NetwerkenBoite Witte
 
Wibaut Concept Presentatie
Wibaut Concept PresentatieWibaut Concept Presentatie
Wibaut Concept PresentatieBoite Witte
 
Concept Presentatie Talking Facades AH XL
Concept Presentatie Talking Facades AH XLConcept Presentatie Talking Facades AH XL
Concept Presentatie Talking Facades AH XLBoite Witte
 
Presentatie Play V1.0
Presentatie Play V1.0Presentatie Play V1.0
Presentatie Play V1.0Boite Witte
 
CIM | Play | Concept
CIM | Play | ConceptCIM | Play | Concept
CIM | Play | ConceptBoite Witte
 

Plus de Boite Witte (7)

Sociale Netwerken
Sociale NetwerkenSociale Netwerken
Sociale Netwerken
 
Cooking Cake
Cooking CakeCooking Cake
Cooking Cake
 
Mobility 2.0
Mobility 2.0Mobility 2.0
Mobility 2.0
 
Wibaut Concept Presentatie
Wibaut Concept PresentatieWibaut Concept Presentatie
Wibaut Concept Presentatie
 
Concept Presentatie Talking Facades AH XL
Concept Presentatie Talking Facades AH XLConcept Presentatie Talking Facades AH XL
Concept Presentatie Talking Facades AH XL
 
Presentatie Play V1.0
Presentatie Play V1.0Presentatie Play V1.0
Presentatie Play V1.0
 
CIM | Play | Concept
CIM | Play | ConceptCIM | Play | Concept
CIM | Play | Concept
 

(web)Usability

  • 1. ( web ) Usability De basis
  • 2. Wat gaan we behandelen ? ( web ) Usability Wat is Usability ? Waarom verdiepen in Usability ? Hoe ga je van start ? Waar kunnen we vanuit gaan ? Welke conclusie kunnen we trekken ? Zijn er voorbeelden ? Meer weten ?
  • 3. Wat is Usability ?
  • 4. Wat is Usability ? Usability = Gebruikersvriendelijkheid ge·brui·kers·vrien·de·lijk bn, bw handig in het gebruik , doordat bij het ontwerp rekening met de gebruiker gehouden is Us · abil · i · ty convenient and practical for use
  • 5. Wat is Usability ? Dus . . . ( web ) Usability is Webapplicaties (site’s) die relatief eenvoudig te gebruiken zijn, omdat er in het ontwerpproces rekening met de gebruiker gehouden is.
  • 6. Waarom verdiepen in Usability ?
  • 7. Chaos beperken Waarom verdiepen in Usability ?
  • 8. Het moet niet te moeilijk worden Waarom verdiepen in Usability ?
  • 9. Discussie beperken Waarom verdiepen in Usability ?
  • 10. Ofwel . . . Waarom verdiepen in Usability ?
  • 11. Voorkomen van Frustratie Waarom verdiepen in Usability ?
  • 12. Bij Gebruikers, Designers, Programmeurs, CEO’s, Opdrachtgevers, Productmanagers, En ga zo maar door Waarom verdiepen in Usability ?
  • 13. Hoe ga je van start ?
  • 14. Hoe ga je van start ? Boeken lezen
  • 15. Hoe ga je van start ? Inspiratie opdoen
  • 16. Hoe ga je van start ? Browsen over het web
  • 17. Hoe ga je van start ? Tests afnemen
  • 18. Hoe ga je van start ? En nu naar mij Luisteren ;-)
  • 19. Waar kunnen we vanuit gaan ?
  • 20. Waar kunnen we vanuit gaan ? De gebruiker scant website’s De gebruiker maakt niet de beste keuze De gebruiker wil niet weten hoe het werkt
  • 21. De gebruiker scant website’s
  • 22. De gebruiker scant website’s Waarom ?
  • 23. De gebruiker scant website’s We hebben Haast
  • 24. De gebruiker scant website’s We hebben last van information Overkill
  • 25. De gebruiker scant website’s We doen niets anders
  • 26. De gebruiker scant website’s Dus . . .
  • 27.
  • 28. De gebruiker scant website’s Visuele hiërarchie op elke pagina Belangrijk Minder belangrijk Minst belangrijk De grootte van de tekst bepaald de belangrijkheid Maar niet alleen de grootte, ook de kleur, achtergrond, de dikte, etc Belangrijk Minder belangrijk Minst belangrijk
  • 29.
  • 30. De gebruiker scant website’s Visuele hiërarchie op elke pagina Als een blok/tekst visueel onderliggend is van een ander blok/tekst dan is dit ook een onderdeel daarvan Titel Subtitel De tekst Subtitel De tekst
  • 31. De gebruiker scant website’s Pagina opdelen in duidelijke delen Header Menu Pagina titel Item 3 Item 1 Item 2 Item 4
  • 32. De gebruiker scant website’s Duidelijk maken wat klikbaar is Maar vergeet niet te vertellen waarom de gebruiker op de button klikt!
  • 33. De gebruiker scant website’s Ruis reduceren
  • 34. De gebruiker scant website’s Hoeveelheid tekst beperken Get rid of half the words on each page , then Get rid of half of what’s left Steve Krug – Don’t make me think
  • 35. De gebruiker maakt niet de beste keuze We just muddle through ! Steve Krug – Don’t make me think Vele wegen leiden naar Rome er zijn meerdere methoden om iets te bereiken
  • 36. De gebruiker maakt niet de beste keuze Waarom ?
  • 37. We hebben Haast De gebruiker maakt niet de beste keuze
  • 38. We houden wel van Trial & Error De gebruiker maakt niet de beste keuze
  • 39. Gokken is leuk ! De gebruiker maakt niet de beste keuze
  • 40. De gebruiker maakt niet de beste keuze Zolang . . .
  • 41. De gebruiker maakt niet de beste keuze De gebruiker uiteindelijk maar zijn of haar doel bereikt
  • 42. De gebruiker wil niet weten hoe het werkt
  • 43. De gebruiker wil niet weten hoe het werkt Als het maar werkt!
  • 44. Welke conclusie kunnen we trekken ?
  • 45. Welke conclusie kunnen we trekken ? De Gebruiker … heeft weinig tijd … houdt van experimenteren … wil tevreden gesteld worden
  • 46. Welke conclusie kunnen we trekken ? Dus … de gebruiker scant … de gebruiker experimenteert … de gebruiker heeft een doel
  • 47. Zijn er voorbeelden ?
  • 48. Meer weten ?
  • 49. Meer weten ? Boeken : Don’t Make Me think – Steve Krug Information Architecture – Peter Morville & Louis Rosenfeld De Internet Scorecard – Geert Jan Smits & Joost Steins Bisschop Site’s : Jungle Rating – www.junglerating.nl Usabilty Views– www.usabilityviews.com Usability Guidelines – Usability.gov/guidelines/index.html