Pomožna navigacija Kako vpliva na oblikovanje uporabniške izkušnje

Za načrtovanje učinkovite in uporabniku prijazne navigacije ne smemo le razmišljati o tem, kako našo vsebino združimo v dobro strukturirane menije omogočiti uporabnikom, da zlahka najdejo, kar želijo, pa tudi o tem, kako oblikovati orodja, ki jih potrebujejo za interakcijo s spletnim mestom

Kliče se navigacija, ki ni strogo povezana z vsebino in pomaga uporabnikom izvajati različna dejanja pomožna navigacija, in je manj široko razpravljen, vendar zelo pomemben vidik oblikovanja uporabniške izkušnje. Vrstice za iskanje, prijavni obrazci in obrazci za prijavo, naročnine, gumbi za skupno rabo in tiskanje, nakupovalni vozički, kontekstni meniji in orodja, ki uporabnikom omogočajo preklapljanje med jeziki ali velikostjo pisave, so značilni primeri navigacije z orodji..

Oblikovanje ni tako enostavno, kot se zdi na prvi pogled zahteva, da ugotovite, katere elemente potrebujemo, kje jih postaviti in kako jih prikazati poskrbite, da jih bodo naši obiskovalci lahko hitro našli in razumeli, kako delujejo.

Kako pomožna navigacija vpliva na UX

Ko načrtujemo navigacijo za uporabnike, se moramo odločiti, kako želimo, da naši uporabniki sodelujejo z našo spletno stranjo. Zagotoviti jim moramo interakcijske strukture ki ustreza našim poslovnim ciljem, vodi uporabnike skozi potovanje strank, jim nudi razumljive možnosti in jim zagotavlja prijetno uporabniško izkušnjo.

Najprej, biti morajo sposobni hitro izvajati želena dejanja. Če jim to omogočimo, se bo zadovoljstvo strank povečalo, zadovoljni uporabniki pa na spletnih straneh porabijo več časa in več denarja.

Domača stran AirBnB sledi temu načelu UX, v zgornjem meniju pa so samo orodja za uporabnost. To ni običajna rešitev, če pa pogledamo neverjetne stopnje rasti AirBnB-a, je to odlična izbira za njih.

Štirje glavni elementi menija so usmerjeni na štiri glavne osebe, ki običajno obiščejo spletno mesto AirBnB: ljudje, ki želijo postati gostitelji (“Postanite gostitelj”), osebe, ki želijo rešiti težavo, do katere je prišlo med uporabo storitve (“Pomoč”), novi uporabniki in uporabniki (“Prijavite se” in “Vpiši se”). Domača stran AirBnB, ki je osredotočena na uporabnost, vsebuje tudi hitro iskalno vrstico, ki je ključno orodje na spletni strani za najem nastanitve.

Drugič, uporabniki ne potrebujejo odvečnih pripomočkov, saj preveč nereda odvrača pozornost in zmanjšuje fokus. Katera orodja so potrebna v naši navigaciji in kaj ni odvisno od narave naše strani. Na primer, lahko je koristno vključiti pogled tiskanja v spletni dnevnik ali na spletno mesto z novicami, vendar je lahko ista funkcija nepotrebno odvračanje pozornosti na forumskem forumu ali spletnem mestu za družabne medije..

Washington Post na primer prikaže pomožno navigacijo na posameznih straneh objav, drugače kot na domači strani. Na ta način uporabniki izpolnjujejo le koristna orodja, ki so pomembna, in niso ogrožena z možnostmi, ki jih sploh ne bi želeli uporabiti.

Obstajajo 3 pripomočki za navigacijo, ki jih obiskovalci morda želijo uporabiti za celotno spletno mesto. Ti so pametno vključeni v fiksno zgornjo palico (orodje za iskanje, “Prijaviti”, in “Naročite se”), vendar uporabnikom ni treba razmišljati o možnostih, povezanih z posameznimi objavami, kot je “Seznam branja” med brskanjem po domači strani ali eni od kategorij strani.

Tretjič, uporabniki morajo hitro razumeti, kaj lahko naredijo na naši spletni strani. Obiskovalci ne vedo nujno, kaj želijo, zato jim moramo vedno zagotoviti informacije o možnostih, ki jih imajo.

Če pogledate spodnji posnetek zaslona, ​​lahko vidite, da The New York Times uporabnike obvešča o razpoložljivosti treh različnih različic: ameriški, International, in Kitajski, in jim tudi omogoča hitro preklopite med tremi. Ta odličen primer pametne pomožne navigacije kaže uporabnikom manj očitne možnosti, ki jih verjetno ne bi našli same, na nepristen in eleganten način..

