Dit e-boek is voorzien van een verborgen, persoonlijk watermerk.
Het verspreiden of openbaar maken van dit e-boek is niet toegestaan.

This e-book contains a hidden and personal watermark. Distribution is prohibited.

VOORWOORD

Luke Wroblewski is de man van de cijfertjes, dus laten we daar eens naar kijken. Hij heeft 1372 artikelen geschreven, 190 presentaties gegeven en 3 boeken geschreven over mobiel en website usability, interactie en design. Zijn nieuwste en (naar mijn mening) belangrijkste boek, is het boek dat je in handen hebt. Als je niet onder de indruk bent van deze productie, bedenk dan dat Luke alleen in zijn vrije tijd schrijft, terwijl hij werkt als digital product design lead voor enkele grote bedrijven op internet en voor zichzelf.

Deze ervaren designer heeft zich de laatste paar jaar met hart en ziel op de mobiele ervaring gestort. Dat is mooi voor hem, omdat het hele web en de wereld in een duizelingwekkende vaart mobiel gaan. Dat is nog mooier voor jou en mij, omdat Luke niet alleen alle ins en outs van mobiel kent, maar ook omdat hij een briljante designer is die de gebruiker vooropstelt. En hij is ook nog eens een fantastische communicator. Luke heeft zestien jaar ervaring met het ontwerpen van digitale producten en dan hebben we het nog niet eens gehad over de duizenden white papers, interne rapporten, artikelen, boeken en lezingen die hij heeft bestudeerd. En alles wat hij weet, heeft hij opgeschreven op elke pagina van Mobile webdesign.

Dit is niet alleen een erg leuk boek om te lezen, maar het is ook enorm leerzaam. Luke’s oproep tot actie verandert de manier waarop mijn bedrijf en ik naar het design van websites kijken en het zal ook jouw manier veranderen. Mobile webdesign is op een positieve manier overtuigend; Luke laat de feiten voor zichzelf spreken. En je leest hier het beste advies wat je kunt krijgen: praktisch, direct en gefocust op de gebruiker. En tegelijk wordt je IQ en je ervaring als beoefenaar gerespecteerd.

Ik ben weg van dit boek. Ik ben dolblij dat we het mogen uitgeven. Ik hoop dat het in de boekenkast van elke designer, frontendontwikkelaar en UX-persoon komt te staan. Ik zou graag zien dat onze bedrijfstak de mobiele ervaring omarmt op een manier die onze gebruikers en ons helpt om online succesvol te zijn. Als voldoende mensen de richtlijnen uit dit kleine boekje volgen, heb ik het volste vertrouwen in de toekomst van het web.

– Jeffrey Zeldman

INLEIDING

EIGENLIJK IS DIT BOEK gewoon begonnen als een klein, eenvoudig idee. Maar net als veel andere eenvoudige ideeën, heeft dit idee grote gevolgen. Het verandert hoe we de pc definiëren en hoe we het web gebruiken. En dat zijn grote gevolgen, maar we kunnen klein beginnen.

Mobile first

De meeste webteams hebben jarenlang producten en informatie ontworpen voor pc’s en laptops. Aan mobiel dachten deze teams pas achteraf, als ze er al aan dachten. Dit was in grote delen van de wereld helaas heel logisch. Surfen op het web met een mobiele telefoon was irritant; aanbieders beheersten de toegang tot het web op hun apparaten; en vanwege de snelheden van mobiele netwerken kwam alles vaak knarsetandend tot stilstand. Heel weinig mensen gebruikten het web op hun mobiel (tenzij ze in Japan woonden) en voor de mensen die het wel deden, was het meestal geen fijne ervaring.

Maar in de afgelopen jaren is alles zo drastisch veranderd, dat het bijna achterhaald is om met de pc te beginnen als je een webproduct gaat ontwikkelen. Door eerst voor mobiel te ontwerpen, kun je niet alleen nieuwe groeimogelijkheden creëren; het kan ook leiden tot een betere algehele gebruikerservaring voor een website of toepassing.

Wat ons weer terugbrengt naar ons ‘kleine’ idee. Websites en toepassingen moeten eerst voor mobiel worden ontworpen en gebouwd. Door een mobile first-strategie te volgen:

ben je voorbereid op de explosieve groei en nieuwe mogelijkheden die zich vandaag de dag op mobiel voordoen,

word je gedwongen je te focussen en een prioriteitenlijst op te stellen voor je producten door de beperkingen te omarmen die inherent zijn aan mobiel design, en

kun je gebruikers innovatieve ervaringen bezorgen door voort te bouwen op nieuwe mogelijkheden die inherent zijn aan mobiele apparaten en gebruiksmodi.

