Standaardisatie componenten presentatie deel 2

300 views

Published on

Standaard interactie componenten, ontworpen door Marieke van Doesburg van Netwinst

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
300
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Standaardisatie componenten presentatie deel 2

  1. 1. Standaard componenten - deel 2 Marieke van Doesburg 16-9-2013 Realisatie website componenten
  2. 2. Inhoud Waarom componenten Componenten • Vorige keer behandeld:  Formulieren en buttons  Inloggen / Registreren / Gebruikersbeheer • Zoeken / zoekresultaten • Productdetailpagina 16-9-2013 Realisatie website componenten
  3. 3. Waarom componenten Voordelen • Herbruikbaar • Tijdsbesparing • Kwaliteit Nadelen • Afstemming doelgroep 16-9-2013 Realisatie website componenten
  4. 4. Verschillende apparaten 16-9-2013 Realisatie website componenten http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdf
  5. 5. PC/smartphone/tablet gebruik Klanten gebruiken meerdere apparaten bij het doen van een aankoop 16-9-2013 Realisatie website componenten http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdf
  6. 6. De componenten Formulier & buttons Inloggen/registreren/gebruikersbeheer Zoeken/zoekresultaten Productdetailpagina 16-9-2013 Realisatie website componenten
  7. 7. Responsive Componenten zijn responsive gemaakt met HTML/CSS Mobile first / Desktop first Breekpunten op basis van content 16-9-2013 Realisatie website componenten
  8. 8. Formulieren en buttons
  9. 9. Inloggen / registreren / gebruikersbeheer
  10. 10. Zoeken/zoekresultaten
  11. 11. Goede zoekfunctie belangrijk Goede zoekfunctie kan bijdragen aan: • Meer verkopen • Vaker/uitgebreider gebruik van de website • Trouwere klanten / behoud van klanten • Meer tevredenheid over het merk 16-9-2013 Realisatie website componenten
  12. 12. Fout 16-9-2013 Realisatie website componenten
  13. 13. Onderdelen Invoerveld Button Lijst met resultaten (sorteerbaar) Filters (optioneel) 16-9-2013 Realisatie website componenten http://www.nngroup.com/articles/top-10-mistakes-web-design/
  14. 14. Zoekveld Op alle pagina’s zichtbaar Duidelijk label Hints hoe in te vullen Breedte minimaal 25 tekens Suggesties tonen Domeinspecifieke woordenboeken Met behulp van ‘enter’ zoeken starten Button met duidelijk label 16-9-2013 Realisatie website componenten
  15. 15. Zoekresultaten Lijst met resultaten Gebruikte zoekwoorden gemarkeerd Geen resultaten? Suggesties tonen Filters 16-9-2013 Realisatie website componenten
  16. 16. Filters Open of gesloten Single-select of multi-select Sliders Direct resultaten aanpassen 16-9-2013 Realisatie website componenten
  17. 17. Ontwikkeld Interactieontwerpen HTML/CSS 16-9-2013 Realisatie website componenten
  18. 18. Productdetailpagina
  19. 19. Aankoopproces 16-9-2013 Realisatie website componenten
  20. 20. Verschillende bezoekers 16-9-2013 Realisatie website componenten
  21. 21. Verschillende onderdelen Productnaam Prijs Bestelbutton (Meerdere) afbeeldingen Productbeschrijving Aantal (input veld) … 16-9-2013 Realisatie website componenten
  22. 22. Andere opties Naam fabrikant / merk Product opties (zoals maat/kleur) Afmetingen Voorraad Beoordelingen Verlanglijst Kortingen Levertijden 16-9-2013 Realisatie website componenten Verzendkosten Gerelateerde producten Bijbehorende producten Producten die anderen kochten Waarom voor ‘ons’ kiezen Social media integratie (delen)
  23. 23. 16-9-2013 Realisatie website componenten
  24. 24. Ontwikkeld Interactieontwerpen HTML/CSS 16-9-2013 Realisatie website componenten
  25. 25. Vragen?

×