SlideShare a Scribd company logo
1 of 24
User Xperience
Creëer de perfecte website
Roland Bruinzeel
Maarten Bas
Damelza Visser
Jocelyn Louhatapessy
Een aantal vragen…
 Wat irriteert jou aan een website?
 Wat denken jullie dat UX te maken heeft met een website?
Wie zijn wij?
 Damelza Visser (22)
 Roland Bruijnzeel (22)
 Maarten Bas (25)
 Jocelyn Louhatapessy (22)
Wat gaan we doen vandaag?
 De ‘kaas’ casus
 Card Sorting
Planning
 Wat is User Experience?
 Wat is Usability?
 Uit welke onderdelen bestaat Usability?
• Website navigatie
• Kleuren
• Tekst
• Sitearchitectuur
• Afbeeldingen
 Welke tools testen Usability?
 Workshop
Planning
 Wat is User Experience?
 Wat is Usability?
 Uit welke onderdelen bestaat Usability?
- Website navigatie
- Kleuren
- Tekst
- Sitearchitectuur
- Afbeeldingen
 Welke tools testen Usability?
 Workshop
User Experience
 Totaalervaring bezoeker
 (Positief) gevoel oproepen
 Overgaan tot gewenste handeling
 ‘Key’ succes website
 Behoeften klant:
• Snelheid, relevantie en design website
• Gedachtes, voorkeuren en emoties van de bezoeker
• Algehele indruk en gebruiksvriendelijkheid (Usability)
Planning
 Wat is User Experience?
 Wat is Usability?
 Uit welke onderdelen bestaat Usability?
• Website navigatie
• Kleuren
• Tekst
• Sitearchitectuur
• Afbeeldingen
 Welke tools testen Usability?
 Workshop
Usability
 Belangrijk onderdeel User Experience
 Gebruiksvriendelijkheid website
‘De usability bepaalt hoe gemakkelijk een gemiddelde bezoeker jouw website
kan gebruiken’ (Greidanus, 2015)
Planning
 Wat is User Experience?
 Wat is Usability?
 Uit welke onderdelen bestaat Usability?
• Website navigatie
• Kleuren
• Tekst
• Sitearchitectuur
• Afbeeldingen
 Welke tools testen Usability?
 Workshop
Uit welke onderdelen bestaat Usability?
Navigatie
 Houd het systematisch
 Verdeel duidelijk categorieën
 Gebruik duidelijke navigatie titels
 Zorg voor een werkende zoekfunctie
 Zorg voor broodkruimelnavigatie
 Plaats een sitemap op de website
Uit welke onderdelen bestaat Usability?
Kleuren
Groen
 Balans, voedingssupplementen,
gezondheid
 Makkelijkst te verwerken (ogen)
 Ontspannende kleur
Rood
 Versnelt hartslag en duidt urgentie aan
 Grijpt aandacht (lijkt dichterbij)
 Stimulance sneller actie ondernemen
Zwart
 Wijsheid, efficiëntie, klasse
 Communiceert helderheid en
veiligheid
 Exclusiviteit
Geel
 Jeugdige optimistische kleur
 Emoties van vertrouwen en
optimisme
 Psychologisch sterk
Uit welke onderdelen bestaat Usability?
Tekst
Less is more (onnodige content vermijden)
DODON’T
Uit welke onderdelen bestaat Usability?
Tekst
Niet corekt taalgebruik
Het gebruik van veel verschillende soorten tekstopmaak moet worden voorkomen.
Vette/cursieve en kleurige teksten maken een website druk en
onoverzichtelijk.
Uitroeptekens (!!!!!) worden ervaren als negatief geschreeuw en hetzelfde geldt
voor het gebruik van HOOFDLETTERS.
Uit welke onderdelen bestaat Usability?
Tekst
Optimale leesbaarheid
DODON’T
Uit welke onderdelen bestaat Usability?
Afbeeldingen
DON’T: Foto’s (enkel) als decoratie (afleiding, trage downloadtijd)
DO: Foto’s o.b.v. relevantie (hoge kwaliteit, begrijpelijk en rustige achtergrond)
DODON’T
Planning
 Wat is User Experience?
 Wat is Usability?
 Uit welke onderdelen bestaat Usability?
• Website navigatie
• Kleuren
• Tekst
• Sitearchitectuur
• Afbeeldingen
 Welke tools testen Usability?
 Workshop
