Bekijk hier de powerpointpresentatie over de "Trends van 2014" van Jeroen Olthof (The Webmen) in samenwerking met AcademyOost.nl

2. Jeroen Olthof
• 20 jaar actief in IT
• Mede-Eigenaar The Webmen
• jeroenolthof.io
@ollieno

11. Love it, Hate it
Accept it!

12. Mobile First
[ design & strategie ]

14. Mobile First
• Adaptief / responsive design
• simpel naar complex ipv complex naar simpel

16. Design Trends
Flat design

23. Design Trends
Large Hero / Intro Image / Hero Image

27. Design Trends
Long websites
Less clicking More Scrolling

30. Design Trends
Bye Sidebar
Hello (sticky)Topbar

32. • Altijd beschikbaar
• Weinig ruimte in beslag, meer ruimte voor de content

33. Design Trends
Card based

39. E-mail
E-mail marketing Trend

40. Focus op Mobile
• Efficiënt gebruikmaken van de kleine beschikbare (scherm)ruimte
• Simpel / Flat design, geschikt voor zowel desktop als mobiel
• Grote fonts, minimumgrootte van 13 pixels
• Gebruik van witruimte om de CTA i.v.m. touch
• Een responsive framework zoals Ink wordt ondersteund door de
meeste grote e-mail cliënts
• 51% van de opens gebeurt op een mobiel apparaat (bron: Litmus)
• 80% van de gebruikers verwijdert een e-mail wanneer deze niet goed
opent of er niet goed uitziet

41. Video in mail
• 2014 wordt het jaar van video in e-mails
• 80% van de e-marketeers zal zeker of waarschijnlijk
video in gaan zetten dit jaar
• Een e-mail die een video bevat zal 280% meer
rendement opleveren dan een e-mail zonder filmpje
(bron EmailMonks)
• 58% van de bezoekers zal de video direct kunnen zien,
42% van de bezoekers ziet een backup image met een
link naar de video

42. Animated “Gifs”
• Gebruik van animated gifs kan een aanwinst zijn om
de aandacht te vestigen op belangrijke content
• Geven de mogelijkheid tot een creatiever bericht
• Gif’s zijn zwaarder dan statische tegenhangers als
JPEG en PNG
• Gif’s worden niet getoond in Outlook 2007 en hoger
i.v.m. de rendering engine (Word)

47. Animated Scrolling
[ bijv: Parallax Scrolling ]

49. Animated Scrolling
• Story telling
• Geschikt om subtiel de aandacht te trekken

50. Voorbeeld
long page, geen sidebar, animated scrolling, hero
header, Mooie fotografie, top menu, video
http://www.fiftythree.com/pencil

51. Design Trends
(HTML5) Video (canvas)
http://24hoursofhappy.com/

52. The Internet of Things

53. Verbind de fysieke wereld
met de digitale
Wereld
Wereld

55. The Internet of Things
• Sport
• Medisch
• Auto
• Home
• …

59. Bitcoin

60. Crypto Currency

62. Coiny
e
DogeCoi
n

70. Totale Marktwaarde
$
10,330,544,331

71. http://vimeo.com/63502573

72. Mining

82. Bitcoin Adres
13L3pXVXUaPRBQreF22DVsDy1sm32J
P1oc

86. Belangrijke aspecten
• OpenSource
• Decentralized
• Programmeerbaar

87. Satoshi
Nakamoto

88. Satoshi
Nakamoto

89. Linked Data
Nerd Alert !

90. Internet
• Tim Berners-Lee
• Linked Document
• Linked Data (next big thing on the web)

92. Knowledge Graph Open Graph

95. Native Ads

96. Native Ads
Content as Ad
Native Ads mengen onopvallend in een
bestaande omgeving (webpagina)

98. Native Ads
• Social
• Editorial
• Search

104. NFC
Near Field Communication / Micro Location

105. Commercial Estimote

106. iBeacon
Apple’s iBeacon gebaseerd op BLE
[ Bluetooth Low Energie ]

108. Mobile Payment

109. Mobile Payment
• > iPhone 4s
• iOS 7
• 82% van alle iPhones gebruikers is mobile payment
ready
• Apple 2014: iWatch & Mobile Payment Platform

113. En we het nog niet eens gehad
over
• Internet vs Televisie
• 4K Content (Ultra HD)
• Big Data / IA Learning Algorithms
• Whatsapp vs Telegram of toch WeChat
• Google Authorship
• Ploggen

114. Bedankt voor uw aandacht
;-
)