Katso Tablet-käyttäjien rakennuksen verkkosivustot
Tablet-areena, joka oli kerran pelkästään Applen iPadin hallussa, kukoistaa nyt uuden tulokkaan kanssa joka päivä. Google Nexus 7, Amazon Kindle, Microsoft Surface ja joukko muita markkinoille tulleita tablet-laitteita ajavat markkinoijia ajattelemaan PC-verkkosivuston ulkopuolelle ja kehittämään itsenäisen tablet-strategian - tai ainakin, Tablet-ystävällinen verkkosivusto.
Ovatko tabletit korvaavia älypuhelimia? Lyhyt vastaus on ei. Itse asiassa äskettäinen comScore-raportti paljastaa selvästi, että yksi neljästä älypuhelimen omistajista käytti myös tablettia. Lisäksi on olemassa selkeitä eroja siinä, miten ihmiset käyttävät näitä kahta laitetta. Vaikka jotkin mobiilisovellusstrategiat saattavat toimia tabletin käyttäjille, tablet-lukijoillasi on erityisiä tarpeita, jotka vaativat erityistä huomiota.
Tabletin rakentaminen
Sisältöjen ja tietojen saanti näyttää olevan tabletin omistajien tärkein toiminta kaikkialla maailmassa, kertoo Online Publishers Associationin tutkimus. Sisältö sisältyy kulutukseen videoiden katselu, uutisten lukeminen. Joten, mitä sinun pitäisi sisällön markkinoijana tai kustantajana tehdä tabletin lukijoille?
Tabletin lukijat ovat tottuneet harjoittaa lukemattomia sovelluksia, jotka on rakennettu rikkaalla grafiikalla ja erittäin yksityiskohtaisilla kuvilla. Näin ollen tabletinlukijat odottavat saman verran taaksepäin, sovelluksen kaltaista lukukokemusta, jota he ovat tottuneet näkemään työpöydän selaimissa.
Vieritä on passé; pyyhkäisy on käytössä
Ainoa tapa tarttua yhä kasvaviin tablet-kävijöihisi on ajatella PC: n verkkosivuston normeja, toisin sanoen vertikaalisia vieritysmuotoja ja ulkoasuja, sekä aloittaa henkilökohtaisen, vuorovaikutteisen verkkosivuston rakentaminen. Tabletin lukijat ovat tottuneet eleisiin kuten pyyhkäisemiseen ja flickingiin, ja ne suosivat vanhempien "vieritys- ja napsautuksen" tapaa navigoida sivustoja.
Hyödynnä HTML5: tä ja CSS3: ta näyttämään sisällön sivutusta, hyvin muotoiltua ulkoasua, joka jäljittelee painettua aikakauslehteä ja antaa lukijoille kokemuksen suosikkilehtiensä sivujen kääntämisestä.
Touch-friendly verkkosivut
Jokainen markkinoilla oleva tabletti toimii tällä hetkellä kosketusliittymällä, joka on määritellyt uudelleen ajatuksen siitä, miten vuorovaikutuksessa henkilökohtaisiin tietokoneisiin. Optimaalinen lukukokemus tableteissa on niin yksinkertainen kuin minimi tekstikoon asettaminen 14 pikseliin. Mutta entä käyttöliittymät varsinkin silloin, kun kyse on ihmisen panoksesta?
Se on sormissa
Tietokoneen verkkosivustot latautuvat näytölle, joka on sijoitettu tietyllä etäisyydellä silmästä, jota hiiri voi käyttää kursorin kautta, ja tabletit on suunniteltu pitämään kädessä ja hyväksymään käyttäjän sormien tulot.
Lisää tekstin pehmustusta niin, että hyperlinkitetyn tekstin ympärillä on melko vähän aluetta, jota voidaan napsauttaa jopa suurilla sormilla. Myös lisätä riviväliä lauseiden välillä niin, ettei välillä ole ristiriitaa hyperlinkit, tekstikentät tai pudotusvalikot. Poista hover-tapahtumat mutta pidä käyttäytymiset ja ohjaukset intuitiivisina tai ainakin ennustettavina, jotta käyttäjät eivät tarvitse oppia uudelleen navigoimaan sivustossasi.
Suosittelemme, että noudatat Applen iOS Human Interface -ohjeita, kun rakennat tablet-ystävällisen verkkosivuston.
Vältä Flashy-elementtejä
Kun iPad on edelleen tabletin markkinajohtaja, se on silti turvallista olla rakentamatta Flashille. Voit kuitenkin luoda paremman kaltaisen kokemuksen lukijoillesi tablet-selaimissa HTML5: n avulla. Käytä vähemmän JavaScript-pohjaisia animaatioita, jotta Tablet-sivustosi pysyy nopeasti ja helposti kaikissa tablet-laitteissa.
Suuntausasiat
Tabletin kävijä voi tarkastella verkkosivustoa vaakasuunnassa tai pystyasennossa; varmista, että tabletin verkkosivustosi sisältö järjestyy automaattisesti uudelleen molempiin suuntiin. Katso 30 reagoivaa portfoliota inspiraatiostasi varten, jotta saat käsityksen siitä, miten sisältösi on järjestettävä uudelleen, jotta se sopisi eri näytön koon ja suunnan mukaan.
Lue lisää:
- Mobile Web Design: 10 vinkkiä parempaan käytettävyyteen
- 30 Hyödyllisiä reagoivia web-suunnitteluoppaita
- 50 Hyödyllisiä reagoivia web-suunnittelutyökaluja suunnittelijoille
Lopuksi, käytä aina kuvia, joiden resoluutio on erittäin suuri, tai varmista, että kuvat muuttuvat eri suuntiin, jotta käyttäjät saavat täydellisen kuvan. 16: 9-kuvasuhde toimii hyvin useimpien tablettien kanssa.
Paketoida
Kun suunnittelet tablet-ystävällistä verkkosivustoa, ajattele PC: n sivustoja ja ota henkilökohtainen vuorovaikutus askeleen pidemmälle. Mene uudelleen ja rakenna verkkosivustosi maailmalle, jossa tabletit ovat ensin.
Toimittajan huomautus: Tämä viesti on kirjoittanut Lakshmi Harikumar varten Hongkiat.com.