Jeroen Olthof
• 20 jaar actief in IT
• Mede-Eigenaar The Webmen
• jeroenolthof.io
@ollieno
Love it, Hate it
Accept it!
Mobile First
[ design & strategie ]
Mobile First
• Adaptief / responsive design
• simpel naar complex ipv complex naar simpel
Design Trends
Flat design
Design Trends
Large Hero / Intro Image / Hero Image
Design Trends
Long websites
Less clicking More Scrolling
Design Trends
Bye Sidebar
Hello (sticky)Topbar
• Altijd beschikbaar
• Weinig ruimte in beslag, meer ruimte voor de content
Design Trends
Card based
E-mail
E-mail marketing Trend
Focus op Mobile
• Efficiënt gebruikmaken van de kleine beschikbare (scherm)ruimte
• Simpel / Flat design, geschikt voor zo...
Video in mail
• 2014 wordt het jaar van video in e-mails
• 80% van de e-marketeers zal zeker of waarschijnlijk
video in ga...
Animated “Gifs”
• Gebruik van animated gifs kan een aanwinst zijn om
de aandacht te vestigen op belangrijke content
• Geve...
Animated Scrolling
[ bijv: Parallax Scrolling ]
Animated Scrolling
• Story telling
• Geschikt om subtiel de aandacht te trekken
Voorbeeld
long page, geen sidebar, animated scrolling, hero
header, Mooie fotografie, top menu, video
http://www.fiftythre...
Design Trends
(HTML5) Video (canvas)
http://24hoursofhappy.com/
The Internet of Things
Verbind de fysieke wereld
met de digitale
Wereld
Wereld
The Internet of Things
• Sport
• Medisch
• Auto
• Home
• …
Bitcoin
Crypto Currency
Coiny
e
DogeCoi
n
Totale Marktwaarde
$
10,330,544,331
http://vimeo.com/63502573
Mining
Bitcoin Adres
13L3pXVXUaPRBQreF22DVsDy1sm32J
P1oc
Belangrijke aspecten
• OpenSource
• Decentralized
• Programmeerbaar
Satoshi
Nakamoto
Satoshi
Nakamoto
Linked Data
Nerd Alert !
Internet
• Tim Berners-Lee
• Linked Document
• Linked Data (next big thing on the web)
Knowledge Graph Open Graph
Native Ads
Native Ads
Content as Ad
Native Ads mengen onopvallend in een
bestaande omgeving (webpagina)
Native Ads
• Social
• Editorial
• Search
NFC
Near Field Communication / Micro Location
Commercial Estimote
iBeacon
Apple’s iBeacon gebaseerd op BLE
[ Bluetooth Low Energie ]
Mobile Payment
Mobile Payment
• > iPhone 4s
• iOS 7
• 82% van alle iPhones gebruikers is mobile payment
ready
• Apple 2014: iWatch & Mobi...
En we het nog niet eens gehad
over
• Internet vs Televisie
• 4K Content (Ultra HD)
• Big Data / IA Learning Algorithms
• W...
Bedankt voor uw aandacht
;-
)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Online trends 2014 - AcademyOost (10-02-2014)
Upcoming SlideShare
Loading in …5
×

Online trends 2014 - AcademyOost (10-02-2014)

1,066 views

Published on

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

Published in: Marketing
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,066
On SlideShare
0
From Embeds
0
Number of Embeds
328
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Online trends 2014 - AcademyOost (10-02-2014)

  1. 1. Jeroen Olthof • 20 jaar actief in IT • Mede-Eigenaar The Webmen • jeroenolthof.io @ollieno
  2. 2. Love it, Hate it Accept it!
  3. 3. Mobile First [ design & strategie ]
  4. 4. Mobile First • Adaptief / responsive design • simpel naar complex ipv complex naar simpel
  5. 5. Design Trends Flat design
  6. 6. Design Trends Large Hero / Intro Image / Hero Image
  7. 7. Design Trends Long websites Less clicking More Scrolling
  8. 8. Design Trends Bye Sidebar Hello (sticky)Topbar
  9. 9. • Altijd beschikbaar • Weinig ruimte in beslag, meer ruimte voor de content
  10. 10. Design Trends Card based
  11. 11. E-mail E-mail marketing Trend
  12. 12. 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
  13. 13. 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
  14. 14. 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)
  15. 15. Animated Scrolling [ bijv: Parallax Scrolling ]
  16. 16. Animated Scrolling • Story telling • Geschikt om subtiel de aandacht te trekken
  17. 17. Voorbeeld long page, geen sidebar, animated scrolling, hero header, Mooie fotografie, top menu, video http://www.fiftythree.com/pencil
  18. 18. Design Trends (HTML5) Video (canvas) http://24hoursofhappy.com/
  19. 19. The Internet of Things
  20. 20. Verbind de fysieke wereld met de digitale Wereld Wereld
  21. 21. The Internet of Things • Sport • Medisch • Auto • Home • …
  22. 22. Bitcoin
  23. 23. Crypto Currency
  24. 24. Coiny e DogeCoi n
  25. 25. Totale Marktwaarde $ 10,330,544,331
  26. 26. http://vimeo.com/63502573
  27. 27. Mining
  28. 28. Bitcoin Adres 13L3pXVXUaPRBQreF22DVsDy1sm32J P1oc
  29. 29. Belangrijke aspecten • OpenSource • Decentralized • Programmeerbaar
  30. 30. Satoshi Nakamoto
  31. 31. Satoshi Nakamoto
  32. 32. Linked Data Nerd Alert !
  33. 33. Internet • Tim Berners-Lee • Linked Document • Linked Data (next big thing on the web)
  34. 34. Knowledge Graph Open Graph
  35. 35. Native Ads
  36. 36. Native Ads Content as Ad Native Ads mengen onopvallend in een bestaande omgeving (webpagina)
  37. 37. Native Ads • Social • Editorial • Search
  38. 38. NFC Near Field Communication / Micro Location
  39. 39. Commercial Estimote
  40. 40. iBeacon Apple’s iBeacon gebaseerd op BLE [ Bluetooth Low Energie ]
  41. 41. Mobile Payment
  42. 42. Mobile Payment • > iPhone 4s • iOS 7 • 82% van alle iPhones gebruikers is mobile payment ready • Apple 2014: iWatch & Mobile Payment Platform
  43. 43. 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
  44. 44. Bedankt voor uw aandacht ;- )

×