Hemsida » UI / UX » En titt på att bygga webbplatser för Tablet-användare

    En titt på att bygga webbplatser för Tablet-användare

    Tabletterarenan, som en gång enbart dominerades av Apples iPad, blomstrar nu med en ny aktör varje dag. Google Nexus 7, Amazon Kindle, Microsoft Surface och en mängd andra tabletter som har kommit in på marknaden pressar marknadsförare att tänka bortom PC-webbplatsen och utveckla en fristående tablettstrategi - eller, åtminstone, en tablettvänlig webbplats.

    Är tabletter en ersättning för smartphones? Det korta svaret är nej. Faktum är att en ny comScore-rapport visar klart att en av fyra smartphone-ägare också använde en surfplatta. Dessutom finns det vissa tydliga skillnader i hur människor använder dessa två enheter. Medan vissa av dina mobila webbstrategier kan fungera för tablettanvändare, har dina tabletläsare särskilda behov som kräver särskild hänsyn.

    Bygg till Tablet

    Att få tillgång till innehåll och information verkar vara den mest aktiva aktiviteten hos tabletägare över hela världen, säger en studie av Online Publishers Association. Innehållskonsumtion ingår tittar på videor, följt av att läsa nyheter. Så, vad ska du som innehållsinställare eller förläggare göra för att bjuda på dina tablettläsare?

    Tablettläsare används för att engagera sig med en mängd applikationer, som är byggda med rik grafik och mycket detaljerade visuella bilder. Tabletterläsare förväntar sig därför samma lean-back, app-liknande läsupplevelse som de brukar se på sina skrivbords-webbläsare.

    Scroll är passé; swipe är in

    Det enda sättet att engagera dina ständigt växande tablettbesök är att tänka utöver PC-webbplatsens normer, dvs de vertikala rullformaten och layouterna, och att börja bygga en mer personlig, interaktiv webbplats. Tablettläsare används för att gester som att sippra och flicka och föredrar dessa till det äldre "scroll and click" sättet att navigera webbplatser.

    Dra nytta av HTML5 och CSS3 för att visa innehåll i en paginerad, välformaterad layout som emulerar ett tryckt magasin och ge läsarna erfarenheten av att bläddra i sidorna i deras favoritmagasiner.

    Touch-vänliga webbplatser

    Varje tablett på marknaden idag arbetar med ett touch-gränssnitt, som har omdefinierat själva tanken på hur vi interagerar med persondatorer. För optimal läsupplevelse på tabletter är det lika enkelt att placera minsta textstorlek med 14 pixlar. Men vad sägs om användargränssnitt, speciellt när det gäller mänsklig inmatning?

    Det ligger i fingrarna

    Medan PC-webbplatser laddas på en skärm som är placerad på ett visst avstånd från ögat tillgängligt med musen via en markör, är tabletter utformade för att hållas i hand och att acceptera inmatning från användarens fingrar.

    Öka textpolstring så att det finns en del av ett område kring hyperlänkad text som kan klickas även av stora fingrar. Också öka linjeavståndet mellan meningarna så att det inte finns någon konflikt mellan hyperlänkade texter, formulärfält eller rullgardinsmenyer. Ta bort svänghändelser men behåll åtgärden och kontrollerna intuitiva, eller åtminstone förutsägbara nog, så att användarna inte behöver återupplysa hur man navigerar på din webbplats.

    Vi rekommenderar att du följer Apples riktlinjer för iOS-gränssnitt när du bygger en tablettvänlig webbplats.

    Undvik Flashy-element

    Med iPad fortfarande ledare för paketet i tablettmarknaden är det fortfarande säkert att inte bygga för Flash. Du kan dock skapa en betterapp-liknande upplevelse för dina läsare på surfplattorna med HTML5. Använd mindre JavaScript-baserade animeringar för att hålla din surfplattforms webbplats snabb och tillgänglig över alla tablet-enheter.

    Orienteringsfrågor

    Din surfplattbesökare kan visa din webbplats i liggande eller stående orientering. så se till att innehållet på din surfplattformswebbplats omarrangeras automatiskt så att den passar båda dessa riktlinjer. Se 30 Responsive Portfolios för din inspiration för en uppfattning om hur ditt innehåll behöver omorganisera sig för att passa olika skärmstorlekar och riktningar.

    Och för vidare läsning, ta en titt på:

    • Mobil webbdesign: 10 tips för bättre användbarhet
    • 30 Användbara Responsive Web Design Tutorials
    • 50 Användbara Responsive Web Design Tools För Designers

    Slutligen, använd alltid bilder med mycket hög upplösning, eller se till att dina bilder ändras för olika orienteringar, så att användarna får hela bilden. Bildförhållandet 16: 9 fungerar bra med de flesta tabletter.

    Sammanfatta

    När du bygger en tablettvänlig webbplats, tänk dig bortom PC-webbplatser och ta personlig interaktion ett steg längre. Tänk om och bygg om dina webbplatser för en värld där tabletter är första.

    Redaktörens anteckning: Det här inlägget är skrivet av Lakshmi Harikumar för Hongkiat.com.