9 tip voor het maken van mobile websites
Dated woensdag 12 oktober 2011
Het maken van een mobile website vereist een andere kijk op ontwerpen dan websites ontwerpen voor de PC. Negen tips om het ontwerp een succes te maken:
-
Simpel, simpeler, simpelst: Om een mobiel heb je niet veel ruimte voor knoppen het teksten. Beperk je dus tot de kern.
-
Denk goed na over je indeling: Websites op mobieltjes laden langzamer danop de PC. Zorg dus dat de navigatie snel zichtbaar is en laad de rest weg.
-
Wees trouw aan je uitstraling: zog dat je uitstraling van je merk op je mobile website gelijk is aan die van je gewone site. Denk hier bij aan het logo en de kleuren.
-
Gebruik de witruimte: Hoe meer witruimte, hoe overzichtelijker de website, hoe eenvoudiger de gebruiker zijn weg kan vinden.
-
Geen flash of Java: grote kans dat dit niet werkt
-
Gebruik zo min mogelijk tekst invoer velden: Als je de gebruiker ook kan laten kiezen door een checkbox of een keuzelijst, ga daar dan voor. Tekst typen op een mobiele telefoon is nu eenmaal lastiger.
-
Geen popups: Deze zijn lastig om echt goed werkend te krijgen en vertragen de website
-
Verwijs naar de mobiele versie: Zorg dat de links verwijzen naar de mobiele versie van de website. Laat het liefst de website zelf ontdekken dat deze op een mobiel getoond wordt en dan overschakelen naar de mobiele weergave.
-
Maak een knop naar de volledig website: Geef bezoekers de mogelijkheid om terug te gaan naar de desktopversie
{"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 = \u0027unknown\u0027; } )","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.fBrowserVersion = \u00270\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} )",""]}
