5 tapaa parantaa sivustohaun UX: ää
Haku on kuin käyttäjän ja järjestelmän välinen keskustelu: käyttäjä ilmaisee tietonsa tarvetta kyselynä ja järjestelmä ilmaisee vastauksensa joukoksi tuloksia. Haku on perustavanlaatuista toimintaa ja kriittinen elementti sisällön raskas sivuston rakentamisesta.
Tässä artikkelissa haluaisin jakaa 5 vinkkejä, joiden avulla voit parantaa hakua UX.
1. Laita hakukenttä, jossa käyttäjät odottavat löytävänsä
Se ei ole hyvä, kun käyttäjien on etsittävä hakukenttää, koska se ei erottele eikä ole helppo havaita.
Alla oleva kaavio otettiin A. Dawn Shaikhin ja Keisi Lenzin tutkimuksesta: se näyttää sivuston hakulomakkeen odotetun sijainnin 142 osanottajan kyselyssä. Tutkimuksessa havaittiin, että suurin osa käyttäjistä on helpoin paikka sivustosi sivun vasemmassa yläkulmassa tai oikeassa yläkulmassa.
Alueet, joilla osallistujat odottivat etsintää löytyvän. Oikeassa yläkulmassa on edelleen ensimmäinen paikka, jonka käyttäjät odottavat löytävänsä hakua.
Sijoita siis hakuruutu ulkoasun oikeassa yläreunassa tai yläosassa olevaan alaan ja olet varma, että käyttäjät löytävät sen, missä he odottavat sen olevan.
Ihannetapauksessa hakukenttän pitäisi sopia verkkosivuston yleiseen suunnitteluun, mutta pystyy erottumaan hieman, kun käyttäjät tarvitsevat sitä.
Mitä enemmän sisältöä sinulla on, sitä näkyvästi haluat näyttää hakutoiminnon. Jos haku on tärkeää sivustollesi (esim. Verkkosivusto on sähköinen kaupankäynti), käytä paljon kontrastia niin, että kenttä ja kuvake eroavat taustasta ja ympäröivistä elementeistä.
Haku on yksi eBay-palvelun tärkeimmistä ominaisuuksista. Huomaa, että etusivulla on hakusanan "Haku" vastakkainen väri
2. Käytä oikean kentän kokoa hakutulokentälle
Tuloskentän tekeminen liian lyhyeksi on yleinen virhe web-suunnittelijoiden keskuudessa. Kun käyttäjät kirjoittavat pitkiä kyselyitä, vain osa tekstistä näkyy kerrallaan ja tämä tarkoittaa huonoa käytettävyyttä, koska käyttäjät eivät voi tarkastella ja muokata helposti heidän kyselyään. Itse asiassa, kun hakukenttään on rajoitettu määrä näkyviä merkkejä, käyttäjien on pakko käyttää lyhyitä, epätäydellisiä kyselyjä, koska pitempia kyselyjä ei olisi vaikea lukea.
Jos syöttökentät on mitoitettu niiden odotetun syötteen mukaan, ne ovat sekä helpommin luettavissa että tulkittavissa käyttäjille. Nyrkkisääntönä on 27-merkkinen tekstinsyöttö (tämä koko vastaa 90% kyselyistä).
3. Tee se selväksi, mitä käyttäjät voivat hakea
On hyvä sisällyttää esimerkkikysely hakukenttään ja ehdottaa käyttäjille, mitä on mahdollista hakea. HTML5: n avulla tekstin voi lisätä tekstinä paikanvaraajana syöttökentän sisällä. Jos käyttäjä voi etsiä useampia kriteerejä, käytä syöttömäärän kuvioa selittääksesi (katso IMDb-esimerkki alla). Varmista, että rajoitat vihjeesi vain muutamiin sanoihin, muuten lisäät kognitiivista kuormaa.
4. Älä poista käyttäjien kyselyä, kun he osuvat hakupainiketta
Pidä alkuperäinen hakulauseke. Kyselyn uudelleensulkeminen on kriittinen vaihe monissa tietolähetyksissä. Jos käyttäjät eivät löydä etsimääsi ensimmäisestä yrityksestä, he saattavat haluta hakea uudelleen käyttämällä hieman erilaista kyselyä. Jotta heistä olisi helpompaa, jätä alkuperäinen hakutermi hakukenttään, jotta heidän ei tarvitse kirjoittaa uudelleen koko kysely uudelleen.
5. Käytä automaattista ehdotusmekanismia
Nielsen Norman -ryhmän tekemä tutkimus on havainnut, että tyypilliset käyttäjät ovat erittäin huonoja kyselylomakkeissa: jos he eivät saavuta hyviä tuloksia ensimmäisellä kokeilulla, myöhemmät hakuyritykset harvoin menestyvät. Itse asiassa käyttäjät luopuvat usein heti ensimmäisen negatiivisen yrityksen jälkeen. On kuitenkin mahdollista parantaa tilannetta käyttämällä automaattista ehdotusmekanismia. Automaattiset ehdotusmekanismit auttavat käyttäjiä löytämään asianmukaisen kyselyn yrittämällä ennustaa sen syöttämällä merkkejä. Kun tämä mekanismi toimii hyvin, se auttaa käyttäjiä parantamaan hakulausekkeita. Seuraavassa on muutamia muistiinpanoja, jotka sisältävät sivustosi automaattisen ehdotuksen mekanismin:
- Varmista, että automaattiset ehdotukset ovat hyödyllisiä. Huonosti suunnitellut automaattiset ehdotukset voivat hämmentää ja häiritä käyttäjiä. Käytä siis oikeinkirjoituksen automaattisia korjauksia, juurisanoja ja ennustavaa tekstiä, jotta työkalu voidaan parantaa.
- Anna automaattiset ehdotukset mahdollisimman nopeasti, kuten kolmannen merkin kirjoittamisen jälkeen. Tämä antaa välittömän arvon ja vähentää käyttäjän tietojen syöttöä.
- Näytä vähemmän kuin 10 ehdotettua kohdetta (ja ilman vierityspalkkia), joten tiedot eivät tule ylivoimaiseksi. Salli käyttäjien siirtyä näppäimistöä vastaaviin kohteisiin.
- Korosta eroja syötettyjen tietojen ja ehdotettujen tietojen välillä (esim. Syöttötekstissä on vakio paino, kun taas ehdotetuilla termeillä on lihavoitu paino).
Google-haut hallitsivat tätä mallia, sillä se on ollut käytössä vuodesta 2008 lähtien.
johtopäätös
Haku on kriittinen osa kannattavan sivuston rakentamista. Käyttäjät odottavat hyviä kokemuksia, kun he löytävät ja oppivat asioita, ja he yleensä tekevät erittäin nopeita tuomioita sivuston arvosta yhden tai kahden hakutulosten sarjan laadun perusteella. Erinomainen hakutoiminto auttaa käyttäjiä löytämään haluamansa nopeasti ja helposti.