Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

Desiree van der Horst - User perception

Download to read offline

Desiree neemt je meelangs de 4 pijlers van conversie:

Usability
Credibility (trust)
Appearance
Clarity

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Desiree van der Horst - User perception

  1. 1. Part 2 - User Perception Lees: hoe bekijkt een bezoeker mijn site? Desiree van der Horst
  2. 2. 2 Intro Fingerspitz & Me Allround online marketing bureau - Online gedragsmarketeer Strategie Why, how, what? Social media Campagnes, community management, social monitoring, webcare Conversie & Analytics Analytics, A/B testing, tag manager implementations, usability research Marketing automation Lead generation & nurturing, e-mail marketing, implementation and training Online adverteren Google, social advertising, remarketing, programmatic buying Zoekmachine optimalisatie Technical advice, link management, content creation
  3. 3. 3 Intro User Perception - Guidelines Er is niets dat altijd werkt en Er is niets dat nooit zal werken Het blijven guidelines. Maar deze guidelines leren ons wel anders kijken naar onze eigen websites, aangezien we allemaal tunnelvisie hebben. Bewust Bekwaam aan het eind van de avond :)
  4. 4. User perceptions
  5. 5. 5 Guidelines overview User Perception - Guidelines Usability This website is easy to use It is easy to navigate within the website Credibility (Trust) I feel comfortable purchasing from this website I feel confident conducting business with this website
  6. 6. 6 Guidelines overview User Perception - Guidelines Appearance I found the website to be attractive The website has a clean and simple presentation Clarity I clearly understand why I should buy from this website instead of its competitors.
  7. 7. Appearance I found the website to be attractive The website has a clean and simple presentation
  8. 8. 8 Appearance Appearance Bezoekers hebben binnen 1/20ste van een seconde een mening gevormd of de site mooi is of niet. Visueel complexe sites worden minder mooi beoordeeld Waarom dan? Cognitive load -> Hoe meer complexe elementen, hoe harder ons brein moet werken om alles te verwerken. En we zijn lui :)
  9. 9. 9 Appearance Appearance Nope
  10. 10. 10 Appearance Appearance Nope
  11. 11. 11 Appearance Appearance Yes! 1) Vermijd loze extra design elementen die de cognitive load verhogen. Minder belangrijk -> naar onderen 2) Zorg voor voldoende witruimte tussen de verschillende blokken, zodat duidelijk is welke thumbnails & tekst bij welk blok hoort. 3) Als je een promotie hebt, maak visueel duidelijk bij welk blok deze hoort of als deze site-wide geldt, dat het juist niet bij een blok past.
  12. 12. 12 Appearance Appearance Yes!
  13. 13. 13 Appearance Appearance Yes!
  14. 14. 14 Appearance Appearance Menu’s - Transactional -> €€ - Content -> ?? (FAQ, contact, nieuws) Transactional is belangrijker dan content menu! Maak dit visueel opvallend!
  15. 15. 15 Appearance Appearance Nope
  16. 16. 16 Appearance Appearance Nope
  17. 17. 17 Appearance Appearance Yes!
  18. 18. 18 Appearance Appearance Call to actions werken… ...Als ze worden gezien ...Als de volgende stap erin duidelijk is ...Als de volgende stap waarde heeft voor de bezoeker
  19. 19. 19 Appearance Appearance Nope
  20. 20. 20 Appearance Appearance Nope
  21. 21. 21 Appearance Appearance Yes
  22. 22. 22 Appearance Appearance Say Yes to the call to action! 1) Visueel prominent: - kleur contrast met achtergrond - witruimte eromheen - hoog in de visuele hiërarchie (een van de eerste elementen die ze moeten zien) - boven de fold 2) Gebruik buttons en geen links 3) Als je een tweede (of meerdere) CTA’s gebruikt, maak ze ondergeschikt 4) Highlight ze met visuele cues (pijlen, lijnen, kijkrichting)
  23. 23. Clarity I clearly understand why I should buy from this website instead of its competitors.
  24. 24. 24 Clarity Clarity Bezoekers moeten al snel kunnen ontdekken: 1) Where to buy what they’re looking for 2) What can be bought on your site 3) Why they should buy from you and not the competitor Wat is de boodschap van je website? In tekst, CTA’s & design
  25. 25. 25 Clarity Clarity Aandacht In 2000: 12 sec In 2017: 8 sec Ter vergelijking… Goudvis -> 9 sec We zijn dus niet alleen lui, maar ook snel afgeleid en onthouden niks. Dus... GET TO THE POINT
  26. 26. 26 Clarity Clarity Yes! 1) Schrap elk woord wat niet noodzakelijk is 2) Gebruik geen vage termen, wees specifiek ‘De beste op het gebied van…’ vs ‘hoogste beoordeling in de categorie ...’ ‘Snelste bezorging’ vs ‘bezorging in x-dagen’ ‘Goedkoopste plannen’ vs ‘vanaf €1.99’ 3) Geen buzzwords, vakjargon of moeilijke termen.
  27. 27. 27 Clarity Clarity Nope
  28. 28. 28 Clarity Clarity Yes!
  29. 29. 29 Clarity Clarity Yes!
  30. 30. 30 Clarity Clarity CTA boodschap 1) CTA boodschap moet binnen 5 sec gelezen en begrepen zijn 2) Vraag niet teveel 3) What’s in it for me? Promoot wat bezoekers krijgen en niet verliezen (‘Get shoes’ vs ‘pay here’)
  31. 31. 31 Clarity Clarity Nope
  32. 32. 32 Clarity Clarity Yes!
  33. 33. 33 Clarity Clarity Design Alles wat afleid -> schrappen. - Hele grote navigaties - Afleidende kleuren en fonts - Bewegende images (sliders) - Teveel CTA’s in high contrasting kleuren - Elementen die op advertenties lijken - Social media icons op prime real estate FOCUS -> Primary goal op elke pagina?
  34. 34. 34 Clarity Clarity Nope
  35. 35. 35 Clarity Clarity Nope
  36. 36. 36 Clarity Clarity Yes!
  37. 37. Credibility (Trust) I feel comfortable purchasing from this website I feel confident conducting business with this website
  38. 38. 38 Credibility Credibility
  39. 39. 39 Credibility Credibility :( Sketchy & outdated Neppe stock foto’s Spelfouten Onduidelijke return policy :) Trust logo’s Laat zien wie achter de webshop zit Live chat (rechtsonder) Reviews & quotes Consistent menu & footer door gehele website
  40. 40. 40 Credibility Credibility stock vs. ‘real’
  41. 41. 41 Credibility Credibility Nope
  42. 42. 42 Credibility Credibility Yes!
  43. 43. Usability This website is easy to use It is easy to navigate within the website
  44. 44. 44 Usability Usability Navigeren - Menu’s - Sliders - Zoekfunctie - Snelheid Bezoekers zijn… ...Lui ...Snel afgeleid & Dom Maak het ze zo makkelijk mogelijk
  45. 45. 45 Usability Usability Navigeren Gebruik bekende icoontjes Andere kleur bij hover over linkje Logo linkse upper corner + clickable Main navigatie bar moet sticky zijn Niet teveel menu items + drop down items
  46. 46. 46 Credibility Usability Nope
  47. 47. 47 Credibility Usability Yes
  48. 48. 48 Usability Usability Content Menu - Moet ondergeschikt zijn aan transactional menu. Vaak rechts bovenin of in de footer. - Als je meerdere talen hebt -> rechts bovenin (met vlag) - Shopping cart moet tonen hoeveel producten erin zitten & totale prijs :( :)
  49. 49. 49 Usability Usability Transactional Menu - Dropdowns mogen maximaal 3 lagen hebben. - Hierarchie: Menu - Parent - Child - Parent moet altijd klikbaar zijn - Gebruik geen vage termen zoals ‘Overig’ in je menu
  50. 50. 50 Credibility Usability Nope
  51. 51. 51 Credibility Usability Yes
  52. 52. 52 Usability Usability Transactional Menu - Als een subcategorie onder meerdere categorieën valt, plaats ze onder beiden. - Plaats je meest gebruikte categorieën als content op je homepage - Highlight speciale categorieën zoals ‘Nieuw’ ‘Sale’ ‘Top 10’
  53. 53. 53 Credibility Usability Yes
  54. 54. 54 Usability Usability Sliders
  55. 55. 55 Usability Usability Sliders - NO MORE SHEEPING. - Afleidend, geen controle (auto-rotating) - Er kan maar 1 ding het belangrijkst zijn Indien écht écht écht écht geen andere mogelijkheid, omdat anders de website ontploft: - langzaam rotaten (5-7 sec) - rotatie moet stoppen bij muis hoover - gemakkelijk zelf te bedienen via bolletjes/pijltjes - laat ze er niet uitzien als een banner/advertentie
  56. 56. 56 Usability Usability Zoekfunctie - Prominente plek, centraal of bovenin rechts - Plaats iets met ‘zoeken’ erbij/erin - Maak de zoekfunctie sticky - Autocomplete - Spelfouten & Dialect begrijpen - Met ‘Enter’ ook kunnen zoeken, niet alleen muis - Maak zoeken in categorieën mogelijk
  57. 57. 57 Usability Usability Site speed Indicatie via Google Pagespeed, Time to first byte en Pingdom Vraag je webdevelopers om een uitgebreide sitespeed analyse te doen!
  58. 58. Checklist it yourself!
  59. 59. info@fingerspitz.nl +31 (0)76 – 763 06 00 Reduitlaan 29 4814 DC Breda Any questions after this presentations? I’m more than happy to answer them. desiree@fingerspitz.nl 076-7630600 linkedin.com/in/desireevanderhorst

Desiree neemt je meelangs de 4 pijlers van conversie: Usability Credibility (trust) Appearance Clarity

Views

Total views

343

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

1

Shares

0

Comments

0

Likes

0

×