De filosofie van een mobiele website

Vrijwel iedere mobiele telefoon heeft tegenwoordig mobiel internet en de vraag naar mobiele sites stijgt dus ook enorm. Het is daarom goed om even stil te staan en na te denken over wat een mobiele site nu eigenlijk is en welk doel dat het heiligt. Laten we een vergelijking maken tussen een 'standaard' desktop-website en een mobiele website voor een restaurant. Beeld je in in een potentiële, hongerige klant die op zoek is naar een leuk restaurant.
De standaard, desktop website
Voor een standaard website is het doel van de site belangrijk om zich te onderscheiden van de rest en goede teksten & SEO op de rit te hebben. Het is namelijk aannemelijk dat de klant via een zoekmachine heeft gezocht en nu zijn keuze aan het maken is uit een lijstje van restaurants. De site dient:

• Goed te smoelen, voor de onderscheidende waarden
• Een pakkende tone-of-voice te hebben, kan ook goed onderscheidend werken
• Voorzien in een uitgebreide menukaart, denk bijvoorbeeld ook aan de wijnkaart, lunch, diner en desert-kaart.
• Foto's / video's te hebben om de ambiance van het restaurant te laten zien
• Additionele informatie te bevatten voor vegetarische / glutenvrije gerechten
• Achtergrondinformatie over het restaurant zelf
• Adresgegevens / contactinformatie
• Openingstijden
• Al helemaal te gek: een online reserveersysteem
• Etc...

De mobiele website
Voor een mobiele website veranderd het hele scenario. Vooral omdat je op een mobiel beperkt bent met de ruimte van het scherm, bandbreedte (en dus laadtijden) en de tijd van bezoeker (met een mobiel blijf je immers niet zo lang op een website als met een 'echte' computer). Het ontwerp en de functionaliteit van de site moeten hier dus op aangepast worden. Hou de site simpel en minimalistisch, en beperk je tot de essentiële functionaliteit welke je van een mobiele website mag verwachten:

• Duidelijk het adres in beeld, clickable naar bijvoorbeeld Google Maps of een andere navigatie app.
• De openingstijden duidelijk in beeld.
• Een grote duidelijke knop met het telefoonnummer, welke gaat bellen zodra je er op klikt (dit kan met tel: als protocol).
• Een link naar een menukaart, zodat je met één klik direct het menu kunt inzien.

Overige functionaliteiten kún je ook toevoegen, maar besef je dat de bovenstaande het voornaamste zijn voor als je:

• ...nog snel even wilde kijken wat het adres ook alweer was.
• ...je navigatie naar het restaurant in wilt stellen.
• ...even snel wilt bellen om te zeggen dat je iets later komt.
• ...het menu snel wilt inzien (met één klik).
• ...kijken tot hoe laat de keuken open is.

Nu is dit slechts één voorbeeld, maar het is naar mijn idee wel een heel duidelijk voorbeeld over hoe mobiele websites dienen te worden ingezet. Helaas is de werkelijkheid vaak dat de klant voor de mobiele website niets anders ziets dan een exacte kopie van de huidige website, maar dan met kleinere plaatjes en lettertjes, maar het is aan ons de taak om de klant hierover te informeren en hem de kansen van een goed mobiel ontwerp in te laten zien.

• RT @designermonkey: Stop Internet #Censorship! Sign the urgent global petition @Avaaz urging the EU Parliament to reject #ACTA: http://t.co/7iKfUrqx
• @evanw I try to install MarkdownPad but I keep getting an error (0xc000007b) and IE trying to open http://t.co/4VoYzkvE. Any help please?
• @brgroen zelfstudie. 50% bij Twisted, 50% Thuis. Via 48 uur aan video courses
• Zo, het begin om een Certified Magento Developer te worden zit erop. Complexe materie, maar ik kom er wel!
• @zimmen @gayadesign welcome back!
• My 2 goals for this year: become a Magento Certified Developer and master three.js
• tweeter de tweet »