Your SlideShare is downloading. ×
0
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
Netwinst: Standaardisatie van e-commerce componenten
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

Netwinst: Standaardisatie van e-commerce componenten

122

Published on

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

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
122
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. Standaardisatie componentenFront-endStandaardisatie componenten22-04-2013
  • 2. Inhoud Waarom componenten Desktop/mobiel/tablet gebruik Responsive/mobiele website Mogelijke componenten Component specifieke aandachtspunten Conclusie Vragen/discussieStandaardisatie componenten22-04-2013
  • 3. Waarom componenten Voordelen • Herbruikbaar • Tijdsbesparing • Kwaliteit Nadelen • Afstemming doelgroepStandaardisatie componenten22-04-2013
  • 4. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfVerschillende apparatenStandaardisatie componenten22-04-2013
  • 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. http://www.marketingfacts.nl/statistieken/algemeen/Desktop/laptop bezitStandaardisatie componenten22-04-2013
  • 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. 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. http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfSmartphone bezitStandaardisatie componenten22-04-2013
  • 10. http://www.marketingfacts.nl/statistieken/mobile-marketing/Smartphone bezit naar leeftijdStandaardisatie componenten22-04-2013
  • 11. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfSmartphone gebruik VerbondenStandaardisatie componenten22-04-2013
  • 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. http://www.intomartgfk.nl/imperia/md/content/intomart/trends_in_digitale_media_-_juni_2012.pdfTablet bezitStandaardisatie componenten22-04-2013
  • 14. http://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdfTablet gebruik EntertainmentStandaardisatie componenten22-04-2013
  • 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. 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. 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. 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. De componenten Formulier Inloggen/registreren/gebruikersbeheer Buttons (basisregels) Productdetailpagina Zoeken/zoekresultatenStandaardisatie componenten22-04-2013
  • 20. Formulieren
  • 21. http://static.lukew.com/MobileInput_LukeW.pdfFormulieren Lengte Lay-out Tekst invoerStandaardisatie componenten22-04-2013
  • 22. Formulier - lengteStandaardisatie componenten22-04-2013
  • 23. Standaardisatie componenten22-04-2013
  • 24. StappenStandaardisatie componenten22-04-2013
  • 25. Conversie verhogenStandaardisatie componenten22-04-2013
  • 26. Veld lengteStandaardisatie componenten22-04-2013
  • 27. Formulier Lay-outStandaardisatie componenten22-04-2013
  • 28. FoutStandaardisatie componenten22-04-2013
  • 29. GroeperenStandaardisatie componenten22-04-2013
  • 30. Standaardisatie componenten22-04-2013
  • 31. Formulier op mobielStandaardisatie componenten22-04-2013
  • 32. ZoomStandaardisatie componenten22-04-2013
  • 33. Formulier – lay-outStandaardisatie componenten22-04-2013
  • 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. Slimme standaard waarden Gepersonaliseerd Meest voorkomendStandaardisatie componenten22-04-2013
  • 36. ValidatieStandaardisatie componenten22-04-2013
  • 37. ValidatieStandaardisatie componenten22-04-2013
  • 38. http://static.lukew.com/webforms_lukew.pdfActie buttons Vormgeving moet overeenkomen met belangStandaardisatie componenten22-04-2013
  • 39. OntwikkeldStandaardisatie componenten22-04-2013
  • 40. Inloggen / registreren / gebruikersbeheer
  • 41. http://janrain.com/blog/social-login-and-social-sharing-trends-across-the-web-for-q2-of-2012/Social loginStandaardisatie componenten22-04-2013
  • 42. Hoe het niet moetStandaardisatie componenten22-04-2013
  • 43. Standaardisatie componenten22-04-2013
  • 44. Standaardisatie componenten22-04-2013
  • 45. OntwikkeldStandaardisatie componenten22-04-2013
  • 46. Buttons
  • 47. Buttons Aangeraden afmeting: 9mm/34px Minimum afmeting: 7mm/26px Minimale tussenruimte: 2mm/8pxStandaardisatie componenten22-04-2013
  • 48. Conclusie
  • 49. Vragen/discussie

×