Een kijkje in het bouwen van websites voor tabletgebruikers
De tabletarena, die ooit uitsluitend werd gedomineerd door de iPad van Apple, is nu elke dag in bloei met een nieuwkomer. De Google Nexus 7, Amazon Kindle, Microsoft Surface en een groot aantal andere tablets die op de markt zijn gekomen, duwen marketeers om verder te denken dan de pc-website en een stand-alone tabletstrategie te ontwikkelen - of, op zijn minst, een tabletvriendelijke website.
Zijn tablets een vervanging voor smartphones? Het korte antwoord is nee. Een recent comScore-rapport onthult duidelijk dat een op de vier eigenaars van smartphones ook een tablet gebruikte. Bovendien zijn er enkele duidelijke verschillen in de manier waarop mensen deze twee apparaten gebruiken. Hoewel sommige van uw mobiele webstrategieën geschikt zijn voor tabletgebruikers, hebben uw tabletlezers speciale behoeften die speciale aandacht vereisen.
Gebouw voor de tablet
Toegang tot inhoud en informatie lijkt de belangrijkste activiteit van tabletbezitters over de hele wereld te zijn, zegt een onderzoek door de vereniging van online uitgevers. Inhoudsverbruik inbegrepen video's bekijken, gevolgd door nieuws lezen. Dus, wat moet u als contentmarketeer of uitgever doen om uw tabletlezers na te streven??
Tabletlezers worden gebruikt om contact te maken met een groot aantal apps, die zijn opgebouwd met rijke grafische afbeeldingen en zeer gedetailleerde beelden. Vandaar dat tabletlezers dezelfde lean-back, app-achtige leeservaring verwachten die ze gewend zijn te zien in hun desktopbrowsers.
Scroll is passé; swipe is binnen
De enige manier om uw steeds groter wordende tabletbezoekers te betrekken, is door verder te denken dan de normen voor pc-websites, zoals de verticale schuifindelingen en lay-outs, en om een meer persoonlijke, interactieve website te bouwen. Tabletlezers worden gebruikt voor gebaren zoals vegen en vegen en geven de voorkeur aan de oudere "scrollen en klikken" manier van navigeren op sites.
Profiteer van HTML5 en CSS3 om inhoud weer te geven in een gepagineerde, goed opgemaakte lay-out die een gedrukt tijdschrift emuleert en lezers de ervaring biedt om de pagina's van hun favoriete tijdschriften om te slaan.
Aanraakvriendelijke websites
Elke tablet die vandaag op de markt is, werkt met een aanraakinterface, die het hele idee van hoe we omgaan met pc's opnieuw heeft gedefinieerd. Voor een optimale leeservaring op tablets is het net zo eenvoudig als het plaatsen van de minimale tekstgrootte op 14 pixels. Maar hoe zit het met gebruikersinterfaces, vooral als het gaat om menselijke input?
Het zit in de vingers
Hoewel pc-websites worden geladen op een scherm dat op een bepaalde afstand van het oog is geplaatst en met de muis toegankelijk is via een cursor, worden tablets ontworpen om in de hand te worden gehouden en om invoer van de vingers van de gebruiker te accepteren.
Vergroot de tekstopvulling zodat er vrij veel een gebied rond hyperlinktekst is waar zelfs door grote vingers op kan worden geklikt. Ook regelafstand tussen zinnen vergroten zodat er geen clash tussen is hyperlinks, formuliervelden of dropdown-menu's. Verwijder hover-evenementen maar houd het gedrag en de bedieningselementen intuïtief, of op zijn minst voorspelbaar genoeg, zodat gebruikers niet opnieuw hoeven te leren hoe ze op uw site moeten navigeren.
We raden u aan te voldoen aan de iOS-richtlijnen voor menselijke interactie van Apple bij het bouwen van een tabletvriendelijke website.
Vermijd Flashy-elementen
Met de iPad nog steeds de leider van het pack in de tabletmarkt, is het nog steeds veilig om niet voor Flash te bouwen. U kunt echter een betere app-achtige ervaring creëren voor uw lezers in hun tabletbrowser met HTML5. Gebruik minder JavaScript-gebaseerde animaties om uw tabletwebsite snel en toegankelijk te houden op alle tablets.
Oriëntatie is belangrijk
Uw tabletbezoeker kan uw website in staande of staande richting bekijken; dus zorg ervoor dat de inhoud van uw tabletwebsite automatisch opnieuw wordt ingedeeld zodat deze in beide richtingen past. Zie 30 responsieve portfolio's voor uw inspiratie voor een idee van hoe uw inhoud moet worden herschikt om aan te passen aan de verschillende schermformaten en oriëntaties.
En voor verder lezen, kijk eens naar:
- Mobile Web Design: 10 tips voor een betere bruikbaarheid
- 30 nuttige interactieve webontwerp-zelfstudies
- 50 bruikbare responsieve webdesign-tools voor ontwerpers
Gebruik ten slotte altijd afbeeldingen met een zeer hoge resolutie, of zorg ervoor dat uw afbeeldingen worden aangepast voor verschillende oriëntaties, zodat gebruikers een volledig beeld krijgen. De beeldverhouding van 16: 9 werkt goed met de meeste tablets.
Afronden
Denk bij het bouwen van een tabletvriendelijke website verder dan pc-websites en ga nog een stap verder. Heroverweeg en herbouw uw websites voor een wereld waar tablets het eerst zijn.
Opmerking van de uitgever: Dit bericht is geschreven door Lakshmi Harikumar voor Hongkiat.com.