Hjemmeside » UI / UX » En titt på å bygge nettsteder for Tablet-brukere

    En titt på å bygge nettsteder for Tablet-brukere

    Tavlearenaen, som en gang ble dominert av Apples iPad, blomstrer nå hver dag med en ny aktør. Google Nexus 7, Amazon Kindle, Microsoft Surface og en rekke andre tabletter som har gått inn på markedet, presser markedsførere til å tenke utover PC-nettstedet og utvikle en frittstående tablettstrategi - eller, i det minste, et nettbrett-vennlig nettsted.

    Er tabletter en erstatning for smarttelefoner? Det korte svaret er nei. Faktisk avslører en nylig comScore-rapport tydelig at en av fire smarttelefoneiere også brukte en nettbrett. Videre er det noen klare forskjeller i måten folk bruker disse to enhetene på. Mens noen av mobilnettstrategiene dine kan fungere for nettbrettbrukere, har nettbrettleserne dine spesielle behov som krever spesiell vurdering.

    Bygg for Tablet

    Å få tilgang til innhold og informasjon ser ut til å være den beste aktiviteten til tablet-eiere over hele verden, sier en studie fra Online Publishers Association. Innholdsforbruk inkludert ser på videoer, etterfulgt av å lese nyheter. Så, hva skal du, som innholds markedsfører eller utgiver, gjøre for å teste tabletter leserne dine?

    Tabletlesere er vant til å engasjere seg med en myriade av apper, som er bygget med rik grafikk og svært detaljert visuals. Derfor forventer nettleser lesere den samme lean-back, app-lignende leseropplevelsen de er vant til å se på sine nettlesere på skrivebordet.

    Scroll er passé; swipe er i

    Den eneste måten å engasjere dine stadig voksende tablettbesøkspersoner på, er å tenke utover PC-nettsnormer, dvs. de vertikale rulleformatene og layoutene, og å begynne å bygge et mer personlig, interaktivt nettsted. Tabletlesere brukes til å bevegelser som å sveipe og flimre og foretrekker disse til den eldre "rulle og klikke" måte å navigere på nettsteder.

    Dra nytte av HTML5 og CSS3 for å vise innhold i et pagert, godt formatert layout som emulerer et trykt magasin og gi leserne erfaring med å bla på sidene til favorittmagasiner.

    Touch-vennlig nettsteder

    Hver nettbrett på markedet i dag fungerer med et berøringsgrensesnitt, som har omdefinert selve ideen om hvordan vi samhandler med personlige datamaskiner. For optimal leseropplevelse på tabletter, er det like enkelt som å plassere minste tekststørrelse på 14 piksler. Men hva med brukergrensesnitt, spesielt når det gjelder menneskelig innspilling?

    Det er i fingrene

    Mens PC-nettsteder laster på en skjerm som er plassert i en viss avstand fra øyet som er tilgjengelig med musen via en markør, er tabletter designet for å bli holdt i hånden og for å godta innspill fra brukerens fingre.

    Øk tekstpolstring slik at det er ganske mye av et område rundt hyperkoblet tekst som kan klikkes til og med av store fingre. Også øke linjeavstanden mellom setninger slik at det ikke er noen sammenstøt mellom hyperkoblede tekster, skjemafelt eller rullegardinmenyer. Fjern svevehendelser men hold oppføringene og kontrollene intuitive, eller i det minste forutsigbare nok, slik at brukerne ikke trenger å relearn hvordan du navigerer på nettstedet ditt.

    Vi anbefaler at du overholder Apples retningslinjene for iOS Human Interface når du bygger et nettbrett-vennlig nettsted.

    Unngå Flashy elementer

    Med iPad er fortsatt lederen av pakken i tablettmarkedet, er det fortsatt trygt å ikke bygge for Flash. Du kan imidlertid opprette en bedreapp-lignende opplevelse for leserne dine på nettbrettene sine ved hjelp av HTML5. Bruk mindre JavaScript-baserte animasjoner for å holde nettbrettet ditt raskt og tilgjengelig på tvers av alle nettbrettetheter.

    Orientering betyr noe

    Din nettleser kan se nettstedet ditt i liggende eller stående retning. så sørg for at innholdet på nettbrettet ditt plasserer seg automatisk for å passe begge disse retningene. Se 30 Responsive Portfolios for din inspirasjon for en ide om hvordan innholdet ditt må omorganisere seg for å passe til forskjellige skjermstørrelser og orienteringer.

    Og for videre lesing, ta en titt på:

    • Mobile Web Design: 10 tips til bedre brukervennlighet
    • 30 Nyttige Responsive Web Design Tutorials
    • 50 Nyttige Responsive Web Design Tools For Designers

    Til slutt, bruk alltid bilder med svært høy oppløsning, eller sørg for at bildene dine endres for ulike retninger, slik at brukerne får det fulle bildet. 16: 9-forholdet fungerer godt med de fleste tabletter.

    Wrap Up

    Når du bygger et nettbrettvennlig nettsted, tenk utover PC-nettsteder og ta personlig samhandling et skritt videre. Tenk på og gjenoppbygg nettstedet ditt for en verden der tabletter er først.

    Redaktørens notat: Dette innlegget er skrevet av Lakshmi Harikumar for Hongkiat.com.