Er kleven zo veel voordelen aan een mobile first-strategie dat het de moeite waard is om te overwegen ook als je niet direct plannen hebt om een mobiele ervaring uit te brengen. Ook als je maar een halve dag gaat brainstormen over je mobiele ervaring, kun je al op een hele andere manier over je product gaan denken.

Maar geloof me niet op mijn woord. Een aantal van de grotere web-bedrijven volgt ook de mobile first-strategie. Eric Schmidt, voorzitter van Google, zegt dit erover: ‘Dit is de eenvoudige regel: wat je ook doet, eerst mobiel’¹. Kate Aronowitz, Facebook’s Director of Design: ‘Voor heel veel van onze producten beginnen we nu pas eerst voor mobiel te ontwerpen en daarna voor het web. We merken dat de designers voor mobiel de beperkingen echt omarmen en daardoor leren we heel veel over hoe we kunnen terugontwerpen naar de pc’.² En Kevin Lynch, CTO van Adobe, zegt: ‘We moeten echt de overgang maken naar een mobile first-strategie. Deze overgang is groter dan destijds de pc-revolutie.’³

Voor deze en heel veel andere organisaties, is mobile first heel belangrijk. Maar waarom is mobiel zo belangrijk en hoe kun je ervoor gaan ontwerpen? Dat is nu de reden dat je een heel boek over dit kleine idee in je handen hebt.

Over dit boek

Tijd is kostbaar, dus daarom is dit een kort en beknopt boek. In het eerste deel lees je waarom een mobile first-strategie voor websites en toepassingen nu zo verstandig is. In het tweede deel beschrijf ik in welk opzicht het ontwerpen van mobiele webervaringen verschilt van het ontwerpen van desktopwebervaringen, zodat je aan de hand van wat je al weet over het ontwerpen voor het web vandaag nog kunt beginnen met voor mobiel ontwerpen.

Er staat geen code in dit boek; heel veel andere programmeurs kunnen je veel beter advies geven over mobiele ontwikkeling dan ik. Je vindt hier wel een business case voor mobile first en veel designpatronen en best practices waar je steeds op terug kunt vallen wanneer je mobiele webervaringen gaat ontwikkelen en ontwerpen.

Ik wijs je er nu alvast even op dat ik in dit boek de term ‘mobiele webervaring’ gebruik in plaats van ‘mobiel web’ of ‘mobiele website’. In feite is er maar één World Wide Web, maar dat kan op verschillende manieren op verschillende apparaten worden ervaren. In dit boek heb ik het over de mobiele ervaring.

Goed, ik heb beloofd om beknopt te zijn, dus laten we de verdere inleiding achterwege laten en het erover gaan hebben hoe je door klein te beginnen uiteindelijk heel, heel groot kunt worden.

Deel 1

WAAROM MOBILE WEBDESIGN?

Dit is de elevatorpitch: door eerst voor mobiel te ontwerpen, bereid je je zelf niet alleen voor op de explosieve groei en nieuwe kansen op het mobiele internet, maar het dwingt je ook om je te focussen en kun je je product innoveren op een manier die eerder niet mogelijk was.

Er valt natuurlijk heel veel te vertellen over deze uitspraak en daar gaat dit deel dan ook over.

ISBN: 978-90-430-3007-6

NUR: 994

Trefw: webdesign

Dit is een uitgave van Pearson Benelux bv,

Postbus 75598, 1070 AN Amsterdam

Website: www.pearson.nl - e-mail: amsterdam@pearson.com

Vertaling: Nathalie Kuilder voor Fontline

Redactie, zetwerk, omslag en productie: Fontline, Nijmegen

© Copyright 2013 Pearson Benelux voor de Nederlandstalige editie.

Vertaling van: Mobile First, Luke Wroblewski.

Authorized Dutch translation of the English edition of Mobile First,

ISBN 9781937557027 © 2011 Luke Wroblewski. This translation is published and sold by permission of A Book Apart, which owns or controls of all rights to publish and sell the same.

Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen, of enige andere manier, zonder voorafgaande toestemming van de uitgever.

Voor zover het maken van kopieën uit deze uitgave is toegestaan op grond van artikel 16B Auteurswet 1912 jo het Besluit van 20 juni 1974, St.b. 351, zoals gewijzigd bij Besluit van 23 augustus 1985, St.b. 471 en artikel 17 Auteurswet 1912, dient men de daarvoor wettelijk verschuldigde vergoedingen te voldoen aan de Stichting Reprorecht. Voor het overnemen van gedeelte(n) uit deze uitgave in bloemlezingen, readers en andere compilatie- of andere werken (artikel 16 Auteurswet 1912), in welke vorm dan ook, dient men zich tot de uitgever te wenden. Ondanks alle aan de samenstelling van dit boek bestede zorg kunnen noch de redactie, noch de auteurs, noch de uitgever aansprakelijkheid aanvaarden voor schade die het gevolg is van enige fout in deze uitgave.