Uno sguardo alla costruzione di siti Web per utenti di tablet

L'arena dei tablet, che era un tempo dominata esclusivamente dall'iPad della Apple, ora sta esplodendo con un nuovo concorrente ogni giorno. Google Nexus 7, Amazon Kindle, Microsoft Surface e una miriade di altri dispositivi tablet che sono entrati nel mercato spingono i marketer a pensare oltre il sito Web dei PC ea sviluppare una strategia tablet autonoma o, al minimo,, un sito Web adatto ai tablet.

I tablet sono una sostituzione per gli smartphone? La risposta breve è no. In effetti, un recente rapporto di comScore rivela chiaramente che anche uno su quattro possessori di smartphone ha utilizzato un tablet. Inoltre, ci sono alcune chiare differenze nel modo in cui le persone usano questi due dispositivi. Mentre alcune delle tue strategie web mobili possono funzionare per gli utenti di tablet, i tuoi lettori di tablet hanno esigenze particolari che richiedono una considerazione speciale.

Costruire per il Tablet

L'accesso a contenuti e informazioni sembra essere l'attività principale dei proprietari di tablet in tutto il mondo, afferma uno studio dell'Associazione degli editori online. Contenuto incluso guardare video, seguito da leggere notizie. Quindi, cosa dovresti fare, come un content marketer o editore, per convincere i tuoi lettori di tablet?

I lettori di tablet sono abituati a interagire con una miriade di app, che sono costruite con una grafica ricca e immagini altamente dettagliate. Di conseguenza, i lettori di tablet si aspettano la stessa esperienza di lettura app-like che sono abituati a vedere sui loro browser desktop.

Scroll è passé; scorrere è dentro

L'unico modo per coinvolgere i visitatori di tablet in continua crescita è pensare oltre le norme del sito Web del PC, ad esempio i formati e i layout di scorrimento verticale e iniziare a creare un sito Web più personale e interattivo. I lettori di tablet sono abituati a gesti come lo swip e il flicking e preferiscono questi al vecchio modo "scroll and click" di navigare tra i siti.

Approfitta di HTML5 e CSS3 per visualizzare i contenuti in un layout impaginato e ben formattato che emula una rivista stampata e dai ai lettori l'esperienza di sfogliare le pagine delle loro riviste preferite.

Siti web touch-friendly

Ogni tablet oggi sul mercato funziona con un'interfaccia touch, che ha ridefinito l'idea stessa di come interagiamo con i personal computer. Per un'esperienza di lettura ottimale su tablet, è semplice come posizionare la dimensione minima del testo a 14 pixel. Ma che dire delle interfacce utente, specialmente quando si tratta di input umani?

È nelle Dita

Mentre i siti Web dei PC vengono caricati su uno schermo posizionato a una certa distanza dall'occhio accessibile con il mouse tramite un cursore, i tablet sono progettati per essere tenuti in mano e per accettare input dalle dita dell'utente.

Aumentare il riempimento del testo in modo che ci sia un po 'di spazio attorno al testo con collegamento ipertestuale che può essere cliccato anche con le dita grandi. Anche aumentare la spaziatura tra le frasi in modo che non ci sia scontro tra testi hyperlinked, campi modulo o menu a discesa. Rimuovi gli eventi al passaggio del mouse ma mantieni i comportamenti e i controlli intuitivi, o almeno abbastanza prevedibili in modo che gli utenti non debbano imparare di nuovo a imparare come navigare nel tuo sito.

Quando crei un sito Web adatto ai tablet, ti consigliamo di rispettare le linee guida per l'interfaccia umana iOS di Apple.

Evita elementi appariscenti

Con l'iPad ancora leader del pack nel mercato dei tablet, è ancora sicuro non costruire per Flash. Tuttavia, puoi creare un'esperienza di tipo betterapp per i tuoi lettori sui loro browser tablet utilizzando HTML5. Usa meno animazioni basate su JavaScript per mantenere il tuo sito web tablet veloce e accessibile su tutti i dispositivi tablet.

L'orientamento conta

Il visitatore del tablet può visualizzare il tuo sito Web in orientamento orizzontale o verticale; quindi assicurati che il contenuto del sito Web del tablet si riorganizzi automaticamente per soddisfare entrambi questi orientamenti. Vedi 30 portfolio reattivi per la tua ispirazione per un'idea di come il tuo contenuto ha bisogno di riorganizzarsi per adattarsi alle diverse dimensioni e orientamenti dello schermo.

E per ulteriori approfondimenti, dai un'occhiata a:

Mobile Web Design: 10 suggerimenti per migliorare l'usabilità
30 utili tutorial sul web design reattivo
50 utili strumenti di progettazione web reattivi per i progettisti

Infine, usa sempre immagini ad altissima risoluzione, o assicurati che le tue immagini vengano ridimensionate per diversi orientamenti, in modo che gli utenti ottengano l'immagine completa. Le proporzioni 16: 9 funzionano bene con la maggior parte dei tablet.

Incartare

Quando costruisci un sito Web adatto ai tablet, pensa oltre i siti Web dei PC e fai un ulteriore passo avanti nell'interazione personale. Ripensa e ricostruisci i tuoi siti web per un mondo in cui i tablet sono i primi.

Nota dell'editore: Questo post è scritto da Lakshmi Harikumar per Hongkiat.com.