Pagina principala » UI / UX » O privire în site-uri de construcție pentru utilizatorii Tablet

    O privire în site-uri de construcție pentru utilizatorii Tablet

    Arena comprimat, care a fost odată dominată numai de iPad-ul Apple, este acum în plină expansiune cu un nou participant în fiecare zi. Google Nexus 7, Amazon Kindle, Microsoft Surface și o serie de alte dispozitive de tabletă care au intrat pe piață îi împing pe marketingi să gândească dincolo de site-ul PC-ului și să dezvolte o strategie independentă pentru tablete - sau, cel puțin, un site web comprimat.

    Sunt tabletele un înlocuitor pentru telefoanele inteligente? Răspunsul scurt este nu. De fapt, un recent raport comScore arată în mod clar că unul din patru proprietari de smartphone-uri au folosit și o tabletă. Mai mult decât atât, există unele diferențe clare în modul în care oamenii folosesc aceste două dispozitive. Deși unele dintre strategiile dvs. de web mobile pot funcționa pentru utilizatorii de tablete, cititorii de tablete au nevoi speciale care necesită o atenție deosebită.

    Clădirea pentru tabletă

    Accesul la conținut și informații pare a fi cea mai importantă activitate a proprietarilor de tablete din întreaga lume, potrivit unui studiu realizat de Asociația Online Publishers. Consumul de conținut inclus vizionarea videoclipurilor, urmată de citirea știrilor. Deci, ce ar trebui să faci, ca distribuitor de conținut sau editor, pentru a atrage cititorii de tablete?

    Cititoarele de tablete sunt folosite pentru a se angaja cu o multitudine de aplicații, care sunt construite cu o grafică bogată și o vizualizare foarte detaliată. Prin urmare, cititorii de tablete se așteaptă la aceleași experiențe de lectură asemănătoare unei aplicații asemănătoare unei aplicații pe care le folosesc pentru a le vedea pe browserele desktop.

    Scroll este pasé; glisați înăuntru

    Singura modalitate de a vă angaja vizitatorii din ce în ce mai mulți comprimate este să vă gândiți dincolo de normele site-urilor PC, și anume formatele și schemele verticale de defilare și să începeți să construiți un site web mai personal și mai interactiv. Cititorii de tablete sunt folosiți la gesturi precum glisarea și mișcarea și preferă aceste lucruri față de vechiul "navigare și clic" pe navigarea site-urilor.

    Profitați de HTML5 și CSS3 pentru a afișa conținut într-un aspect paginat, bine formatat, care emulează o revistă tipărită și oferă cititorilor experiența de a răsturna paginile revistelor preferate.

    Site-uri accesibile la atingeri

    Fiecare tabletă de pe piață funcționează astăzi cu o interfață touch, care a redefinit chiar ideea modului în care interacționăm cu computerele personale. Pentru o experiență optimă de citire pe tablete, este la fel de simplu ca plasarea dimensiunii minime a textului la 14 pixeli. Dar ce se intampla cu interfetele utilizatorilor, mai ales cand vine vorba de inputul uman?

    Este în degete

    În timp ce site-urile web ale PC-ului se încarcă pe un ecran care este plasat la o anumită distanță de ochiul accesibil cu mouse-ul printr-un cursor, tabletele sunt proiectate să fie ținute în mână și să accepte intrarea de pe degetele utilizatorului.

    Creșteți umplutura textului astfel încât există destul de un pic de o zonă în jurul valorii de text hyperlink care pot fi clic pe chiar degetele mari. De asemenea mărește distanța între linii între propoziții astfel încât nu există niciun conflict între texte cu hyperlink, câmpuri de formular sau meniuri derulante. Eliminați evenimentele de hovering dar păstrați comportamentele și controalele intuitive sau cel puțin previzibile suficient, astfel încât utilizatorii nu trebuie să redați modul de navigare a site-ului dvs..

    Vă recomandăm să respectați liniile directoare privind interfața umană iOS atunci când construiți un site web compatibil cu tabletele.

    Evitați elementele Flashy

    Cu iPad-ul lider al pachetului pe piața tabletelor, este încă sigur să nu construiți pentru Flash. Cu toate acestea, puteți crea o experiență de tip betterapp pentru cititorii dvs. pe browserele comprimat utilizând HTML5. Utilizați mai puține animații bazate pe JavaScript pentru a vă menține site-ul tabletei rapid și accesibil pe toate dispozitivele tablet.

    Orientarea contează

    Vizitatorul tău de tablete poate să vadă site-ul dvs. în orientare peisaj sau portret; astfel încât asigurați-vă că conținutul site-ului dvs. de tabletă se rearanjează automat pentru a se potrivi ambelor orientări. Vedeți 30 de portofolii responsabile pentru inspirația dvs. pentru o idee despre modul în care conținutul dvs. trebuie să se rearanjeze pentru a se potrivi diferitelor dimensiuni și orientări ale ecranului.

    Și pentru o citire ulterioară, aruncați o privire la:

    • Mobile Web Design: 10 sfaturi pentru o mai bună utilizare
    • 30 Utile Tutoriale Responsabil de Web Design
    • 50 de instrumente utile pentru Design Designer

    În cele din urmă, utilizați întotdeauna imagini care au o rezoluție foarte ridicată sau asigurați-vă că imaginile dvs. sunt redimensionate pentru orientări diferite, astfel încât utilizatorii să obțină imaginea completă. Raportul de aspect 16: 9 funcționează bine cu majoritatea tabletelor.

    Învelire

    Când construiți un site web comprimat, gândiți-vă dincolo de site-urile web ale PC-urilor și faceți o interacțiune personală cu un pas înainte. Rethink și reconstruiți site-urile dvs. pentru o lume în care comprimatele sunt primele.

    Nota editorului: Această postare este scrisă de Lakshmi Harikumar pentru Hongkiat.com.