Jos yhteinen kysymys on, että web-suunnittelijat kysyvät itseltään, se on yleensä: Miten voin parantaa käyttäjäkokemusta? Käyttäjäkokemus on aina edessä ja keskellä - tai ainakin sen pitäisi olla sisäänrakennettuna; ilman käyttäjiä lukea tai tarkastella kyseistä sisältöä, napsauttaa kyseistä toimintapyyntöä tai rekisteröityä tähän lomakkeeseen, mikään verkkosivusto ei ole tarkoitus.

Suunnittelijoilla on useita erilaisia ​​temppuja hihassaan, jotta UX saadaan paljon paremmaksi. Yksi niistä on suuntaviivojen käyttö. Nämä suuntaavat vihjeet eivät ole hienovaraisia; heidän tehtävänsä on tehdä se niin, että jokainen viimeinen käyttäjä ei voi jättää huomiotta suurta, kutsua toimintapainiketta jonnekin sivulle. Toisin sanoen suunnatut vihjeet ovat kuin valtavia mainostauluja sivuilla, kirjaimellisesti osoittamalla käyttäjää hyvin selkeässä suunnassa.

Strategian sisällyttäminen mukaan on lisätä kaikkia tärkeitä tuloksia. Kaikki mitä voit tehdä suunnittelija, lisätä tuloksia, sinun pitäisi tehdä. Suuntaviivat auttavat tekemään tämän tehokkaasti, näin:

Mitkä ovat suunnattuja vihjeitä?

Suuntaviivat tulevat kaikilta muodoilta ja kokoluokilta, ja saatat jopa hämmästyä oppiaksenne, mikä voi kulkea suuntaavana vihjeenä. Lisäksi on olemassa sekä eksplisiittisiä (hyvin ilmeisiä) että implisiittisiä (hitaampia) suuntaavia vihjeitä.

Sivuelementtejä, joita voidaan pitää nimenomaisina suuntaviivoina, ovat:

  • nuolet
  • Sormet osoittavat
  • Silmien suunta (kun ihmisten kasvot tarkastelevat toimintapyyntöä)
  • linjat
  • käyrät

Kin HR Sivusto käyttää taustalla olevia malleja katsomassa huomiota niiden etenemissuunnitelmiin. (Tämä vaikutus on erityisen selvä tablet-näkymässä.)

kinhr

Tässä on ihanteellinen esimerkki selkeästä suuntanumerosta Salesforcen aloitussivu . Huomaa selkeän nuolen käyttö, joka ohjaa käyttäjän silmää lyhyeen verkkomuotoon.

myyntivoima

Epäsuorat suunnattomat vihjeet ovat paljon helpompi jättää huomiotta, ja ne elementit, jotka muodostavat implisiittisen suuntakulun, ovat kiistanalaisia, mutta ne voivat sisältää:

  • Väri
  • Koon, värin ja muodon toisto
  • hierarkia

Esimerkkinä implisiittisestä suuntaviivasta, tutustu Daily Egg on noin sivusta . Sähköposti-uutiskirjeen tilauslomakkeella on vihreä tausta, mutta valkoiset kentät. Tämä havaittavissa oleva kontrasti kiinnittää silmän, mikä antaa implisiittisen syyn täyttää sen.

crazyegg

Miten selventät sivusi tavoitteita?

Jokaisella sivulla on tarkoitus, joka on tavallisesti saada kävijä ostaa, allekirjoittaa tai tilata jotain. Kun käyttäjät eivät ymmärrä, mitä sivun tarkoitus on - esimerkiksi silloin, kun navigointi on huonosti toteutettu tai sivu on liian täynnä - käyttäjäkokemus heikkenee merkittävästi.

Tässä on kristallinkirkas suuntaava merkki, joka voi olla sivun hengenpelastaja. Loppujen lopuksi, kun käyttäjät saavat vihjeitä siitä, mitä heidän pitäisi tehdä sivulla, heidän kokemuksensa parantuivat dramaattisesti. Heidän hämmennystä ja turhautumista korvaa luottamus ja tehokkuus, joka syntyy suuren organisaation, suunnittelun ja suunnittelun kautta.

