10 tapaa suunnitella valikoita, jotka eivät ime
On olemassa selkeät oikeat ja väärät keinot navigointivalikoiden suunnitteluun. Tämä verkkosivuston perusosa jätetään usein huomiotta suunnitteluprosessissa, ja se näkyy käytettävyyden suhteen.
Selvä, ylikuormitettu tai puuttuva navigointi ovat yleisimpiä kysymyksiä ja melko suoraan he voivat tehdä sivustosi yksinkertaisesti imevät. Älä ole se kaveri (tai tyttö). Käytä näitä vinkkejä varmistaaksesi, että käytät nykyaikaisia navigointikuvioita verkkosivustossasi hiljaisia, luovia navigointielementtejä, jotka eivät ime. (Ja ovat erittäin käyttökelpoisia.)
1. Ojenkaa Mega-valikot
Mega-valikot olivat rakkauden muotoilu, jota asiakkaat rakastivat - vaikka suunnittelijat vihasivat sitä. Ylivoimaisen valikkotyylin, joka sisältää "kaiken, mutta keittiön pesu", on ylivoimaista käyttäjille ja ei anna mitään todellista arvoa.
Vain kourallinen suuria vähittäiskauppiaita voi todella päästä eroon käyttämällä mega-valikkoja, ja tarkoituksena on näyttää varastojen laajuus. Ylikuormitetun navigointielementin hyödyllisyys on kyseenalainen.
Usein valitaan mega-valikkovaihtoehto, koska on liian vaikea kaventaa mitä navigointiin asetetaan. Tee kovia valintoja. Tutustu analyysiin, jotta näet, mitä käyttäjät etsivät. Rehellisesti useimmat käyttäjät, jotka haluavat hyvin erityistä asiaa, löytävät sen etsimällä joka tapauksessa.
2. Tee haku tarkalleen
Ja puhuttaessa hausta: Tee se näkyväksi. Haku tulee olla jokaisella sivulla. Sen pitäisi olla pääsisäänkäynnissä. Ja sen pitäisi olla suuri ja helppokäyttöinen.
Erinomainen hakutoiminto on linkki, joka pitää käyttäjät verkkosivustossa. Jos etsimäsi ei ole helposti saatavilla, seuraava vaihtoehto todennäköisesti etsii sitä. (Voit kiittää Googlesta tämän haun ensimmäisestä ajatteluprosessista.)
Älä yritä taistella sitä vastaan. Työskentele käyttäjien kanssa ja sisällytä haku osana pääkäynnistystä. (Ja varmista, että laatikko on riittävän suuri kirjoittaa ja nähdä täysin yhteiset lauseet.)
3. Rajoita navigointivaihtoehtojen määrää
Sinun tehtäväsi on ennakoida, mitä sisältöä käyttäjät haluavat käyttää seuraavaksi. Rajoita navigointivaihtoehtoja suosituimmille sivuille ja tietoa sivuston suunnittelussa.
Lähes jokainen navigointi-valikossa pitäisi olla hakua, yhteystietojen tai yhteystietojen ja sähköisten kaupankäyntien sivustojen tulisi aina sisältää ostoskoriin tai ostaa nyt -painikkeen. Tämän jälkeen navigointielementtejä ohjaa sivuston sisältö.
4. Kehitä Smart Navigation -valikoita
Hyvä navigointi auttaa käyttäjiä siirtymään yhdestä sisällön sivusta seuraavaan loogiseen pisteeseen. Tämä sisältö on usein erilainen verkkosivuston eri osissa.
Luo useita navigointiasetuksia, jotta käyttäjät voivat helposti käyttää sisältöä, joka on seuraava looginen vaihe niiden suunnassa. Vaikka jotkin elementit saattavat olla päällekkäisiä, toiset auttavat käyttäjiä ja auttavat heitä siirtymään syvemmälle muotoiluun.
Olemme ikäisiä, jolloin käyttäjät ovat odottaneet jonkin verran henkilökohtaistamista. Amazon tekee suuren työn tästä navigointielementeillä, jotka jopa kutsuvat käyttäjiä nimen mukaan. Tarkastele tarkasti navigointi seuraavan kerran, kun kirjaudut sisään nähdäksesi [Your Name Here]: n Amazon.com. Toissijainen navigointi sisältää tietoja, kuten käyttäjän vuotuiset lahjoitukset hymyilijöiden käyttäjille, viimeisimmät tilaushistoria ja jopa hyvitykset muihin Amazon-palveluihin. (Kaikki on sen jälkeen melko persoonallinen.)
5. Tilaa Nav Elements tarkoituksellisesti
Navigointielementtien järjestys on yhtä tärkeä kuin päätös käyttää niitä. Navigointielementin alussa ja lopussa olevat kohteet ovat tehokkaimpia, näkyvimpiä ja napsautettuja. Käyttäjä näitä asemia huolellisesti.
On olemassa jopa tieteenalaa, joka tukee tätä. serial position effect sarjaposition vaikutus on henkilön taipumus muistuttaa ensim- mäistä ja viimeistä kohtaa eniten johdonmukaisuuden luettelossa. Lisäksi käyttäjillä on taipumus muistaa uusimmat kohteet parhaiten (viimeaikainen vaikutus) ja ensimmäiset listan kohteet muistutetaan paremmiksi kuin keskielementit (ensisijaisuusvaikutus).
Tarkastele käyttäjien virtausmalleja verkkosivustosi analyysissä, jotta voit selvittää tarkasti, millä sivuilla ja elementeillä on oltava etu- ja keskikohdat. Sisällytä sivuja, jotka käyttäjät pääsevät etusivulta ja sisällöstä, johon käyttäjät haluavat liittyä. Poista navigointielementit, jotka eivät tuota käyttäjän virtausta.
6. Käytä Sticky Navigation pitkille vieritysosille
Älä anna käyttäjien menettää navigointia. Riippumatta siitä, että se tarttuu näytön yläosaan tai alareunaan tai sivulle, minkä tahansa sivun, jolla on pitkä rullaus, on oltava tahmea valikko. Syynä tähän on yksinkertainen: Älä anna käyttäjää toimimaan vuorovaikutuksessa sivustossasi.
Mitä helpompaa on liikkua ja kokeilla sisältöä, sitä todennäköisemmin käyttäjät tekevät juuri sitä. Mitä enemmän aikaa käyttäjä kuluttaa sivustossasi suunnittelusi kanssa, sitä todennäköisemmin ne muuntavat halutulle käyttäjän toiminnalle.
7. Älä piilota navigointia
Pienet valikkokohdat, linkit, jotka ovat kadonneet näytön alareunassa tai vain alatunnistimessa, ja pop-out-navigointi, joka on piilotettu oddball -kuvakkeiden takana ja sisäisten sivujen navigoinnin puute, pitää vain käyttäjien napsauttamasta. Älä piilota sivuston navigointia. Sen pitäisi olla edessä ja keskellä. Sen pitäisi olla jokaisella sivulla.
Käyttäjät voivat päästä verkkosivustoosi useilla tavoilla. Varmista, että navigointielementti odottaa niitä, kun ne saapuvat.
8. Käytä kuvaavia tarroja
Navigointisanoista kuvakkeisiin jokaisen elementin pitäisi kertoa käyttäjille täsmälleen, mitä napsautuksella tapahtuu. Käytä yleisesti hyväksyttyjä kuvakkeita, kuten ostoskortti, jolla voit tarkistaa tai suurennuslasi etsiä tai jopa hampurilaiskuvaketta pop-out-valikkotyyleille.
Ota sitten askel eteenpäin ja käytä teksti-etikettejä, jotka kertovat käyttäjälle tarkalleen, mitä tietoja siinä on. Yritä välttää liian yleisiä etikettejä, kuten palveluita tai tarjouksia, jos on olemassa sana, joka selittää sisältöä paremmin.
9. Harkitse Full-Page Nav
Joskus suunnittelu on navigointi. Jos käytössä on muutamia keskeisiä elementtejä, jotka ovat elintärkeitä käyttäjille, näytä ne koko näytön navigoinnilla.
Vaikka tämä ei ole tarkoituksenmukainen jokaiselle projektille, se voi olla tehokas pienemmille verkkosivustoille, salkkuille tai projektityöhön.
10. Siirry pystysuoraan
Pystysuuntainen navigointi on trendikäs juuri nyt , ja hyvästä syystä. Se on helppo nähdä ja piirtää silmään, koska se on hieman erilainen.
Sivuttain pystysuuntainen navigointi on hyvä vaihtoehto verkkosivustoille, jotka tarvitsevat vähän tilaa navigointielementtien lukumäärälle. Syvemmällä valikolla malli voi mukautua useampiin nav-elementteihin ilman, että se tunkeutuu sekaisin ja että elementtien välillä on riittävästi tilaa.
