Responsive en mobiele website voor recruiters

Download Responsive en mobiele website voor recruiters

Post on 24-May-2015

280 views

Category:

Technology

1 download

Embed Size (px)

TRANSCRIPT

<ul><li> 1. MOBIEL DESIGN Han Rusman han@netwerven.nl @hanrusman</li></ul> <p> 2. STATISTIEKEN In 1995 had 30% uit de fortune 500 een website. In juni 2013 heeft slechts 10% daarvan een mobiele site 3. STATISTIEKEN 2015 is het mobiele web voor het eerst groter dan het desktop web Morgan Stanley (2010) 4. STATISTIEKEN iPhone: 2G januari 2007 3G juni 2008 3Gs juni 2009 4 juni 2010 5. STATISTIEKEN In 2012 werden er meer smartphones en tablets verkocht dan pcs. (wereldwijd) 6. STATISTIEKEN 7. STATISTIEKEN 8. STATISTIEKEN 9. STATISTIEKEN 10. STATISTIEKEN Het aantal mobiele breedband aansluitingen is &gt; 10 miljoen 8,9 daarvan zijn echt mobiel (maart 2013) 11. STATISTIEKEN Januari 2012 was gemiddeld 10% December 2012 rond de 20% Oktober 2013 rond de 26% 12. STATISTIEKEN 13. STATISTIEKEN 14. STATISTIEKEN 15. STATISTIEKEN YouTube 40% mobiel 16. STATISTIEKEN Facebook mobile ads. 30% van alle ads is mobile 17. STATISTIEKEN Google onderzoek: Survey/interviews 1000 Amerikanen Tussen 18 en 64 Representatieve sample Amerikaanse bevolking Q1 2013 18. STATISTIEKEN 19. STATISTIEKEN 20. STATISTIEKEN 21. STATISTIEKEN 22. STATISTIEKEN 23. GOOGLE ANALYTICS - MOBIEL 24. GOOGLE ANALYTICS MOBIEL SEO Verschillende apparaten Landscape vs portrait In de toekomst gebruikers ipv apparaten 25. APPARATEN 26. APPARATEN 27. APPARATENUltra HD: 7680 x 4320 28. APPARATENUltra HD: 7680 x 4320 29. APPARATENUltra HD: 7680 x 4320 30. 14 van de 21 is niet mobiel 31. 14 van de 21 is niet mobiel 32. 14 van de 21 is niet mobiel 33. 7 van de 21 is wel mobiel 34. OPLOSSING? RESPONSIVE! 35. OPLOSSING? RESPONSIVE! 36. CASE 1: THE NEXT WEB 37. CASES 1: THE NEXT WEB 38. CASES 1: THE NEXT WEB 39. CASES 1: THE NEXT WEB 40. CASES 1: THE NEXT WEB 41. CASES 2: MICROSOFT 42. CASES 2: MICROSOFT 43. CASES 2: MICROSOFT 44. ANDERE MOOIE CASES http://www.theguardian.com/uk?view=mobile 45. ANDERE MOOIE CASES http://www.bostonglobe.com/ 46. ANDERE MOOIE CASES https://www.spotify.com/nl/ 47. ANDERE MOOIE CASES http://www.regent-college.edu/ 48. ANDERE MOOIE CASES http://contentsmagazine.com/ 49. ANDERE MOOIE CASES https://www.gov.uk/ 50. ANDERE MOOIE CASES http://www.nd.edu/ 51. ANDERE MOOIE CASES http://www.passengerfocus.org.uk/ 52. ANDERE MOOIE CASES http://www.smashingmagazine.com/ 53. RESPONSIVE VS MOBILE 54. CASE MOBIEL: ASR 55. CASE MOBIEL: ASR 56. CASE MOBIEL: ASR 57. CASE MOBIEL: ASR 58. WAAROM RESPONSIVE?Goed voor SEO 59. WAAROM RESPONSIVE?Gebruiksvriendelijk 60. WAAROM RESPONSIVE?Makkelijk te beheren, zowel in content als techniek 61. ADAPTIVE OF RESPONSIVE Responsive: http://goldengridsystem.com/ Adaptive: http://framelessgrid.com/Responsive past vooral de grootte aan. Adaptive kijkt naar de vorm. 62. ADAPTIVE DESIGN 63. MENUS Mobiel menu 64. MENUS Toggle menu 65. MENUS Footer menu 66. MENUS Off-canvas 67. MENUS Toggle menu 68. MENUS Hybrid 69. MENUS 70. MENUS Priority-approach 71. TIPS Denk aan een sollicitatiestrategie 72. TIPSTrial and error 73. TIPSMeten, meten en meten 74. TIPS Denk aan je formulieren 75. TIPS Ontwikkel voor de massa 76. TIPS Makkelijk contact opnemen 77. TIPS Snelheid: Grofweg driekwart verwacht een even snelle website als op desktop. Hetzelfde percentage verlaat de site als deze niet binnen 5 seconden geladen is. 78. TIPS Afbeeldingen: Een definitieve oplossing is er nog niet maar; Beste oplossing is adaptive images, verschillende grotes inladen bij breekpunten http://responsiveimages.org/demos/basicimplementation/index.html 79. TIPS Let op tabellen 80. TIPSLet op embedded 81. TIPS Denk aan je externe platforms 82. TIPS Denk aan je externe platforms 83. WERKENBIJENECO.NL 84. WERKENBIJNS.NL 85. WAAROM NU? Techniek komt nu pas echt van de grond Browsers gaan snel vooruit -&gt; CSS3 (IE9) / HTML5 (IE9) Percentage mobiel stijgt hard In den beginne was het web responsive 86. The primary design principle underlying the Webs usefulness and growth is universality.The Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality from a silly tweet to a scholarly paper. And it should be accessible from any kind ofhardware that can connect to the Internet: stationary or mobile, small screen or large. Tim Berners-LeeLong Live the Web</p>