Parhaat käytännöt navigointiin mobiilisivustossa
Tiedot, joilla ihmiset pääsevät verkossa, ovat kehittymässä. Google ilmoittaa, että ensi vuonna (2013) yli puolet sivuston vierailuista tulee mobiililaitteista eikä työpöytiä tai kannettavia tietokoneita.
Verkon käytön muuttumiseen ei ole pelkästään muutos, sillä useimpien mobiilikäyttäjien tarpeet, jotka käyvät verkossa älypuhelimen tai kädessä pidettävän laitteen kanssa, muuttuvat myös; keskittyy ja kohdistuu enemmän.
Nykypäivän älypuhelinten omistajat käyttävät puhelimiaan tiettyjä tehtäviä, kuten kohteiden sijainnin tarkistamista, julkisen liikenteen aikatauluja ja pankkitalletuksia. Vaikka internet-selailu kädessä pidettävissä laitteissa esiintyy (varsinkin kun seisoo todella pitkiä linjoja tai odottaa bussia) monet ihmiset haluavat surffata verkossa kodin tai toimiston mukavasta.
Näytön tilaa on rajoitettu kämmentietokoneilla, ja mobiilikäyttäjät ovat kiireisiä, usein monitieteisiä, kun he etsivät tietoja verkossa yhdellä peukalolla tai sormella.
Näistä syistä mobiilisivuston navigointia on vielä tärkeämpää kuin perinteisessä verkkosivustossa. Tyypillisen sivuston kävijän kysymykset ja tarpeet, laitteen rajoitukset ja niiden häiritseminen ovat ratkaisevan tärkeitä tehokkaan navigoinnin suunnittelussa mobiilisivustolla.
Mitä mobiilikäyttäjät kysyvät, kun he ovat verkossa?
Compuware Vuoden 2011 tutkimuksessa Käyttäjät haluavat mobiililaitteilta , että 95% käyttäjistä etsii paikallisia tietoja älypuhelimillaan tai kannettavien laitteidensa avulla. Siksi olisi hyvä käytäntö, että tiili- ja laastiyrityksillä on navigointi sijaintiin, tunteihin ja yhteystietoihin näkyvästi mobiilisivustoilla.
Laita itsesi tyypillisen sivuston käyttäjän kengille. Tutustu mobiililiikenteen analyysiin. Valitse kolme parasta tai neljää kategoriaa, jotka käyttäjät etsivät, ja valitse yleisimpiä hakuja vastaavat luokkatunnukset.
Jos tämä on mobiilisivusto tiili- ja laastaliiketoiminnalle, näytä sijaintipaikka ja yhteystiedot näkyvästi.
Voit aina lisätä linkin "vierailemaan verkkosivustollamme" ja todella kiinnostuneet voivat tarkastella mobiilisivuston tarkempaa versiota mukavasti toimistossaan tai kotona kannettavan tietokoneen kanssa.
7 Kaikki ihmiskunnat tietävät käyttäjiensä.
Suunnittelu eri ympäristöissä
Ulkoisen ympäristön parametrien ja häiriötekijöiden lisäksi web-suunnittelijoiden on myös arvioitava laitteita itse suunniteltaessa navigointielementtejä.
Arkkitehti ei halua täsmälleen samaa rakennussuunnittelua keskelle kaupunkia, aavikkoa tai metsää, hyvä web-suunnittelija pitää matkapuhelinympäristön mahdollisuuksia ja rajoituksia luomaan kaikkein käyttökelpoisen navigoinnin liikkuvuutta varten.
Ongelmana on tietenkin se, että suunnittelija ei tiedä, mihin laitteeseen loppukäyttäjä pitää, kun hän vierailee sivustossa. Tilanne voidaan ratkaista käyttämällä herkkiä suunnittelutyökaluja, kuten CSS-mediakyselyjä, joilla käsitellään sijainti-, koon ja mukautuva sisältö. Olipa suunnittelemalla uuteen mobiilisivustoon reagoivaa muotoilua tai mukauttamalla olemassa olevaa sivustoa mobiililaitteille, on vielä olemassa tiettyjä parhaita käytäntöjä, jotka pitävät yllä navigointiin.
Pienen näytön navigointivalikot
Web-suunnittelijat tietävät, että mobiilikäyttäjät käyttäytyvät eri tavoin, kun he käyttävät verkkoa älypuhelimissaan ja kannettavissa laitteissaan kuin heidän työpöydällä tai kannettavalla tietokoneella. Pienen näytön navigoinnin tilaa voi olla hankalaa, mutta vähäinen huolellinen suunnitelma matkaviestinnän suunnittelemisesta on saavutettavissa.
Vain neljä navigointipainiketta ja maksuton varausnumero näkyvästi näkyvissä, Loews Hotelsin mobiilisivusto on käyttäjäystävällinen ja helppo navigoida.
Paras käytäntö 1: vähentää valikkopainikkeiden määrää
Tämä voi olla hankalaa suunniteltaessa nykyisen verkkosivuston mobiiliystävällistä versiota, etenkin sellaista, jolla on monia linkkejä työpöydän muotoiluun. Rajoita tärkeimmät navigointipainikkeet viiteen tai vanhempiin, lisää tarvittaessa sisäkkäisiä valikkoja.
Paras käytäntö 2: vähentää hanojen määrää
Pidä mobiililaitteessa suoritettavien toimien määrä mahdollisimman pieneksi. Mitä vähemmän hanaa ja napsautuksia löytää, mitä käyttäjä etsii parempaa. On liian helppoa tehdä virhe. Sisällytä aina helppo löytää takaisin-painike: et halua enää turhauttaa käyttäjää.
Parhaat käytännöt 3: vieritysnavigointi
Pidä tärkeimpiä navigointielementtejä yläosassa. Mobiililaitteilla on erilaiset näytön koot, joten mieti tarkkaan kunkin luokan merkitystä, sillä luettelon alla olevat luettelot saattavat edellyttää selaamista älypuhelimilla, joilla on vähemmän näytön tilaa.
Paras käytäntö 4: pinottavat painikkeet
Mobiilikäyttäjät näkevät sivustosi pystyasennossa maiseman sijaan, kuten työpöydällä. Sovita navigointisi mobiiliverkossa esittelemällä se pystysuoraan. Lue alas sijaan koko. Tämä toimii parhaiten sivustoissa, joissa on enintään viisi luokkaa valikossa, ja kun on todennäköistä, että lisää luokkia lisätään.
Paras käytäntö 5: sisäkkäinen valikko
Joskus kutsutaan kokoonpuruvaksi navigoinniksi, tämä on hyvä vaihtoehto sivustoille, jotka vaativat sisältöä näytöllä sekä valikosta ja ne, jotka odottavat lisäävän luokkia ja valikkokohtia.
Kosketusnäytön ja pienien painikkeiden liikkuvuuden optimointi
Kosketusnäytöt ja pienet painikkeet merkitsevät uusia näkökohtia web-suunnittelijoille. Mobiilikäyttäjillä ei ole ylivoimaisesti napsautettavaa hiirtä pientä valikkopainiketta tai linkkiä varten. He ovat sormiensa ja peukalojensa armoilla, mikä tarkoittaa, että he osoittavat ruudulla näkyviä alueita paljon vähemmän tarkkuudella kuin jos he käyttävät hiirtä, ja he voivat helposti turhautua, jos heidän napautuksensa ei tuota välittömiä tuloksia.
Web-suunnittelijat voivat helpottaa navigointia mobiilikäyttäjille lisäämällä enemmän tilaa valikoiden linkkien ympärille tai korvaamalla linkit valikoiden valikoihin.
Suurentaminen helpottaa alueen löytämistä nopeasti ja napsauttaa sitä pienellä puhelinpainikkeella tai napauta sitä sormella tai peukalolla. Koska keskimääräinen sormi vaatii napsautettavan alueen, jonka koko on vähintään 44 x 44 x, tämä voi johtaa siihen, että painikkeet ja navigointialueet varjostavat koko näytön sisällön. Tämä voi kuitenkin sopia verkkosivuston ja käyttäjän tarkoitukseen, varsinkin jos kotisivun sisältö on toissijainen tärkeimmistä valikkokohteista.
Ihanteellisessa tapauksessa suunnittelun pitäisi mahdollistaa kosketusnäytön käyttäjän tehdä navigointipainiketta tarvittaessa.
Vinkkejä optimointiin
- Aseta valikko näytön yläosassa tai alareunassa sivuston käyttäjien pääasiallisen tarkoituksen mukaan. Jos he etsivät sisältöä ja todennäköisesti selaa, valikon sijoittaminen alareunaan antaa heille toisen paikan mennä sivustollesi sen sijaan, että poistettaisiin sivustosta hakukoneelle tai kilpailevalle sivustolle.
- Osittain piilottaa valikko muiden näytön sisältöä varten. Tällöin näkyy koko valikko, kun käyttäjät napautuvat siihen. Tämä pitää valikon etupuolelta ja keskeltä ilman pyyhkiä hyödyllistä sisältöä.
- Aseta valikkolinkki näytön yläreunaan ja lisää navigointipainike pohjaan.
- Korkeat ja ohuet voivat olla hyviä supermalleja varten, mutta mobiiliverkon navigointi lyhyt ja leveä on kaunista. Laaja lyhyt navigointi auttaa myös silloin, kun sinulla on pidempi otsikko - teksti sopii paremmin.
- Vähennä otsikkokuvien korkeutta tai korvaa ne kokonaan pienemmällä logolla, jotta navigoinnin tilaa voidaan lisätä.
- Pidä brändäys- ja suunnittelukysymykset johdonmukaisesti kiinnittämällä huomiota typografiaan, väriin ja navigointipainikkeiden tyyliin sen sijaan, että käytät arvokasta tilaa suurilla grafiikoilla ja kuvilla.
- Lyhennä tekstiä, erityisesti valikkopainikkeilla ja kategorian otsikoilla. Joissakin tapauksissa tämä on äärimmäisen vaikeaa, ja pinottava valikko, jossa on tilaa tekstin lisäämiselle jokaisella rivillä, on suositeltava vaihtoehto.
- Yksinkertaista mahdollisimman paljon. Poista niin paljon kotisivulta kuin mahdollista, keskittyä vain tarjoamaan parhaan joukon muutamia kohteita, jotka useimmat käyttäjät haluavat.
Matkaviestinnän ei-nos
Matkapuhelimen käyttäjät ovat kiireisiä, häirittyjä ja liikkeellä. He eivät halua valita lajikkeita, joista valita painikkeet, etkä halua heitä turhautumaan ja jättävät sivuston analyysin halvaantumisen vuoksi.
Älä anna heille paljon valinnanvaraa.
Vältä horisontaalista rullausta, eikä liikkumista! Liukusäätimen valikot voivat myös olla turhauttavia mobiilikäyttäjille. Sinun tehtäväsi on yksinkertaistaa ja tehostaa navigointiasi, älä usko, että sinun on oltava tylsää. Luova navigointi ei ole huono asia, mutta sen on oltava intuitiivinen. Käyttäjän on kyettävä helposti näkemään mihin mennä löytääkseen haluamansa tiedot nopeasti.
johtopäätös
Mobiililaitteiden suhteellinen uudet verkon käyttötapa merkitsee sitä, että mobiiliviestintä kehittyy jatkuvasti, koska erilaisia malleja kokeillaan, kierrätetään tai heitetään kokonaan.
Yhden sivuston käyttäjäryhmän toiminta voi olla katastrofi, jolla on toinen sivusto, sillä tiedot, joita käyttäjä etsii, ovat täysin erilaiset. Lisäksi sama käyttäjä lähestyy eri sivustoja eri tarkoituksiin: mobiilikäyttäjä, joka tarkastelee puhelimessa olevaa uutissivustetta, todennäköisesti haluaa otsikoita, ei yhteystietoja; mikä on juuri sitä, mitä hän haluaa, kun hän vierailee mobiilisivustolla hammaslääkärilleen tai kampaajalleen.
Vaikka mobiilisivustossa käytettävät navigointielementit voivat poiketa perinteisestä verkkosivustosta, käyttötarkoitus on sama: verkkosivustolla on kysymys, kun he ovat verkossa. Missä on myymälä? Mitä maailmassa tapahtuu? Mikä on pankkitilini saldo? Suuri navigointi johtaa käyttäjien vastauksiin nopeasti ja yksinkertaisesti.
Täytä välittömät tarpeet ja he palaavat, lisäävät liikennettä verkkosivustoon, tekevät asiakkaista tyytyväisiä ja johtavat viittauksiin ja mobiilimainonnan suunnitteluun.
Mitä lähestymistapoja mobiilisuunnittelussa pidät suunnittelija mieluummin? Entä käyttäjä? Kerro meille kommentit.
Esitetty kuva / pikkukuva, mobiili internet-kuva kautta Shutterstock.