Sopivasti, erinomainen esimerkki suuntakulusta tulee meille sivulle, joka puhuu suuntakulun määrittelystä. Päällä Unbouncein määrittelysivu Huomaa valtava nuoli, joka osoittaa oikealle ja saa siten vierailijat todella lukemaan suuntakulman määritelmän! Tämän yksinkertaisen sivun elementin ansiosta käyttäjät voivat selvästi ymmärtää, että sivun tarkoitus on lukea ja ymmärtää tätä määritelmää.

unbounce

Vahvistetaan käyttäjiä suunnattujen vihjeiden avulla

Visual Website Optimizer tarkasteli sivua, jossa näkyi mainos Sunsilk shampoo . Tulokset olivat hämmästyttäviä: kun naisen silmät mainoksessa näyttivät oikealle - shampoonpullolle, eikä tilaan - käyttäjien määrä, joka vihdoin katsoi pulloa nousi 84%: iin, vain heikosta 6% kun alkuperäinen mainos oli naisen näköinen suoraan eteenpäin.

Eazers.com on saksalainen sivusto kuponkeja varten, joka käyttää tehokkaasti samaa tekniikkaa; mallin katse vetää silmäsi suoraan keskeisiin toimintoihin.

eazers

Ei ole epäilystäkään siitä, että suunnatut vihjeet ovat erittäin hyödyllisiä sivuilla, eikä ole yllättävää, että suorien vihjeiden tarjoama parannettu käyttäjäkokemus lisää luonnollisesti myös sivustojen muuntokurssia, koska nämä kaksi ovat toisiinsa sidoksissa. Kun sivustosi käyttökokemus kasvaa, ihmiset muuntuvat korkeammiksi, koska he ymmärtävät, mitä heidän pitäisi tehdä.

Käyttäjät tietävät joskus, mitä he etsivät, kun he käyvät sivustossasi. Nämä ovat todennäköisiä palautusmatkailijoita, jotka haluavat käyttää niitä, joita he käyttivät viimeksi kun he olivat sivustossasi. Näiden tyyppisten käyttäjien kannalta on ensiarvoisen tärkeää, että käyttäjäkokemuksesi on huippuluokkaa, koska viimeinen asia, jonka haluat tehdä, on estää varmoja tuloksia! Yksi helpoimmista tavoista varmistaa suuri käyttökokemus palaavalle kävijälle, joka haluaa käyttää samaa ominaisuutta uudelleen, on antaa suuntakulma, joka on helppo havaita, tulkita ja napsauttaa.

Älä ota suuntaviivoja itsestään selvyyden vuoksi

Seuraavalla kerralla, kun suunnittelet ja ajattelette, että hylkäät suunnattuja vihjeitä vain joukoksi tarpeettomia nuolia, viivoja tai kaareja, mieti uudelleen! Tutkimukset ovat osoittaneet, että ne ovat lopullisesti sidoksissa käyttäjän kokemukseen ja näin ollen myös sivun muuntokurssiin. Jotta sivustosi kävijät saisivat paljon paremman käyttökokemuksen - ja asiakkaasi saavat paljon paremman tulosprosentin - sinun on sisällytettävä nämä suunnattomat vihjeet suunnitteluun.

Enemmän kuin ohjeiden antaminen, suunnatut vihjeet ovat raskas vihjeitä siitä, mitä käyttäjän odotetaan tekevän. Jotkut käyttäjät eivät, jotkut, mutta tärkeintä on, että he ymmärtävät selvästi, mitä sivun "normaali" käyttö on. Suuntaviivat ovat yksi parhaista työkalujen suunnittelijoista UX: n tehostamisessa ja auttavat käyttäjiä lisäämään asiakkaasi konversioita.