Standaardisatie componentenFront-endStandaardisatie componenten22-04-2013
Inhoud   Waarom componenten   Desktop/mobiel/tablet gebruik   Responsive/mobiele website   Mogelijke componenten   Compone...
Waarom componenten   Voordelen    • Herbruikbaar    • Tijdsbesparing    • Kwaliteit   Nadelen    • Afstemming doelgroepSta...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfVerschillende apparatenStandaardisa...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfVerschillende apparaten   Keuze app...
http://www.marketingfacts.nl/statistieken/algemeen/Desktop/laptop bezitStandaardisatie componenten22-04-2013
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC gebruik   Informatie en taak geo...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC gebruik   Startpunt voor meer co...
http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfSmartphone bezitStandaardisa...
http://www.marketingfacts.nl/statistieken/mobile-marketing/Smartphone bezit naar leeftijdStandaardisatie componenten22-04-...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfSmartphone gebruik   VerbondenStand...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfSmartphone gebruik   Startpunt voor...
http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfTablet bezitStandaardisatie ...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfTablet gebruik   EntertainmentStand...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfTablet gebruik   Startpunt voor win...
http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC/smartphone/tablet gebruik   Klan...
Andere interessante cijfers   45% van de consumenten gebruikt smartphones voor in-   store product research & browsing   5...
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizesOntwerpen voor mobiele apparaten   Meerdere sch...
De componenten   Formulier   Inloggen/registreren/gebruikersbeheer   Buttons (basisregels)   Productdetailpagina   Zoeken/...
Formulieren
http://static.lukew.com/MobileInput_LukeW.pdfFormulieren   Lengte   Lay-out   Tekst invoerStandaardisatie componenten22-04...
Formulier - lengteStandaardisatie componenten22-04-2013
Standaardisatie componenten22-04-2013
StappenStandaardisatie componenten22-04-2013
Conversie verhogenStandaardisatie componenten22-04-2013
Veld lengteStandaardisatie componenten22-04-2013
Formulier   Lay-outStandaardisatie componenten22-04-2013
FoutStandaardisatie componenten22-04-2013
GroeperenStandaardisatie componenten22-04-2013
Standaardisatie componenten22-04-2013
Formulier op mobielStandaardisatie componenten22-04-2013
ZoomStandaardisatie componenten22-04-2013
Formulier – lay-outStandaardisatie componenten22-04-2013
Tekst invoer   Autocapitalize uit bij e-mail, wachtwoord, URL en   andere hoofdlettergevoelige invoervelden   Autocorrect ...
Slimme standaard waarden   Gepersonaliseerd   Meest voorkomendStandaardisatie componenten22-04-2013
ValidatieStandaardisatie componenten22-04-2013
ValidatieStandaardisatie componenten22-04-2013
http://static.lukew.com/webforms_lukew.pdfActie buttons   Vormgeving moet overeenkomen met belangStandaardisatie component...
OntwikkeldStandaardisatie componenten22-04-2013
Inloggen / registreren / gebruikersbeheer
http://janrain.com/blog/social-login-and-social-sharing-trends-across-the-web-for-q2-of-2012/Social loginStandaardisatie c...
Hoe het niet moetStandaardisatie componenten22-04-2013
Standaardisatie componenten22-04-2013
Standaardisatie componenten22-04-2013
OntwikkeldStandaardisatie componenten22-04-2013
Buttons
Buttons   Aangeraden afmeting:   9mm/34px   Minimum afmeting:   7mm/26px   Minimale tussenruimte:   2mm/8pxStandaardisatie...
Conclusie
Vragen/discussie
Netwinst: Standaardisatie van e-commerce componenten
Upcoming SlideShare
Loading in...5
×

Netwinst: Standaardisatie van e-commerce componenten

130

Published on

Tussentijdse presentatie van Marieke voor haar afstudeeropdracht over het maken van standaard, responsive, componenten.

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

  • Be the first to like this

