Innovatie & toegankelijkheid. Ferry den

Maat: px

Weergave met pagina beginnen:

Download "Innovatie & toegankelijkheid. Ferry den Dopper @ferrydendopper"

Adriaan Jansen
10 jaren geleden
Aantal bezoeken:

1 ? Innovatie & toegankelijkheid Ferry den

2 Responsive Design

3 Responsive design is 80% stylesheets.container { margin: 0 auto; width: 960px; }.container { margin: 0 auto; width: 60em; }.main { float: left; width: 620px; margin-right: 20px; }.main { float: left; width: 64.5%; margin-right: 2%; }.sidebar { float: left; width: 320px; }.sidebar { float: left; width: %; all and (min-width: 50em) { /* hier stijlen voor hoge resolutie }

main { float: left; width: 620px; margin-right: 20px; }.main { float: left; width: 64.

4 Dit is niet het Web

5 Web Web Web Web Web Web Web Web Web Web Web Web Web Web Web

7 Huidige trends Responsive Design Parallax scrolling Social Login (bv. Facebook Connect) Web en icon fonts, HTML5, stylesheets ipv plaatjes

8 Zijn alle nieuwe ontwikkelingen een innovatie?

9 Gartner hype curve

10 Gartner hype curve 3D printen Parallax Scrolling Internet of Things App stores Spraakherkenning Quantum computing Virtuele werelden

12 Web 2.0 User User Generated Generated Content Content // Social Social Media Media Herbruikbare Herbruikbare content content (o.a. (o.a. feeds) feeds) Open Open Data Data // Web Web Services Services Rijke Rijke interactie interactie

13 User User Generated Generated Content Content // Social Social Media Media Herbruikbare Herbruikbare content content (o.a. (o.a. feeds) feeds) Open Open Data Data // Web Web Services Services Rijke Rijke interactie interactie

14 User User Generated Generated Content Content // Social Social Media Media Herbruikbare Herbruikbare content content (o.a. (o.a. feeds) feeds) Open Open Data Data // Web Web Services Services Rijke Rijke interactie interactie

15 User User Generated Generated Content Content // Social Social Media Media Herbruikbare Herbruikbare content content (o.a. (o.a. feeds) feeds) Open Open Data Data // Web Web Services Services Rijke Rijke interactie interactie

16 User User Generated Generated Content Content // Social Social Media Media Herbruikbare Herbruikbare content content (o.a. (o.a. feeds) feeds) Open Open Data Data // Web Web Services Services Rijke Rijke interactie interactie

18 Wat is de essentie? Nieuwste projecten: Motoren op elektriciteit Dansvloer wekt energie op Modern living De toekomst van de trein

19 Mobile

20 Ik heb een voorkeur voor mobiele sites. Die zijn vaak compacter en dus makkelijker te navigeren.

22 Maar Het mobiele web is helemaal nog niet zo toegankelijk!

23 Sommige organisaties doen er (schijnbaar) nog niets mee

24 Andere organisaties blokkeren de content

25 80 % van branded apps haalt de 1000 downloads niet of dwingen je naar hun app

26 Top onderweg taken Link naar volledige site Anderen maken een losse mobiele site (de lite versie)

27 Bouw een aparte mobiele site Schrap features en content die niet passen in de mobiele context Auto-redirect zoekopdrachten naar je mobiele site Stuur gebruikers die meer info willen naar de desktop site

28 De mobiele context Onderweg Micro-taken Multi-tasking

29 Niemand zal onze energietarieven ooit op zijn mobiel willen bekijken.

30 Het is volstrekt niet logisch dat gebruikers dat allemaal gaan lezen op hun mobiel.

31 Mensen kunnen dit complexe formulier toch veel beter invullen op hun pc?

32 De mobiele context Onderweg Micro-taken Multi-tasking

33 De mobiele context Onderweg Micro-taken Multi-tasking

34 31% van alle mensen met mobiel internet benadert het web primair via mobiel

35 45% van jarigen met mobiel internet benadert het web primair via mobiel.

36 60% van mensen met een inkomen onder $ heeft geen pc, maar vaak wel een smartphone met internet.

37 If your information is not available on small screen, it doesn t exist for all the people that rely on their mobile phones for access. Pew Research

38 86% van de mensen gebruikt mobiel internet tijdens het televisiekijken.

39 39% zegt te internetten op de wc. (dus 60% liegt)

40 90% start een taak op het ene apparaat en voltooit het op een ander apparaat.

41 Mensen kopen diamanten via mobiel Mensen vullen complexe formulieren in

42 Denk niet dat jij kunt raden welk deel van jouw content een mobiele gebruiker wil. Je zult verkeerd gokken. Karen McGrane

43 Contentpariteit = =

44 Als een gebruiker bij een webpagina kan komen op een desktop pc, moet hij dezelfde pagina op dezelfde URL kunnen bereiken op zijn mobiel. Brad Frost

45 Responsive Design

46 Demo Responsive Design

47 Wat gebeurt er bij het schalen? Content verschuift, bv. onder elkaar. Content verkleint, bv. afbeeldingen. Content wordt verborgen, bv. door alinea s in te vouwen en de kop klikbaar te maken. Content kan een andere prioriteit krijgen. Maar niet: Content weglaten

49 Adaptieve Systemen

51 Adaptieve systemen luisteren naar de omgeving en leren de gedragspatronen van de gebruiker. Tijd Plaat s ZZooeek k hhiisstto orrii ee G Geeddra ragg sspa patr troonnee nn B Biig g da G Gee lluui idd et-in rnet tern Inte in ve inddin rbin verb gg t h c i L dattaa:: bbvv.. w weeeer,r, vveerrkkeeeerr A Ag geen nd d aa

52 Adaptieve systemen luisteren naar de omgeving en leren de gedragspatronen van de gebruiker. Tijd Plaat s begrijpen niet alleen de gebruikscontext, maar anticiperen ZZooeek k h h i issttoorri wat de gebruiker wil op specifieke i ee G Gee momenten. lluu A Ag geen nd d aa iidd geven just in time antwoord voordat je de vraag kunt typen et-in rnet tern Inte in ve inddin rbin verb gg V Veerrkkeeeerr t h c i L G Ged edra raggss -pa patr troone ne nn

53 Google Now

58 Wat betekent dit voor toegankelijkheid? Content niet per se via eigen sites / apps, maar (ook) als webservice Minder invoer = goed Spraakherkenning en spraaksynthese (bv. Siri) Net als huidige mobiele sites compact contentaanbod, alleen gefilterd door context in plaats van device.

59 The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it. Mark Weiser

61 Consumers are making the mobile device the central navigation system of their lives. the coming year will be when the mobile world links the digital world to the physical world. ebay

66 Innovatie en toegankelijkheid Verschuiving naar mobile en internet of things Dezelfde content op ieder device (responsive) Relevante content op het juiste moment (adaptive) Van eigen website naar contentprovider WCAG2 ondersteunt nieuwe technologieën

67 Ferry den

Vergelijkbare documenten

Begrijp je doelgroep en connect Search en Social voor de opbmale klant beleving

Begrijp je doelgroep en connect Search en Social voor de opbmale klant beleving Speaking Publishing Consulting Training European Search Personality 2015 www.stateofdigital.com - www.basvandenbeld.com -