Pogledajte u izgradnju web stranice za tablet korisnike
Tabletna arena, koja je nekada bila pod dominacijom Appleovog iPad-a, sada cvjeta s novim sudionikom svaki dan. Google Nexus 7, Amazon Kindle, Microsoft Surface i mnoštvo drugih tablet uređaja koji su ušli na tržište guraju marketinške stručnjake da razmišljaju dalje od web-mjesta PC-ja i razviju samostalnu strategiju tableta - ili, najmanje, web-mjesto prilagođeno tabletima.
Jesu li tablete zamjena za pametne telefone? Kratak odgovor je ne. U stvari, nedavno izvješće comScore jasno otkriva da je svaki četvrti vlasnik pametnih telefona koristio tablet. Štoviše, postoje neke jasne razlike u načinu na koji ljudi koriste ta dva uređaja. Iako neke strategije mobilnog weba mogu raditi za korisnike tabletnih računala, čitači tableta imaju posebne potrebe koje zahtijevaju posebnu pažnju.
Zgrada za tablet
Čini se da je pristup sadržaju i informacijama najveća aktivnost vlasnika tablet računala diljem svijeta, kaže studija Online izdavača. Sadržaj je uključen gledanje videozapisa, nakon čega slijedi čitanje vijesti. Dakle, što biste vi, kao marketinški stručnjak ili izdavač sadržaja, trebali učiniti da udovoljite čitačima tableta?
Čitatelji tableta navikli su na sudjelovanje s bezbroj aplikacija koje su izgrađene s bogatom grafikom i vrlo detaljnim vizualama. Stoga čitatelji tableta očekuju isti doživljaj čitanja koji se može primijeniti na leđa i koji su navikli gledati na preglednicima radne površine.
Scroll je passé; uklanjanje je uključeno
Jedini način da privučete svoje rastuće posjetitelje tableta jest razmišljanje izvan normi za web-mjesto računala, tj. Formata vertikalnog pomicanja i izgleda, te da počnete stvarati osobniju, interaktivniju web-lokaciju. Čitatelji tableta navikli su na gestikulacije kao što su pokretanje i pomicanje te im se više sviđaju stariji načini kretanja po web-lokacijama za pomicanje i klikanje.
Iskoristite prednosti HTML5 i CSS3 da biste prikazali sadržaj u označenom, dobro oblikovanom rasporedu koji oponaša tiskani časopis i čitaocima pruža iskustvo okretanja stranica svojih omiljenih časopisa.
Web-mjesta pogodna za dodir
Svaka tableta na tržištu danas radi sa sučeljem osjetljivim na dodir, što je redefiniralo samu ideju o interakciji s osobnim računalima. Za optimalno iskustvo čitanja na tabletima, to je jednostavno kao postavljanje minimalne veličine teksta na 14 piksela. Ali što je s korisničkim sučeljima, pogotovo kad je riječ o ljudskim ulazima?
To je u Prstima
Dok se računalo učitava na zaslon koji se nalazi na određenoj udaljenosti od oka dostupnog mišem preko pokazivača, tablice su dizajnirane tako da se drže u ruci i da prihvate ulazne podatke korisnika.
Povećavanje tekstnih dodavanja tako da postoji dosta prostora oko teksta s hipervezama koji se može kliknuti čak i velikim prstima. Također povećajte razmak između rečenica tako da ne postoji sukob između tekstovi s hipervezama, polja obrazaca ili padajući izbornici. Ukloni hover događaje ali zadržite ponašanja i kontrolirajte intuitivno, ili barem predvidljivo dovoljno da korisnici ne bi trebali ponovno učiti kako se kretati po web-lokaciji.
Preporučujemo da se pridržavate Appleovih iOS Smjernica za ljudsko sučelje prilikom izrade web-lokacije prilagođene tabletima.
Izbjegavajte neugledne elemente
Sa ipad i dalje lider u paket na tržištu tableta, to je još uvijek sigurno da ne graditi za Flash. Međutim, za čitatelje u preglednicima tableta pomoću HTML5 možete stvoriti bolji doživljaj. Koristite manje animacija temeljenih na JavaScriptu kako biste web lokaciju tabletnog računala održavali brzo i pristupačno na svim tabletnim uređajima.
Orijentacija je važna
Posjetitelj vašeg tabletnog računala može vidjeti vašu web-lokaciju u pejzažnoj ili portretnoj orijentaciji; stoga provjerite da li se sadržaj web-lokacije tabletnog računala automatski preuređuje kako bi odgovarao objema orijentacijama. Pogledajte 30 odgovorajućih portfelja za vaše nadahnuće za ideju o tome kako se vaš sadržaj mora preurediti kako bi odgovarao različitim veličinama zaslona i orijentacijama.
Za daljnje čitanje pogledajte:
- Mobile Web Design: 10 savjeta za bolju upotrebljivost
- 30 Korisni odgovarajući web-vodiči
- 50 korisnih alata za web dizajn za dizajnere
Konačno, uvijek koristite slike koje su vrlo visoke rezolucije, ili se uvjerite da se vaše slike mijenjaju za različite orijentacije, tako da korisnici dobiju cjelovitu sliku. Omjer slike 16: 9 dobro funkcionira s većinom tableta.
Zamotati
Prilikom izrade web-lokacije koja je prilagođena tabletnim računalima, razmislite o web-lokacijama računala i učinite korak dalje osobnim interakcijama. Promislite i obnovite svoje web-lokacije za svijet u kojem su tablete prvi.
Napomena urednika: Ovaj post je napisao / la Lakshmi Harikumar za Hongkiat.com.
