Your SlideShare is downloading. ×
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Standaardisatie componenten presentatie deel 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Standaardisatie componenten presentatie deel 2

120

Published on

Standaard interactie componenten, ontworpen door Marieke van Doesburg van Netwinst

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
120
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Standaard componenten - deel 2 Marieke van Doesburg 16-9-2013 Realisatie website componenten
  • 2. Inhoud Waarom componenten Componenten • Vorige keer behandeld:  Formulieren en buttons  Inloggen / Registreren / Gebruikersbeheer • Zoeken / zoekresultaten • Productdetailpagina 16-9-2013 Realisatie website componenten
  • 3. Waarom componenten Voordelen • Herbruikbaar • Tijdsbesparing • Kwaliteit Nadelen • Afstemming doelgroep 16-9-2013 Realisatie website componenten
  • 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. 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. De componenten Formulier & buttons Inloggen/registreren/gebruikersbeheer Zoeken/zoekresultaten Productdetailpagina 16-9-2013 Realisatie website componenten
  • 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. Formulieren en buttons
  • 9. Inloggen / registreren / gebruikersbeheer
  • 10. Zoeken/zoekresultaten
  • 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. Fout 16-9-2013 Realisatie website componenten
  • 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. 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. Zoekresultaten Lijst met resultaten Gebruikte zoekwoorden gemarkeerd Geen resultaten? Suggesties tonen Filters 16-9-2013 Realisatie website componenten
  • 16. Filters Open of gesloten Single-select of multi-select Sliders Direct resultaten aanpassen 16-9-2013 Realisatie website componenten
  • 17. Ontwikkeld Interactieontwerpen HTML/CSS 16-9-2013 Realisatie website componenten
  • 18. Productdetailpagina
  • 19. Aankoopproces 16-9-2013 Realisatie website componenten
  • 20. Verschillende bezoekers 16-9-2013 Realisatie website componenten
  • 21. Verschillende onderdelen Productnaam Prijs Bestelbutton (Meerdere) afbeeldingen Productbeschrijving Aantal (input veld) … 16-9-2013 Realisatie website componenten
  • 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. 16-9-2013 Realisatie website componenten
  • 24. Ontwikkeld Interactieontwerpen HTML/CSS 16-9-2013 Realisatie website componenten
  • 25. Vragen?

×