Welke tools testen Usability?
 Mousetracking
 Eyetracking
 User feedback & (exit) surveys
 A/B multivariate testing
 Analytics
 Card Sorting
Voor in de workshop…
Card sorting
‘Card sorting is een testmethode die wordt gebruikt bij het samenstellen van de
juiste navigatiestructuur.’
Card sorting toepassen op de casus. Maak de perfecte website.
WORKSHOPWaar gaat je aandacht naar uit?
Neem dit mee in de workshop!
Evaluatie
Home Over Say Cheesy Contact Producten Spaaractie Inloggen Verkooppunten
Zoeken…
Menubalk Zoekfunctie
Sitemap Algemene voorwaarden Betaalmogelijkheden Retourneren Trust pilot Feedback
Footer
Kleur
Logo
1. Maak kennis met de nieuwe kaas variant
2. Neem een kijkje bij boer Harm, waar kaas geboren wordt.
3. Jong belegen Say Cheesy, nu 500 gram van €5,99 voor €4,99
Content
Evaluatie
Hoofdafbeeldingen
Evaluatie
Subafbeeldingen
User Experience Workshop

More Related Content

Similar to User Experience Workshop

Presentatie Internetmarketing toeristisch Groningen 18 4-2011
Presentatie Internetmarketing toeristisch Groningen 18 4-2011Presentatie Internetmarketing toeristisch Groningen 18 4-2011
Presentatie Internetmarketing toeristisch Groningen 18 4-2011
Sylvia Jansen-Jobse
 
Marketing 101006 hv a inleiding designmanagement
Marketing 101006 hv a inleiding designmanagementMarketing 101006 hv a inleiding designmanagement
Marketing 101006 hv a inleiding designmanagement
mikeatcmd
 

Similar to User Experience Workshop (10)

Workshop 2 Gebruiksvriendelijk
Workshop 2 GebruiksvriendelijkWorkshop 2 Gebruiksvriendelijk
Workshop 2 Gebruiksvriendelijk
 
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
 
Presentatie Internetmarketing toeristisch Groningen 18 4-2011
Presentatie Internetmarketing toeristisch Groningen 18 4-2011Presentatie Internetmarketing toeristisch Groningen 18 4-2011
Presentatie Internetmarketing toeristisch Groningen 18 4-2011
 
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptxOverlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
 
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptxOverlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
Overlegplatform 2023_20230915_4_Dries Blanchaert_Luisterpuntbibliotheek_DEF.pptx
 
van blauwdruk naar Publiekstoepassing
van blauwdruk naar Publiekstoepassingvan blauwdruk naar Publiekstoepassing
van blauwdruk naar Publiekstoepassing
 
Marketing 101006 hv a inleiding designmanagement
Marketing 101006 hv a inleiding designmanagementMarketing 101006 hv a inleiding designmanagement
Marketing 101006 hv a inleiding designmanagement
 
MEE Nederland
MEE NederlandMEE Nederland
MEE Nederland
 
Dieper in Usability - Toevoeging van EEG
Dieper in Usability - Toevoeging van EEGDieper in Usability - Toevoeging van EEG
Dieper in Usability - Toevoeging van EEG
 
Webinar innovatiewijzer
Webinar innovatiewijzerWebinar innovatiewijzer
Webinar innovatiewijzer
 