No Downloads
Views
Total Views
130
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Netwinst: Standaardisatie van e-commerce componenten

  1. 1. Standaardisatie componentenFront-endStandaardisatie componenten22-04-2013
  2. 2. Inhoud Waarom componenten Desktop/mobiel/tablet gebruik Responsive/mobiele website Mogelijke componenten Component specifieke aandachtspunten Conclusie Vragen/discussieStandaardisatie componenten22-04-2013
  3. 3. Waarom componenten Voordelen • Herbruikbaar • Tijdsbesparing • Kwaliteit Nadelen • Afstemming doelgroepStandaardisatie componenten22-04-2013
  4. 4. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfVerschillende apparatenStandaardisatie componenten22-04-2013
  5. 5. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfVerschillende apparaten Keuze apparaat afhankelijk van contextStandaardisatie componenten22-04-2013
  6. 6. http://www.marketingfacts.nl/statistieken/algemeen/Desktop/laptop bezitStandaardisatie componenten22-04-2013
  7. 7. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC gebruik Informatie en taak georiënteerdStandaardisatie componenten22-04-2013
  8. 8. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC gebruik Startpunt voor meer complexe activiteitenStandaardisatie componenten22-04-2013
  9. 9. http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfSmartphone bezitStandaardisatie componenten22-04-2013
  10. 10. http://www.marketingfacts.nl/statistieken/mobile-marketing/Smartphone bezit naar leeftijdStandaardisatie componenten22-04-2013
  11. 11. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfSmartphone gebruik VerbondenStandaardisatie componenten22-04-2013
  12. 12. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfSmartphone gebruik Startpunt voor online activiteitenStandaardisatie componenten22-04-2013
  13. 13. http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfTablet bezitStandaardisatie componenten22-04-2013
  14. 14. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfTablet gebruik EntertainmentStandaardisatie componenten22-04-2013
  15. 15. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfTablet gebruik Startpunt voor winkelen en het boeken van een reisStandaardisatie componenten22-04-2013
  16. 16. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfPC/smartphone/tablet gebruik Klanten gebruiken meerdere apparaten bij het doen van een aankoopStandaardisatie componenten22-04-2013
  17. 17. Andere interessante cijfers 45% van de consumenten gebruikt smartphones voor in- store product research & browsing 53% van de mannen en 38% van de vrouwen gebruikt zijn/haar smartphone in de winkel om prijzen te vergelijken met andere winkels 39% van de mensen die een winkel verlaten zonder een aankoop, waren door smartphones beinvloed 12% checkte andere online retailers 8% checkte beschikbaarheid in andere winkelsStandaardisatie componenten22-04-2013
  18. 18. http://mobiforge.com/designing/story/effective-design-multiple-screen-sizesOntwerpen voor mobiele apparaten Meerdere schermformaten Performance (snelheid) Touch screen Locatie Apparaat afhankelijke functionaliteitenStandaardisatie componenten22-04-2013
  19. 19. De componenten Formulier Inloggen/registreren/gebruikersbeheer Buttons (basisregels) Productdetailpagina Zoeken/zoekresultatenStandaardisatie componenten22-04-2013
  20. 20. Formulieren
  21. 21. http://static.lukew.com/MobileInput_LukeW.pdfFormulieren Lengte Lay-out Tekst invoerStandaardisatie componenten22-04-2013
  22. 22. Formulier - lengteStandaardisatie componenten22-04-2013
  23. 23. Standaardisatie componenten22-04-2013
  24. 24. StappenStandaardisatie componenten22-04-2013
  25. 25. Conversie verhogenStandaardisatie componenten22-04-2013
  26. 26. Veld lengteStandaardisatie componenten22-04-2013
  27. 27. Formulier Lay-outStandaardisatie componenten22-04-2013
  28. 28. FoutStandaardisatie componenten22-04-2013
  29. 29. GroeperenStandaardisatie componenten22-04-2013
  30. 30. Standaardisatie componenten22-04-2013
  31. 31. Formulier op mobielStandaardisatie componenten22-04-2013
  32. 32. ZoomStandaardisatie componenten22-04-2013
  33. 33. Formulier – lay-outStandaardisatie componenten22-04-2013
  34. 34. Tekst invoer Autocapitalize uit bij e-mail, wachtwoord, URL en andere hoofdlettergevoelige invoervelden Autocorrect uit bij e-mail, wachtwoord, URL, etc. Verwijder overbodige spaties automatisch Toon het juiste toetsenbord door het juiste input type mee te gevenStandaardisatie componenten22-04-2013
  35. 35. Slimme standaard waarden Gepersonaliseerd Meest voorkomendStandaardisatie componenten22-04-2013
  36. 36. ValidatieStandaardisatie componenten22-04-2013
  37. 37. ValidatieStandaardisatie componenten22-04-2013
  38. 38. http://static.lukew.com/webforms_lukew.pdfActie buttons Vormgeving moet overeenkomen met belangStandaardisatie componenten22-04-2013
  39. 39. OntwikkeldStandaardisatie componenten22-04-2013
  40. 40. Inloggen / registreren / gebruikersbeheer
  41. 41. http://janrain.com/blog/social-login-and-social-sharing-trends-across-the-web-for-q2-of-2012/Social loginStandaardisatie componenten22-04-2013
  42. 42. Hoe het niet moetStandaardisatie componenten22-04-2013
  43. 43. Standaardisatie componenten22-04-2013
  44. 44. Standaardisatie componenten22-04-2013
  45. 45. OntwikkeldStandaardisatie componenten22-04-2013
  46. 46. Buttons
  47. 47. Buttons Aangeraden afmeting: 9mm/34px Minimum afmeting: 7mm/26px Minimale tussenruimte: 2mm/8pxStandaardisatie componenten22-04-2013
  48. 48. Conclusie
  49. 49. Vragen/discussie
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×