Ik zal het gewoon zeggen: websites en webapps moeten eerst voor mobiel worden ontworpen.

Jarenlang deden de meeste teams het tegenovergestelde. Mobiel, als het al zou gebeuren, was een poort van de desktopversie die bedacht, ontworpen en gebouwd was voordat iemand zelfs maar dacht dat hij mobiel zou zijn.

En dat was lang een logische stap: browsen op het web op mobiele telefoons was pijnlijk; vervoerders controleerden de toegang tot het internet op hun apparaten; en mobiele netwerksnelheden zorgden ervoor dat alles te vaak tot stilstand kwam.

Veranderende tijden

Maar dingen zijn de afgelopen jaren zo dramatisch veranderd dat het beginnen met de desktop een steeds terugkerend denkpatroon kan zijn. Eerst ontwerpen voor mobiel kan nieuwe groeimogelijkheden bieden en leiden tot een betere algehele gebruikerservaring.

Laten we ingaan op de drie belangrijkste redenen waarom: mobiel ziet een explosieve groei; mobiel dwingt je om je te concentreren; en mobiel breidt je mogelijkheden uit.

Ten eerste, groei. Als je de laatste statistieken nog niet hebt bijgehouden, zal ik je een korte samenvatting geven: mobiel groeit als een gek. Hoewel analisten al lang mobiel hebben aangekondigd als 'het volgende grote ding', werpen hun profetieën eindelijk hun vruchten af.

Misschien komt de meest complete en inspirerende set statistieken uit het Mobile Internet Report van Morgan Stanley Research. Deze schat aan gegevens over wat er op mobiele apparaten gebeurt, brengt een aantal schokkende cijfers naar voren: de adoptie van mobiel internet overtreft de verbazingwekkende groei van de acceptatie van desktop-internet; verwacht wordt dat smartphones in 2012 de wereldwijde pc-markt zullen verlaten; en zware mobiele data-gebruikers zullen tegen 2013 verdrievoudigen tot één miljard. Dat is een enorm publiek dat snel opkomt. Dit is het moment om de mobiele kans te grijpen!

Maar dit is niet alleen een kans om een ​​mobiele versie van een webproduct te maken om van deze groei te profiteren; het is een kans om uw gebruikers een enorm verbeterde ervaring te bieden.

Overweeg de sociale netwerkdienst Facebook. Er zijn momenteel meer dan 100 miljoen actieve gebruikers die Facebook gebruiken via hun mobiele apparaten. Deze gebruikers zijn twee keer zo actief op Facebook als niet-mobiele gebruikers.

De combinatie van mobiele en desktop-ervaringen resulteert in meer betrokken gebruikers op beide sets apparaten. Dat komt omdat Facebook zijn mobiele ervaring niet alleen als een poort van de desktopsite beschouwt. Het omarmt het als een manier om de hele Facebook-ervaring te verbeteren.

In de woorden van Joe Hewitt, hoofdontwikkelaar van Facebook's iPhone-applicatie: "Mijn doel was in eerste instantie gewoon om een ​​mobiele metgezel te maken, maar ik raakte ervan overtuigd dat het mogelijk was om een ​​versie van Facebook te maken die eigenlijk beter was dan de website." Dat is echt de mobiele mogelijkheid in een notendop.

Nu ... hoe kunnen de beperkingen en mogelijkheden van mobiele apparaten u daarheen helpen??

Gedwongen om te focussen

Ontwerpen voor de mobiele omgeving komt met een natuurlijke reeks beperkingen. Hoewel sommigen beweren dat deze beperkingen het mobiele ontwerp beperken, zijn ze naar mijn mening inherent goed voor de gebruikerservaring en, als gevolg daarvan, voor het bedrijfsleven in het algemeen..

Vooral de kleine schermen, langzame verbindingen en de context van het gebruik van mobiele apparaten zijn sterke katalysatoren voor geweldig webdesign.