Najdi najboljše mesto

Obstajajo tipične umestitve za navigacijo za uporabnike, kjer uporabniki intuitivno iščejo ta orodja, saj so na njih že navadili na večini spletnih mest. Prekinitev konvencij za spletno oblikovanje velja za slabo prakso uporabniške izkušnje in še posebej velja za navigacijo za uporabnost, ki je v večini primerov bolj uporabna kot ustvarjalnost.

Ker je v večini spletnih strani navigacija pomožnih storitev drugotnega pomena za navigacijo po vsebini, je pogosto postavljena na manj vidna, vendar še vedno vidna področja. To ponavadi pomeni (1) zgornji desni kot spletne strani in (2) spodnji del noge. To je dobra ideja, da sledite tem konvencijam, kot to so mesta, kjer večina uporabnikov najprej išče uporabna orodja.

Kot lahko vidite spodaj, je Reuters postavil večino pripomočkov v teh dveh značilnih območjih, v zgornjem desnem kotu spletnega mesta, in spodnji del noge pod navigacijo po vsebini. Edinstvena rešitev je fiksna dodatna noga z dvema pripomočkoma, za katere so oblikovalci mislili, da so najpomembnejši: “Prijavite se ali registrirajte” in “Zadnje iz Moje žice”.

Zanimivo je omeniti, da je ekstra uporabnost navigacijskega področja še vedno v nekakšni nogi, kjer bi uporabniki običajno iskali podobna orodja, zato so bili oblikovalci Reutersa ustvarjalno ampak še vedno sledili konvencijam spletnega oblikovanja za ohranjanje uporabnosti.

Zgradite logično strukturo

Združevanje orodij za uporabnost v logično strukturo je ključnega pomena, če želimo zgraditi spletno mesto z visoko stopnjo konverzije. To je lahko izziv, tudi če uporabnikom ne želimo ponuditi številnih možnosti, Amazon pa zapletenost navigacije pomožnih programov prevzame na naslednjo raven. Amazon ima neverjetno zapleteno navigacijo z veliko možnostmi, če pa Amazon uporabljamo dovolj redno, se ne zdi tako. To je čarobnost pametnega oblikovanja.

Niso postavili samo navigacije v zgornjem desnem kotu, kjer uporabniki pričakujejo, da ga bodo našli, ampak so ga tudi razdelili v tri glavne skupine: (1) iskalna vrstica, (2) informacije, povezane z uporabnikom (pod iskalno vrstico) ) in (3) dejanja, ki jih uporabniki lahko izvajajo na spletnem mestu.

To je pametno, ker lahko kupci zaradi vizualnih namigov, kot so nakupovalni voziček ali iskalna ikona, odločijo v trenutku, v katero skupino želijo uporabiti, in od takrat lahko ignorirajo druga dva. Samo ena skupina (“Vaš račun”, “Poskusite Prime”, “Košara”, in “Seznam želja”), ki ima tudi podmenije, ki so tudi logično strukturirani, in različne skupine podmenijev so razdeljene po diskretnih, vendar vidnih ločilih, da lahko uporabniki hitro najdejo tisto, kar želijo.

Ustvarite učinkovit vizualni dizajn

Vizualna zasnova učinkovite navigacije uporabnosti mora slediti slavnemu načelu KISS (Keep It Simple, Stupid). Priporočljivo je, da ikone označite z besedilnimi oznakami, da kontrole postanejo kontrolniki in vizualno poudarite najpomembnejše ukrepe. Prav tako je lahko dobra ideja razlikovati med uporabno in vsebinsko navigacijo z nekoliko drugačno zasnovo.

Dva odlična primera učinkovitega vizualnega oblikovanja sta na voljo na Walmartovi in ​​Etsyjevi spletni strani. Oblikovalci so postavili navigacijsko tipko na najvišje obeh straneh in jo označili z barvami, ki se razlikujejo od ostale navigacije, Walmart z modrim ozadjem in Etsy z modrimi pisavami..

Obe strani poudarjajo najpomembnejše uporabniške akcije z različnimi elementi vizualnega oblikovanja, Walmart uporablja rumeno za gumbe za iskanje in prijavo, medtem ko Etsy daje diskretno modro obrobo gumbu za prijavo in vključuje ikono sive nakupovalne košarice v meniju košarice.

To je edini kraj, kjer Etsy uporablja ikono v meniju pripomočka, medtem ko Walmart prikaže ikono poleg vsakega elementa, vendar še vedno ne pozablja vključiti potrebnih besedilnih oznak tik ob ikonah.