Et kig på at opbygge hjemmesider til tabletbrugere

Tabletarenaen, som først engang var domineret af Apples iPad, blomstrer nu med en ny aktør hver dag. Google Nexus 7, Amazon Kindle, Microsoft Surface og en række andre tablet-enheder, der er kommet ind på markedet, skubber marketingfolk til at tænke ud over pc-hjemmesiden og udvikle en selvstændig tabletstrategi - eller i det mindste, et tablet-venligt websted.

Er tabletter en erstatning for smartphones? Det korte svar er nej. Faktisk afslører en nylig comScore-rapport tydeligt, at en ud af fire smartphone-ejere også har brugt en tablet. Derudover er der nogle klare forskelle i, hvordan folk bruger disse to enheder. Mens nogle af dine mobilwebstrategier kan virke for tabletbrugere, har dine tabletlæsere særlige behov, der kræver særlig overvejelse.

Bygning til tabletter

Adgang til indhold og information ser ud til at være den øverste aktivitet for tablet-ejere over hele verden, siger en undersøgelse fra Online Publishers Association. Indhold forbrug inkluderet ser videoer, efterfulgt af at læse nyheder. Så hvad skal du som indholds marketingmedarbejder eller forlægger gøre for at bede dine tablet læsere?

Tablet-læsere er vant til at engagere sig med et utal af apps, der er bygget med rig grafik og meget detaljerede billeder. Derfor forventer tablet læsere den samme lean-back, app-lignende læsning oplevelse, de er vant til at se på deres desktop-browsere.

Scroll er passé; swipe er i

Den eneste måde at engagere dine stadigt voksende tablet besøgende på er at tænke ud over PC website normer, dvs. de vertikale scrollformater og layouter, og at begynde at opbygge en mere personlig, interaktiv hjemmeside. Tablet læsere bruges til at bevæge sig som swiping og flicking og foretrækker disse til den ældre "rulle og klikke" måde at navigere websteder.

Benyt HTML5 og CSS3 til at vise indhold i et pageret, godt formateret layout, der emulerer et trykt magasin og give læsere oplevelsen af at bladre siderne i deres yndlingsblade.

Touch-venlige hjemmesider

Hver tablet på markedet i dag arbejder med en touch-grænseflade, som har omdefineret selve ideen om, hvordan vi interagerer med pc'er. For optimal læsningsoplevelse på tabletter er det lige så nemt at placere den mindste tekststørrelse på 14 pixel. Men hvad med brugergrænseflader, især når det kommer til menneskelig input?

Det er i fingrene

Mens pc-websites indlæses på en skærm, der er anbragt i en vis afstand fra øjet, der er tilgængeligt med musen via en markør, er tabletter designet til at blive holdt i hånden og acceptere input fra brugerens fingre.

Forøg tekstpolstring så der er en del af et område omkring hyperlinket tekst, der kan klikkes selv ved store fingre. Også øg linieafstand mellem sætninger så der ikke er nogen sammenstød mellem hyperlinkede tekster, formularfelter eller dropdown-menuer. Fjern svævebegivenheder men hold adfærdene og kontrollerne intuitive eller i det mindste forudsigelige nok, så brugerne ikke behøver at genopleve hvordan man navigerer på dit websted.

Vi anbefaler, at du overholder Apples iOS Human Interface Guidelines, når du opretter et tabletvenligt websted.

Undgå Flashy elementer

Med iPad er stadig lederen af pakken i tablet-markedet, er det stadig sikkert ikke at bygge for Flash. Du kan dog oprette en bedre app-lignende oplevelse for dine læsere på deres tablets browsere ved hjælp af HTML5. Brug mindre JavaScript-baserede animationer for at holde din tablets website hurtig og tilgængelig på tværs af alle tablet-enheder.

Orientering betyder

Din tabletbruger kan se dit websted i liggende eller portrætorientering; så sørg for, at dit tabletwebsteds indhold omarrangerer sig automatisk for at passe begge disse retninger. Se 30 Responsive Portfolios til din inspiration for en ide om, hvordan dit indhold skal omarrangere sig for at passe til forskellige skærmstørrelser og retninger.

Og for yderligere læsning, tag et kig på:

Mobile Web Design: 10 tips til bedre brugervenlighed
30 Nyttige Responsive Web Design Tutorials
50 Nyttige Responsive Web Design Tools til designere

Endelig skal du altid bruge billeder med meget høj opløsning, eller sørg for, at dine billeder ændres til forskellige retninger, så brugerne får det fulde billede. 16: 9-billedforholdet fungerer godt sammen med de fleste tabletter.

Wrap Up

Når du opbygger et tablet-venligt websted, tænk ud over pc-hjemmesider og tag det personlige interaktion et skridt videre. Omtanke og genopbygge dine hjemmesider til en verden, hvor tabletter er først.

Redaktørens note: Dette indlæg er skrevet af Lakshmi Harikumar til Hongkiat.com.