Mobiel webdesign vraagt om verschillende benaderingen voor iphone, blackberry en andere smartphones om de user-experience van uw bezoeker te optimaliseren, maar verschillende templates voor verschillende interfaces brengen extra (ontwikkelings)kosten met zich mee. Hoe gaat uw webdesigner hiermee om en wat is wijsheid?
Inmiddels vindt zo'n 35% van het totale internetverkeer plaats via mobiele apparaten. Vanuit strategisch oogpunt is het dus niet verstandig deze bij de ontwikkeling van uw website buiten beschouwing te laten.
iPhone, Blackberry, overige smartphones & website weergave
Inmiddels weet u als consument wel dat zo'n beetje elk merk zijn eigen 'standaard' probeert door- te drukken. Firefox, Internet Explorer en Safari geven uw website allemaal verschillend weer en bij mobiele apparaten gaat het dezelfde kant op. Sommige geven uw internetpagina verkleind weer zoals deze in de desktop-browser zou worden weergegeven. Anderen leggen beperkingen op aan de te gebruiken technologieen. Een enkel webdesign dat voor alle interfaces zou moeten voldoen is dan ook als dansen op een dun koord zonder vangnet.
Van links naar rechts scrollen per te lezen regel is natuurlijk not-done, dus wat ons betreft valt de verkleinde desktop-weergave die gezoomd moet worden, zowieso af. Website ontwerp wordt overigens al twintig jaar afgestemd op de grootte en hoogte-breedte-verhouding van uw beeldscherm, dus zo vreemd is dat niet...
Google en Mobiel Webdesign
Als u verschillende weergaves wilt laten ontwikkelen voor uw website, voor optimale bezichtiging via mobiele apparaten, is het natuurlijk belangrijk dat Google dit niet gaat zien als duplicate content of cloaking, want dat kan een penalty of zelfs een ban opleveren en dat is wel het laatste wat u wilt.
Bij Google verwacht men van smartphones dat zij de desktop-ervaring kunnen evenaren en dat om die reden het onnodig zou zijn een alternatieve template te ontwerpen voor navigatie met een mobiele browser. U moet deze stelling natuurlijk plaatsen in het perspectief van een bedrijf dat zich bezighoudt met het weergeven van zoekresultaten. Links-rechts scrollen per te lezen regel wekt de grootst mogelijke irritatie bij mensen, maar de Google-bot zal zich er niet aan storen. Bij Google stelt men gelukkig ook dat, om de user-experience van uw bezoeker te optimaliseren, een apart webdesign voor mobiele apparaten afzonderlijk, nuttig zou kunnen zijn en dus houdt men rekening met de ontwikkeling van verschillende templates en sitemaps voor verschillende interfaces. Echter, er dient wel rekening gehouden te worden met een aantal zaken om te voorkomen dat Google denkt dat haar iets anders getoond wordt dan de bezoekers van uw site. Om het nog ingewikkelder te maken, maakt Google bij indexering ook gebruik van aparte bots voor desktop en mobiel, maar maakt hierbij onderscheid tussen traditionele mobiele telefoons en smartphones. Google ziet smartphones als de iPhone en Android telefoons daarbij niet als mobiele apparaten.
Mobiele Site-navigatie ontwerpen
Om de navigatie binnen een site prettig te houden wanneer deze bekeken wordt op een mobiel apparaat, is het dus wel degelijk raadzaam om specifiek voor mobiel webdesign ontwikkelde templates te gebruiken. Hierin kunnen bijvoorbeeld menubalken of -kolommen vervangen worden door dropdown-menu's en absolute pixel-aantallen zoveel mogelijk vermeden worden; het eerste om ruimte te besparen en het tweede om zoomen (en links-rechts scrollen) - zeker bij contentrijke sites - te voorkomen. Daarnaast is het raadzaam om niet noodzakelijke illustraties in het website ontwerp voor de mobiele interfaces weg te laten.
Zoals u bij de overgang van schrijven voor het papier naar schrijven voor het web, uw teksten efficiënter en compacter bent gaan schrijven, gaan we hetzelfde doen met de vormgeving wanneer we de interface voor de desktop willen converteren naar een interface voor mobiele apparaten (wel houden we daarbij altijd de doelgroep/potentiele klant in de gaten en spitsen onze artikelen toe op hen en hun keuzes; meer daarover in dit artikel over overtuigend webdesign). Door daarbij steeds voor universele w3c-oplossingen te kiezen kunnen de hoeveelheid werk en onderlinge verschillen zoveel mogelijk beperkt worden en kunnen templates voor verschillende mobiele apparaten elkaar grotendeels overlappen.
Wilt u meer weten over Mobiel Webdesign of heeft u vragen over dit artikel, neemt u dan vrijblijvend contact met ons op.
