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.

Netwinst: Ontwikkeling van standaard Componenten

143 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Netwinst: Ontwikkeling van standaard 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

×