5 tips voor mobiele versies van webshops
Dated dinsdag 11 oktober 2011
Voor de meeste webwinkelhouders is mobiel nog een ingewikkeld verhaal. Er wordt simpelweg aan de ontwikkelaar gevraagd "of dit mogelijk is". Daaruit volgt een prijskaartje, maar meestal niet welke aanpassingen de ontwikkelaar of ontwerper maakt die de mobiele versie van de webwinkel ook tot een succes zullen maken.
Brian Doll van New relic (gespecialeerd in conversie voor webapps) geeft 5 tips waar zowel ontwerpers als webwinkelhouders rekening mee moeten houden bij het het uitbreiden van een webwinkel naar mobiel:
-
Size matters: een klein scherm betekend weinig ruimte om informatie te tonen. Beperk inhoud de mobile website dus tot de kern van de webwinkel. Ruimte is kostbaar, verspil het niet.
-
Eenvoud: houd de website simpel. Wees duidelijk in de functies en gebruik daarbij het liefst iconen.
-
Stroomlijn het proces: het is eenvoudig om verdwaald te raken in een mobile website. Er zijn geen uitgebreiden menu's en er is geen kruimelpad. Zorg dat de volgende stap voor de bezoeker altijd duidelijk is.
-
Sluit de deal: maak het online kopen zo eenvoudig mogelijk. Geen uitgebreide account formulieren en direct online kunnen betalen. Gebruikersgemak verkoopt.
-
Let op browsers: alhoewel HTML 5 de mobelijkheid biedt in één keer te ontwikkelen voor diverse telefoons, blijven er verschillen bestaan. Wees hiervan bewust.
Om het moment van schrijven biedt mobile 24/7 zelf nog geen mobiele webshops aan. Binnenkort zullen wij echter een eerste stap in die richting zetten, door het aanbieden van een online catalogus. Bent u de houder van een webwinkel en kijkt u ook naar de uitbreiding naar mobiel, hou ons dan in de gaten!
Lees het hele artikel van Brian Doll
{"jsfiles":["\/cms\/BB\/JSDivers\/jquery.flippy.js","\/cms\/BB\/JSDivers\/switchtomobile.js","\/cms\/BB\/JSDivers\/iScroll\/iscroll-lite.js","\/cms\/BB\/Form\/Fields\/CpFormDate.js","\/cms\/BB\/JSDivers\/touch2.js","\/cms\/BB\/Ajax\/simpleajax.js","\/cms\/BB\/JSDivers\/webcoding.js","\/cms\/BB\/JSDivers\/check.js","\/cms\/BB\/JSDivers\/loadparts.js","\/cms\/BB\/JSDivers\/cms-actions.js"],"cssfiles":["\/cms\/BB\/CSS\/touch\/website.css","\/cms\/BB\/CSS\/touch\/mobile.css","\/css\/mobile.css","\/cms\/BB\/CSS\/buttons.css","\/cms\/BB\/CSS\/touch\/general.css","\/cms\/BB\/CSS\/touch\/cms.css","\/cms\/BB\/Form\/Fields\/CpFormDate.css","\/cms\/CBB\/Modules\/CRM\/CmsModuleImportMail.css","\/cms\/CBB\/Modules\/Standard\/CmsModuleManuals.css"],"javascriptlines":["\nvar created_keepSessionAlive = false;\nif (typeof keepSessionAlive !== \u0022function\u0022) {\ncreated_keepSessionAlive = true;\nkeepSessionAlive = function() {\njQuery.post(\u0022\/keep-session-alive\u0022);\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}\n}\nif(created_keepSessionAlive){\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}","CPJS.vLoadPluginOn(\u0027cpform\u0027, {})","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.sBrowserType = \u0027Android\u0027; } )","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.fBrowserVersion = \u00276.0\u0027; } )","CPJS.bWhenReady([\u0022logdisplay\u0022,\u0022rpc\u0022,\u0022touchsite\u0022,\u0022stacking\u0022,\u0022showwaiting\u0022,\u0022storage\u0022,\u0022googleAnalytics\u0022,\u0022popups\u0022], function() { CPJS.touchsite.vInit(false) } )","var CmsStatic_iNewItemPage = 33426;","var sTabletMenuColor1 = \u0027#5990B3\u0027;","var sTabletMenuColor2 = \u0027#2786C2\u0027;","var aDictionary = new Array();","aDictionary[\u0027postponeTo\u0027] = \u0027verplaats naar\u0027;","aDictionary[\u0027tomorrow\u0027] = \u0027morgen\u0027;","aDictionary[\u0027dayAfterTomorrow\u0027] = \u0027overmorgen\u0027;","aDictionary[\u0027nextWeek\u0027] = \u0027volgende week\u0027;","CPJS.bWhenReady([\u0022stacking\u0022], function() {\nCPJS.stacking.iToolbarWidth = \u0022100%\u0022;\nCPJS.stacking.iSlideLefMargin = 0;\n} )",""]}