Misschien is de grootste impact van deze beperkingen de schermruimte. Wanneer u werkt met een 480x320 pixelscherm (te vinden op de eerste drie generaties van de iPhone van Apple, de eerste generatie Android-telefoons en de Palm Pre), heeft 80 procent van de schermruimte die u had bij 1024x768 (gebruikelijk voor de meeste websites) op de desktop) is verdwenen.

Dat betekent dat 80 procent van de inhoud, navigatie, promoties en interacties die je op de desktop zou kunnen passen, moeten gaan. En dat is ... geweldig.

Het verliezen van zoveel schermruimte dwingt webteams zich te concentreren. U moet ervoor zorgen dat wat op het scherm blijft de belangrijkste reeks functies is voor uw klanten en uw bedrijf. Er is eenvoudigweg geen plaats voor interfaceruiken of inhoud van twijfelachtige waarde. Je moet weten wat het belangrijkst is.

Om dat te doen, moet u uw klanten en uw bedrijf echt kennen. Dat is goed ontwerp 101. Ontwerpen voor mobiel dwingt je om daar te komen, leuk te vinden of niet. Overweeg het verschil tussen het reisroute-scherm van Expedia op zijn desktopwebsite en zijn iPhone-ervaring.

Het belangrijkste doel van deze pagina is om een ​​klant zijn reisplannen te laten beoordelen. Als u heel goed in het midden van deze webpagina kijkt, kunt u deze informatie mogelijk herkennen.

In schril contrast stelt de iPhone-ervaring van Expedia dezelfde informatie centraal en met een betere visuele hiërarchie - waardoor de gebruiker de aankomst- en vertrektijden snel kan controleren. Voorbij zijn alle interface puin, promoties en cruft aanwezig op de desktop-site. Het enige wat overblijft, is wat Expedia-gebruikers nodig hebben om hun taak te volbrengen. Waarom zou de desktopsite niet hetzelfde kunnen doen??

Bekijk als een ander voorbeeld het verschil tussen de Southwest Airlines-website op het bureaublad en de iPhone-ervaring. Omdat er veel pixels beschikbaar zijn op het bureaublad, zijn ze gevuld met veel promoties, functies, opties en meer - omdat ze kunnen worden.

De mobiele ervaring daarentegen heeft een laserachtige focus op wat klanten nodig hebben en wat Southwest doet: reizen boeken, inchecken, de status van de vlucht controleren, miles controleren en waarschuwingen ontvangen. Geen ruimte voor iets anders. Alleen wat het belangrijkst is.

Focussen op wat het belangrijkst is, helpt bij het aanpakken van een van de langstlopende problemen in webdesign: het probleem 'alles inclusief de gootsteen'. Dit probleem bestaat omdat het toevoegen van dingen aan een website relatief eenvoudig is. Er worden veel dingen toegevoegd - vooral als er meerdere belanghebbenden bij betrokken zijn.

Verschillende interne afdelingen, eigenaren van functies, bedrijven en individuen hebben verschillende vereisten voor websites. Daarom blijven webteams vaak proberen om veel promoties, interacties, inhoudsmodules, navigatieopties en meer in één lay-out in evenwicht te houden. Op een 1024x768-scherm zijn er veel pixels om te vullen!

Als u eerst voor mobiel ontwerpt, kunt u eerst overeenstemming bereiken over wat het belangrijkst is. U kunt dan dezelfde redenering toepassen op de desktopversie van uw webproduct. "We waren het erover eens dat dit de belangrijkste set functies en inhoud was voor onze klanten en bedrijven" - waarom zou dat veranderen met meer schermruimte?

Er zijn natuurlijk verschillen op basis van de mobiele en desktopcontexten. Maar de kernwaarde van een webservice blijft in beide indelingen hetzelfde. Wanneer een team eerst voor mobiel ontwerpt, is het eindresultaat een ervaring die is gericht op de belangrijkste taken die gebruikers willen uitvoeren zonder de externe omleidingen en algemene interfacepuin die veel van de websites van vandaag teisteren. Er is eenvoudigweg geen ruimte in een 320x480 pixelscherm voor externe elementen. Je moet prioriteiten stellen.