Kotisivu » UI / UX » Katso Tablet-käyttäjien rakennuksen verkkosivustot

    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.