Essential Navigation Patterns í 2016
Flakkavalmynd þín gerir eða brýtur UX vefsíðunnar þíns, sem er það sem þú ættir að vera fyrst og fremst að hanna fyrir. Það er engin betri þjónusta sem þú getur veitt viðskiptavinum þínum sem hönnuður en að tryggja að vefsvæði sem þú býrð fyrir þeim hrósa töfrandi og mjög hagnýtur notendavara.
Glæsilegt UX tryggir að vefsvæði viðskiptavina fá fleiri leiðir, gesti og lesendur, svo ekki sé minnst á að halda reglulegum gestum. Það er mikilvægasti hluti þess að búa til síðu, og þú hefur mikla stjórn á því byggt á því hvernig þú stjórnar leiðsagnarvalmyndinni á síðuna þína.
Því miður, ekki allir hönnuðir leggja mikla forgang á að hanna fyrir framúrskarandi siglingar, sem gerir disservice til viðskiptavina og gestir.
Til að búa til mjög trúverðugt orðspor sem hönnuður-og vera eftirspurnarmaður-þú þarft að læra einn af grundvallarþáttum vefhönnunar. Það er að búa til stjörnuleiðsögn fyrir vefsvæði viðskiptavina þinna.
Hér er hvernig.
Sticky flakk
Sticky flakk er nauðsynlegur hluti af leiðsögn þar sem það gefur notendum kleift að þegar í stað komast í valmyndina og finna auðveldlega það sem þeir vilja á vefsvæðinu þínu. Sticky flakk er læst á sínum stað þar sem notendur fletta niður síðu. Það er ekkert meira pirrandi - sérstaklega þegar um er að ræða langar síður - en að þurfa að fletta alla leið upp aftur til að fara á aðra síðu á síðunni.
Mundu að á vefnum, hraði er allt (hleðsla síður, að finna viðeigandi efni osfrv.) Þannig að notendur geti nálgast flakkavalið hraðar er besti æfingin.
Með því að setja inn stífta flakkastiku hjálparðu einnig að draga úr vitsmunalegum álagi á notendur með því að stöðugt setja leiðsöguval sitt rétt fyrir framan þá.
Annað stutt lögun gott dæmi um hvernig á að fella Sticky flakk inn í síðurnar þínar. Athugaðu hvernig allar mikilvægustu köflurnar eru aðgengilegar og auðkenndar með árangursríkum litamynstri, á flakkastikunni, sama hversu langt þú flettir niður á síðunni.
Augljós tengill
Höfuðtexti er tilvísun í texta á síðum þínum sem notendur geta smellt á til að fá frekari upplýsingar, venjulega á annarri síðu, hvort sem það er á sama síðu eða utanverðu. Tenglar eru líklega mest auðkennd dæmi um hátext.
Þar sem texti inniheldur upplýsingar sem hjálpa til við að upplifa notandann með því að veita meiri upplýsingar, er það aðeins ástæða þess að slíkar gagnlegar tilvísanir séu mjög áberandi. Á heildina litið bætir þetta við við að vafra um síðuna sem þú býrð til.
Ég mæli með að gera texta með tvíþættum, tveimur, einföldum, hönnunarþáttum:
- Undirliggjandi
- Breytir litnum
Þegar þú undirstrikar einhver orð á innihaldi síðunnar, segjum að það sé tengill við síðu um viðskiptavini þína. Það vekur strax athygli gesta heims, sem hjálpar þeim að vafra um mikilvægar upplýsingar með meiri vellíðan.
Á sama hátt, þegar þú gerir lit á tenglum öðruvísi en textanum og bakgrunni síðna þínar, gerðu það aftur á skjánum, þannig að notendur geta auðveldlega greint og smellt á það.
Markaðsfréttir The Daily Egg notar bæði undirlínur og mismunandi liti fyrir yfirlit sitt, sem gerir það mjög auðvelt fyrir notendur að bera kennsl á tengla.
Mega valmyndir
Mega valmyndir eru frábær hugmynd fyrir siglingar, sérstaklega ef vefsvæðið sem þú ert að hanna fyrir viðskiptavininn þinn hefur mikið af efni og flokkum. eCommerce verslanir koma upp í hugann. Þetta eru í raun gríðarstórt, drop-down spjöld sem opna fleiri lag af leiðsögn til að hjálpa notendum þínum að finna sérstaklega hvað þeir vilja hraðar.
Slíkar valmyndir bæta reynslu notenda með því að fela í sér ávinning eins og:
- útrýming að fletta;
- tól;
- skipulegan skipulag innihalds með táknum, skipulagi eða letri.
Allt sagt, þessir eiginleikar gera það miklu auðveldara að nota flakkavalmyndina.
Fyrir solid dæmi um mega valmynd, höfuð til Food Network 'S staður. Takið eftir því hvernig flugvalmyndin sýnir eitt af eftirsóttustu innihaldsefnum vefsvæðisins - uppskriftirnar - sem auðvelt er að sjá, sem gerir notendum kleift að velja strax hvar þeir vilja fara í stað þess að fletta eða pagination til fleiri valkosta.
Mynstur og tungumálakostnaður
Myndefnið er að nota hefðbundið tákn sem meirihluti heimsókna mun skilja strax, svo sem húsatákn til að tákna heimasíðu vefsvæðisins. Tungumálákvörðun er skýr notkun orðs, eins og "heima", til að skýra að því að smella á flipann muni koma notendum á heimasíðuna.
Affordances miðla notendum hvernig þeir geta haft samskipti við þætti í hönnun þinni. Þó þetta sé vissulega Hönnun grunnatriði 101, er það enn jafn mikilvægt að æfa í dag eins og það var á fyrstu dögum Internetsins.
Hagnýtur flakkavalmynd ætti að hafa hús táknið eða orðið "heima" staðsett á fyrstu flipanum til vinstri. Þó að sumir hönnuðir mega í staðinn velja að innihalda merki fyrirtækisins sem "heima" táknið eða hnappinn, þá skilur það enn of mikið fyrir notandavilla.
eTailer Frame Warehouse sýnir þessa hönnun meginreglu að tee, með því að nota "heim" til að fara án efa hvar þessi flipi mun taka á síðuna gesti.
Fljótur hleðslutími
Hraði = frábær notandi reynsla. Hönnuðir allra rétta ættu að skrifa það niður sem einn af mikilvægustu hönnun reglna sem þeir einfaldlega geta ekki og ætti ekki að relegate. Samkvæmt Wired Magazine , næstum 50% af kaupendum vilja að meðaltals blaðsíðunni sé hlaðið inn í tvær sekúndur eða minna! Settu á annan hátt, ef síðurnar sem þú hannar fyrir viðskiptavini þína taka lengri tíma en tvær sekúndur til að hlaða inn ... það er mjög gott tækifæri að þeir yfirgefi síðurnar þínar og aldrei komi aftur og þannig valda alvarlegum breytingum martraðir.
Þetta er ógnvekjandi tölfræði, til að vera viss, en það er eitthvað sem hönnuðir geta gert um það til að tryggja að þeir séu að veita hágæða síðu árangur til viðskiptavina sinna. Prófaðu einfaldlega síðuhraða síðna sem þú hannar. There ert a tala af áreiðanlegum verkfærum til að hjálpa þér að ákvarða síðari hleðslutíma:
Fyrir dæmi um mjög fljótlegan hleðslutíma, ferum við í Enchanted Learning Hvað er hvalur? síðu. Hönnunin gæti notað einhverja vinnu, en blaðið hleðst á rúmlega sekúndu, samkvæmt Alexa Analytics tækjastikunni.
Great siglingar er frábær UX
Stór hluti af frábærum notendavandanum er leiðsögn vefsvæðis þíns. Það er grundvöllur þess sem allur notandi reynir hvílir, ef þú hugsar í raun um það. Þegar notendur þínir geta ekki fundið sig í kringum síðuna viðskiptavinar þíns með vellíðan, þá verður það pirrandi fyrir þá, sem veldur því að þeir fara að flýta sér. Þannig ætti frábær leiðsögn að auðvelda fólki að nota hvaða vefsvæði sem þú býrð til; það er viðmiðunarmikill notendaupplifun.
Þó að það sé freistandi að gefa leiðsögninni stuttu máli í hönnunarstigunum - vegna þess að nýjar hönnunarþættir poppa upp allan tímann - það er ekki ráðlegt. Notendur þínir munu taka eftir, eins og viðskiptavinir þínir munu. Til að þóknast viðskiptavinum þínum verður þú að þóknast notendum sínum. Þú getur aðeins gert það þegar þú ert að hanna fyrir mikla notendaupplifun fyrst og fremst með aðaláherslu á að fá leiðsögnina rétt frá því að fara.