Een website op uw mobieltje
Een mobiele website is een speciaal voor de mobiele telefoon ontworpen website. Tussen een normale- en een mobiele website zitten grote verschillen. Bent u benieuwd welke dat zijn?
Naast de gebruiksomgeving het schermformaat en de besturing via touchscreen komt aan bod:
- Het detecteren van een mobiele webbrowser
- Het schalen van een mobiele website en het draaien van het mobieltje
- De beperking van 'hover' effecten
Gebruiksomgeving
Een mobiele gebruiker kan uw website op iedere locatie met mobiel internet bekijken. Bij het wachten op de tram, tijdens het winkelen of op het terras. Een pc-gebruiker werkt meestal vanaf een vaste plek. Mobiel internet heeft over het algemeen een lagere verbindingssnelheid dan met vast internet.
De aansturing en bediening is ook anders. Een pc-gebruiker werkt met een toetsenbord en muis. Een mobiele website gebruiker werkt met de toetsen van de mobiele telefoon en het 'touchscreen', hierbij is snel navigeren en grote hoeveelheden tekst typen lastig.
Schermformaat
Het schermformaat van een mobiele telefoon verschilt per toestel. Door gebruik te maken van een flexibile pagina lay-out zal het ontwerp van uw mobiele website zich aanpassen aan de schermbreedte van het mobieltje. Hiermee wordt de maximale schermbreedte benut en gaat er geen schermruimte verloren.
Een gangbare schermgrootte voor mobiele browsers is 320 pixels. Een aantal populaire toestellen die dit formaat aankunnen zijn de iPhone, Nokia 97, HTC, Blackberry en Sony Xperia modellen.
Besturing via touchscreen
Mobiele websites worden naast de toetsen van het mobiele toestel bediend via een 'touchscreen'. Met een 'touchscreen' heeft de gebruiker niet dezelfde precisie als bij een muisbesturing.
Voor een comfortabele besturing dienen besturingselementen groot genoeg te zijn voor vingeraanraking. Ook witruimte tussen de verschillende besturingselementen is gewenst.
Het detecteren van een mobiele webbrowser
Wanneer uw onderneming zowel een desktop- als mobiele website heeft is het via browser-detectie mogelijk om de bezoeker van uw website door te sturen naar de juiste website.
Door links aan te brengen tussen de verschillende site kunt u uw klanten laten weten dat u beschikt over beide soorten websites.
Het schalen van een mobiele website en het draaien van het mobieltje
Binnen een mobiele webbrowser is het mogelijk om pagina's in- en uit te vergroten. Wanneer de gebruiker het mobieltje draait kan de webpagina zowel liggend als staand weergegeven worden.
De 'Retina Display' van de iPhone 4 heeft een schermgrootte van 640 x 960 pixels. Wanneer het onwerp in een formaat van 320 x 480 pixels is uitgevoerd zal deze met een factor twee worden geschaald.
De beperking van 'hover' effecten
Het is voor een touchscreen lastig om te bepalen of de vinger van een gebruiker zich in de buurt van een klikbaar element bevindt. Op de iPhone zijn 'hover' effecten pas zichtbaar op het moment dat er geklikt wordt. Bovendien verdwijnt een 'hover' effect pas bij het verplaatsen van de vinger.
Om verwarring te voorkomen is het duidelijker elementen die aangeklikt kunnen worden niet te voorzien van 'hover' effecten.
Ontwerpen en bouwen van mobiele websites
UpService is specialist in het ontwerpen en bouwen van mobiele websites. Als uw bedrijf nog geen mobiele website heeft dan praten we u graag bij.