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 TrendsFlat design

Design TrendsLarge Hero / Intro Image / Hero Image

Design TrendsLong websites

Less clicking More Scrolling

Design TrendsBye Sidebar

Hello (sticky)Topbar

• Altijd beschikbaar

• Weinig ruimte in beslag, meer ruimte voor de content

Design TrendsCard based

E-mailE-mail marketing Trend

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

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

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)

Animated Scrolling[ bijv: Parallax Scrolling ]

http://www.cabletv.com/the-walking-dead

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.fiftythree.com/pencil

Design Trends(HTML5) Video (canvas)

http://24hoursofhappy.com/

The Internet of Things

Verbind de fysieke wereld met de digitale

Wereld

The Internet of Things• Sport

• Medisch

• Auto

• Home

• …

Bitcoin

Crypto Currency

Coinye DogeCoin

Totale Marktwaarde $ 10,330,544,331

http://vimeo.com/63502573

Mining

Bitcoin Adres

13L3pXVXUaPRBQreF22DVsDy1sm32JP1oc

Belangrijke aspecten

• OpenSource

• Decentralized

• Programmeerbaar

Satoshi Nakamoto

Satoshi Nakamoto

Linked DataNerd Alert !

Internet

• Tim Berners-Lee

• Linked Document

• Linked Data (next big thing on the web)

http://upload.wikimedia.org/wikipedia/commons/6/67/Linked-open-data-Europeana-video.ogv

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

iBeaconApple’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 & Mobile Payment Platform

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

Bedankt voor uw aandacht ;-)