User Experience Workshop

  • 1. User Xperience Creëer de perfecte website Roland Bruinzeel Maarten Bas Damelza Visser Jocelyn Louhatapessy
  • 2. Een aantal vragen…  Wat irriteert jou aan een website?  Wat denken jullie dat UX te maken heeft met een website?
  • 3. Wie zijn wij?  Damelza Visser (22)  Roland Bruijnzeel (22)  Maarten Bas (25)  Jocelyn Louhatapessy (22)
  • 4. Wat gaan we doen vandaag?  De ‘kaas’ casus  Card Sorting
  • 5. Planning  Wat is User Experience?  Wat is Usability?  Uit welke onderdelen bestaat Usability? • Website navigatie • Kleuren • Tekst • Sitearchitectuur • Afbeeldingen  Welke tools testen Usability?  Workshop
  • 6. Planning  Wat is User Experience?  Wat is Usability?  Uit welke onderdelen bestaat Usability? - Website navigatie - Kleuren - Tekst - Sitearchitectuur - Afbeeldingen  Welke tools testen Usability?  Workshop
  • 7. User Experience  Totaalervaring bezoeker  (Positief) gevoel oproepen  Overgaan tot gewenste handeling  ‘Key’ succes website  Behoeften klant: • Snelheid, relevantie en design website • Gedachtes, voorkeuren en emoties van de bezoeker • Algehele indruk en gebruiksvriendelijkheid (Usability)
  • 8. Planning  Wat is User Experience?  Wat is Usability?  Uit welke onderdelen bestaat Usability? • Website navigatie • Kleuren • Tekst • Sitearchitectuur • Afbeeldingen  Welke tools testen Usability?  Workshop
  • 9. Usability  Belangrijk onderdeel User Experience  Gebruiksvriendelijkheid website ‘De usability bepaalt hoe gemakkelijk een gemiddelde bezoeker jouw website kan gebruiken’ (Greidanus, 2015)
  • 10. Planning  Wat is User Experience?  Wat is Usability?  Uit welke onderdelen bestaat Usability? • Website navigatie • Kleuren • Tekst • Sitearchitectuur • Afbeeldingen  Welke tools testen Usability?  Workshop
  • 11. Uit welke onderdelen bestaat Usability? Navigatie  Houd het systematisch  Verdeel duidelijk categorieën  Gebruik duidelijke navigatie titels  Zorg voor een werkende zoekfunctie  Zorg voor broodkruimelnavigatie  Plaats een sitemap op de website
  • 12. Uit welke onderdelen bestaat Usability? Kleuren Groen  Balans, voedingssupplementen, gezondheid  Makkelijkst te verwerken (ogen)  Ontspannende kleur Rood  Versnelt hartslag en duidt urgentie aan  Grijpt aandacht (lijkt dichterbij)  Stimulance sneller actie ondernemen Zwart  Wijsheid, efficiëntie, klasse  Communiceert helderheid en veiligheid  Exclusiviteit Geel  Jeugdige optimistische kleur  Emoties van vertrouwen en optimisme  Psychologisch sterk
  • 13. Uit welke onderdelen bestaat Usability? Tekst Less is more (onnodige content vermijden) DODON’T
  • 14. Uit welke onderdelen bestaat Usability? Tekst Niet corekt taalgebruik Het gebruik van veel verschillende soorten tekstopmaak moet worden voorkomen. Vette/cursieve en kleurige teksten maken een website druk en onoverzichtelijk. Uitroeptekens (!!!!!) worden ervaren als negatief geschreeuw en hetzelfde geldt voor het gebruik van HOOFDLETTERS.
  • 15. Uit welke onderdelen bestaat Usability? Tekst Optimale leesbaarheid DODON’T
  • 16. Uit welke onderdelen bestaat Usability? Afbeeldingen DON’T: Foto’s (enkel) als decoratie (afleiding, trage downloadtijd) DO: Foto’s o.b.v. relevantie (hoge kwaliteit, begrijpelijk en rustige achtergrond) DODON’T
  • 17. Planning  Wat is User Experience?  Wat is Usability?  Uit welke onderdelen bestaat Usability? • Website navigatie • Kleuren • Tekst • Sitearchitectuur • Afbeeldingen  Welke tools testen Usability?  Workshop
  • 18. Welke tools testen Usability?  Mousetracking  Eyetracking  User feedback & (exit) surveys  A/B multivariate testing  Analytics  Card Sorting
  • 19. Voor in de workshop… Card sorting ‘Card sorting is een testmethode die wordt gebruikt bij het samenstellen van de juiste navigatiestructuur.’ Card sorting toepassen op de casus. Maak de perfecte website.
  • 20. WORKSHOPWaar gaat je aandacht naar uit? Neem dit mee in de workshop!
  • 21. Evaluatie Home Over Say Cheesy Contact Producten Spaaractie Inloggen Verkooppunten Zoeken… Menubalk Zoekfunctie Sitemap Algemene voorwaarden Betaalmogelijkheden Retourneren Trust pilot Feedback Footer Kleur Logo 1. Maak kennis met de nieuwe kaas variant 2. Neem een kijkje bij boer Harm, waar kaas geboren wordt. 3. Jong belegen Say Cheesy, nu 500 gram van €5,99 voor €4,99 Content