Navigation Patterns fyrir tíu algengar tegundir vefsvæða
Navigation er einn mikilvægasti þátturinn á hvaða vefsíðu sem er. Án góðs flakkar er staður ónothæf til gesta. Þeir geta ekki fundið þær upplýsingar sem þeir þurfa, og þá leita að samkeppnisaðstæðum í staðinn. Það er mikilvægt að vefsvæði þitt sé auðvelt að sigla ef þú vilt vera vel hönnuð.
iEn það eru enginn stærð-passar-allar lausnir til flakk. Það sem virkar vel á fréttasvæðinu gæti ekki virkt vel fyrir persónulega síðu. Eitthvað sem er ótrúlega notendavænt á blogginu gæti verið pirrandi á e-verslunarsíðu.
Hér fyrir neðan eru tíu algengar tegundir af vefsíðum, með tillögur um hvers konar siglingar mynstur sem virka vel fyrir hvern og einn.
Það eru líka dæmi, til að gefa þér betri hugmynd um það sem við erum að tala um. Feel frjáls til að deila fleiri frábær dæmi í athugasemdum!
Allar síður
Það eru ákveðnar siglingar mynstur sem vinna á nánast öllum stöðum. Frekar en að hylja sömu upplýsingar í hverjum flokki hér að neðan, þá er ég bara með þá hér.
Fyrsta mynstrið er flipa flakk. Flipar eru fullkomlega til þess fallin að fljúga, vegna þess að þeir sálrænt minna á gesti á pappírsflipum og fara í nýjan hluta af minnisbók eða bindiefni, eitthvað sem hnappar eða einfaldar textatenglar gera ekki. Flipar eru næstum alltaf æskileg aðferð við að stilla aðalleiðsögnina þína, þó að sjálfsögðu virka þau best þegar takmarkað er fjöldi tengla í valmyndinni.
Annað mynstur er haus flakk. Ef vefsvæðið þitt hefur haus (og flestir vefsíður gera) þá er haus flakk góð hugmynd. Gestir eru vanir að horfa á hausinn fyrir leiðsögn. Þessi fyrirfram ákveðna hegðun auðveldar þér að gera vefsvæðið þitt notendavænt með því að finna leiðsögnina þína í eða nálægt hausnum.
Endanleg mynstur sem nær til næstum öllum vefsvæðum er fótgangandi flakk. Margir notendur (þó ekki allir) munu líta á fótinn fyrir tengil ef þeir geta ekki fundið það sem þeir leita að í annarri leiðsögninni þinni. Margir grundvallar síður eru oft tengdir frá fótum, þar á meðal "um", "tengilið" og "sitemap" tengla, hvort sem þeir eru tengdir annars staðar í leiðsögunni eða ekki.
1. Blogg
Bloggin hafa yfirleitt mikið magn af efni, í öfugri tímaröð. Þetta kynnir bæði rökrétt ramma fyrir siglingar þínar, auk nokkurra einstaka viðfangsefna, allt eftir tegund bloggs.
Flestar bloggin munu nota blöndu af pagination (eða samfelldri flettingu), skjalasafnssíðu, flakkarsíðu flakkar fyrir flokka og / eða merkingar og hugsanlega haus og fótgangandi flakk. Það er mikilvægt að hugsa um nákvæmlega hvernig gestir þínir líklega vilja fá aðgang að efni á blogginu þínu.
Til dæmis gæti persónulegt blogg ekki þurft flokk eða flakk utan um tengla í metaupplýsingum fyrir hverja færslu. Í þessum tilvikum viltu að gestir fá aðgang að efni í öfugri tímaröð, frekar en að stökkva í kringum efni. Efnisblogg þarf hins vegar að hafa flokka og merkja flakk, vegna þess að gestir eru líklega að leita að upplýsingum um tiltekna viðfangsefni innan umræðunnar.
Að loknu lágmarki ætti blogga að innihalda flakk til að flytja tímabundið í gegnum efnið (annaðhvort pagination, næstu / fyrri tenglar eða samfellda flettingar), svo og leiðsögn eða hliðarleiðsögn fyrir tilteknar síður utan aðalblöðsíðu.
Efni (og stundum fyrirtækja) blogg ætti einnig að innihalda flokka eða merkimiðana í leiðsögn þeirra, annaðhvort í haus eða hliðarstiku. Sérstaklega stór blogg ætti einnig að íhuga að framkvæma leitarmöguleika, til að auðvelda notendum að fljótt finna nákvæmlega hvað þeir eru að leita að. Gakktu úr skugga um að leitarniðurstöður virka eins og ætlað er, og koma í raun upp allar viðeigandi niðurstöður.
Ecoki , hér fyrir neðan, inniheldur efstu flokka í hausleiðsögn sinni, með flakki á mikilvægum síðum í síðari hausarslá. Það er skilvirkt skipulag sem leggur skýrt áherslu á mest notaðar tenglar.
2. Fréttasíður
Fréttasíður eru svipaðar og blogs, þar sem þeir kynna yfirleitt sögur í öfugri tímaröð. Fréttasíður eru oft mjög flokkaðar og hafa flóknari upplýsingar arkitektúr en mörg önnur vefsvæði. Vegna þessa eru flakkarmynstur þeirra oft flóknari.
Lykillinn er ekki að gera flakkinn flóknara en það þarf að vera. Drop-down og fljúga út valmyndir eru bæði góð leið til að takast á við stærri valmyndir án þess að stinga upp á síðunni. Ef þú horfir á stærri fréttasíðurnar (eins og Google News, til dæmis hér fyrir neðan), brjóta þær niður fréttirnar í víðtæka flokka eins og Stjórnmál, Staðbundin, Heimur, Íþróttir, Skemmtun o.fl. Hvaða flokka sem þú notar munu ráðast af því hvort vefsvæðið er almenn fréttasíða eða staðbundið fréttasvæði.
Merki geta einnig bætt siglingu verulega. Með því að merkja hverja sögu gerir það auðvelt fyrir notendur að finna tengdar sögur, án þess að búa til flókna eða uppblásna flokka uppbyggingu. Það er góð hugmynd að ekki aðeins innihalda tengla í hverri grein, heldur einnig að innihalda lista yfir merkingar eða merki ský einhvers staðar (aðeins þar á meðal vinsæl merki mega vera góð hugmynd fyrir vefsvæði með hundruð merkja).
Að tengja innlínur innan greinar bætir notendaupplifun mjög. Margir af stærri fréttasíðum gera þetta, sem gerir notendum kleift að fá strax aðgang að öllum greinum um efni. Það er mjög svipað og með merkjum, heldur en listi í upphafi eða lok greinarinnar, eru tenglarnar innan textans sjálfs.
3. E-verslunarsíður
E-verslunarsíður eru stundum ótrúlega flóknar og hafa hundruð (eða þúsundir) einstakra síða fyrir vörur og aðrar upplýsingar. Af þessum sökum er leiðin sem flakk er meðhöndluð mikilvægt bæði fyrir notendavandann og botninn. Án góðrar siglingaruppbyggingar munu gestir á e-verslunarsvæði hafa erfiðara að finna þær vörur sem þeir leita að, sem þýðir að það er gott tækifæri að þeir snúi sér til samkeppnisaðila af gremju.
The aðalæð hlutur á hverjum e-verslun síða með meira en handfylli af vörum þörfum er gott leitarkerfi. Leitaraðstoð er lykillinn, þar sem notendur geta ekki aðeins leitað eftir leitarorðum, heldur einnig að laga árangur þeirra miðað við hluti eins og verð, stærð, flokk eða aðrar mæligildi (allt eftir tilteknum vörum).
Flokkur flakk er einnig nauðsynlegt fyrir notendur sem vilja fletta. Það fer eftir því hvort þú notar undirflokka, en það getur líka verið góð hugmynd (ef vefsvæðið þitt er meira en tvö eða þrjú stig djúpt, getur breadcrumbs bætt notagildi).
Að gefa gestum þínum margar leiðir til að finna þær vörur sem þeir vilja er frábær leið til að auka sölu, en vertu viss um að hver aðferð sé að sýna allar viðeigandi vörur. Ef gestir komast að því að leita skilar einu sett af vörum á meðan vafrað skilar öðruvísi setti, þá mun það aðeins leiða til gremju.
The Blik Vefsíðan, hér að neðan, er frábært dæmi um vefsvæði sem notar skenkur með síum til að betrumbæta afurðarniðurstöður. Það er leiðsögn leitarnetið, án þess að leitin birtist.
4. Upplýsinga- og viðmiðunarstaðir
Tilvísunarsíður hafa yfirleitt eitt sameiginlegt: tonn af upplýsingum á mörgum vefsíðum. Þetta gerir það erfitt að búa til hvers konar venjulegt valmynd. Flokkar geta verið gagnlegar til að vafra en þegar þú byrjar að komast að því að hafa þúsundir, tugir þúsunda eða jafnvel milljónir síðna (eins og Wikipedia), fellur flokkakerfið niður. Auk þess fara flestir til tilvísunar síður í sérstökum tilgangi, en ekki að fletta og gera flokkar ekki sérstaklega gagnlegar.
Það er mikilvægt að viðmiðunarsíður hafa góða leitarmöguleika. Leiðsögn, eins og þær sem notaðar eru á vefsvæðum e-verslun, geta einnig verið gagnlegar, sérstaklega ef notaðar eru í tengslum við góðan flokkun og flokkastofnun.
Það er augljóst að Reference.com , hér fyrir neðan, vill gestir nota leit til að finna það sem þeir leita að, eins og það er sett áberandi efst á skjánum.
Síður á viðmiðunarstað ætti einnig að nýta sér tengingu við tengda upplýsingar. Þetta auðveldar gestum að finna allt efni sem þeir þurfa til að skilja hvað þeir lesa, án þess að þurfa að framkvæma margar leitir. Þarftu að tengja innlínur er ástæðan fyrir því að vettvangsvettvangur hafi venjulega venjulegt setningafræði til að tengja innan texta greinar, svo að innihaldshöfundar þurfi ekki að eyða tíma til að leita upp viðeigandi tengla.
Wikipedia , hér fyrir neðan, og aðrar wiki síður gera góðan aðgang að innsláttarstefnu til að bæta við samhengi við greinar.
5. Fyrirtæki
Það er mikið úrval í uppbyggingu og stærð fyrirtækja. Sumir eru einfaldlega að tæla nýja viðskiptavini. Aðrir eru búnir til að halda núverandi viðskiptavinum upplýst. Enn aðrir verða að þjóna sem hvatning til nýrra viðskiptavina, fréttagátt fyrir núverandi viðskiptavini og framhlið fyrir innra net fyrirtækis.
Óháð tilgangi fyrirtækjasvæðisins er hreinsunarleiðsögn lykillinn. Þú vilt ekki að notendur þurfi að eyða tíma til að leita að leiðsögninni þinni eða reyna að reikna út hvaða hlekk til að smella á til að komast þar sem þeir þurfa að fara. Gakktu úr skugga um að tenglar séu skipulagðar á rökréttan hátt, að þeir hafi hverjir auðvelt að skilja merkingu og að þær séu staðsettar á rökréttum stöðum (hausinn og hliðarstikan eru vinir þínir hér).
Allar síðurnar hér fyrir neðan sýna að bara vegna þess að flakk er staðsett á algengustu stöðum, þýðir það ekki að það sé ekki skapandi. Svo lengi sem það er nothæft og auðvelt að finna skaltu ekki hika við að búa til eitthvað einstakt.
Í vefsvæðum sem eru stærri en tugi eða síður, þá er það góð hugmynd að innihalda leitarmöguleika. Það er líka góð hugmynd að setja upp sitemap til að auðvelda notendum sem eiga í vandræðum með venjulegan siglingar til að finna nákvæmlega það sem þeir leita að.
6. Samfélag eða félagslegur net staður
Almennt með stórum félagslegur net staður, leit er aðal leið til flakk. Það er skynsamlegt þegar það eru milljónir (eða jafnvel milljarða) síðna á síðunni. Venjulegur valmyndaraðferðir eru einfaldlega tilgangslausar þegar um er að ræða það magn upplýsinga.
Svo leit sér um heildarleiðsögu. En það skilur ennþá aðildarsíðu. Hér er mikilvægt að það sé samkvæmni yfir öllu vefsíðunni. Óháð því hvort vefsvæði þitt leyfir meðlimum að sérsníða snið þeirra eða ekki, er mikilvægt að tenglar séu staðsettir á sama stað á hverri síðu.
Taktu Facebook, til dæmis: Sérhver meðlimur og hver síða hefur tengla á hluti eins og myndir og upplýsingar á vinstri hlið. Tilkynningar, skilaboð og vinabeiðnir eru alltaf tengdir efst, eins og tenglar á reikningsstillingar og til að skrá þig út. Stöðluð flakkastikan svona, sem tengist alltaf á reikning gestrisins og upplýsingar hefur orðið grundvöllur góðs hönnuðra félagslegra neta.
Innlínur tenglar ættu einnig að vera í samræmi. Til dæmis, hvenær sem notandanafn birtist sem tengill, ætti það að tengjast notandans prófíl, óháð því efni sem það tengist. Hugsaðu um hvaða upplýsingar rökfræðilega ætti að tengja við hvaða síður, og þá ganga úr skugga um að það sé í samræmi óháð því hvar þessi tenglar birtast.
7. Viðburðarsíður
Atburðasíður eru yfirleitt einfaldar og hafa ekki mikið af síðum. En það er mikilvægt að hugsa um hvernig gestir þínir munu nota síðuna. Líklegast er að þeir vilji gera eitt af eftirfarandi: Skráðu þig fyrir viðburðinn, sjáðu hver er að sækja eða tala, fáðu upplýsingar um að mæta (þ.mt kostnaður og hlutir eins og staðsetning og svæði hótel) og sjáðu áætlunina fyrir viðburðinn.
Skráðu þig fyrir atburðinn, jafnvel þótt það sé ókeypis atburður, ætti að líta á sem viðskiptareikning. Af þessum sökum viltu áberandi aðgerðahnappur fyrir skráningu.
Hefðbundin haus og / eða hliðarstýring er frábært val fyrir tengla á aðrar síður. Staðbundin siglingar geta einnig verið nauðsynlegar ef þú ætlar að innihalda einstök síður fyrir hluti eins og sérstakar námskeið eða hátalarar. Rauða niður eða flýja valmyndir geta aðeins unnið ef þú hefur takmarkaðan fjölda undirflokka. Annars ertu betra að nota undirleiðsögn í skenkur eða innan aðal síðu.
The Hull Digital Live 10 Vefsíðan er ítarlegur, þægilegur-til-nota haus flakk sem gerir það auðvelt að finna nákvæmlega hvaða gestur gæti verið að leita að.
Ábending: Ef vefsíðan þín á viðburði er að koma til með aðdráttarsvæði eða innra neti skaltu skoða tillögur um siglingar á félagslegu neti eða samfélagssíðu fyrir leiðbeiningar um leiðsögn.
8. Endurskoða síður
Endurskoðunarsíður eru almennt notaðar á tvo vegu. Fyrst er þegar notendur hafa áhuga á tiltekinni vöru og vilja sjá umsagnir fyrir það atriði. Í þessu tilfelli er frábær leitarniðurstaða besta leiðin. Það gerir notendum kleift að fá aðgang að nákvæmlega þeirri vöru sem þeir eru að leita að.
Önnur notkun er að rannsaka ákveðnar gerðir af vörum. Fyrir þessa notkun er leit enn dýrmætur leiðsagnaraðferð. En flokkar og leiðsögn eru jafn mikilvæg. Leyfa notendum að skoða umsagnir eftir flokkum og undirflokkum gerir þeim kleift að finna ýmsar vörur sem passa við þarfir þeirra. Með því að láta þau enn frekar hreinsa þær niðurstöður byggðar á hlutum eins og verð eða vörumerki gerir ráð fyrir enn betri notendavara.
Blippr , hér fyrir neðan, felur í sér bæði flokka flokka (með fellilistar fyrir undirleiðsögn) og áberandi leitarreit.
9. Persónulegar síður
Persónulegar síður eru í raun villta spilin í hönnunarheiminum. Þú getur notað nokkurn veginn hvers konar leiðsögnarmynstur sem þú vilt. Mainstays eins og haus og hliðarstýringu er enn að vera mest nothæf en ekkert er athugavert við að gera eitthvað öðruvísi.
Persónulegar síður eiga að vera spegilmynd eiganda vefsvæðisins. Ef eitthvað óvænt passar í persónuleika vefsvæðisins, þá að öllu leyti: farðu fyrir það. Það getur samt verið góð hugmynd að setja upp sitemap tengil einhvers staðar, þó að þú notir ekki staðlaða leiðsögn til að auðvelda gestum sem ekki "fá það" til að finna það sem þeir leita að.
Daniel Mall er eignasíðan hefur eitt einstakt flakkarmynstur sem ég hef séð. Það er auðvelt að nota á meðan það er ennþá mjög frábrugðið norminu.
10. Gallerí
Myndasafn og eignasöfn ætti almennt að nota blöndu af hefðbundinni haus eða hliðarsíðum, merkingu og flokka. Að leyfa gestum að þrengja myndirnar sem birtast á grundvelli merkis eða flokka er mikilvægt fyrir góða notendavandann, sérstaklega þar sem rúmmyndir mynda aukast.
Pagination er einnig að verða mikilvægt fyrir stærri síður. Stöðug skrun geta virst eins góð hugmynd, en þar sem gallerí og eignasöfn eru náttúrulega fyllt af fjölmiðlum, getur samfelld skrunað endað með því að nota mikið af auðlindum. Ég myndi mæla með því fyrir hvaða síðu sem er með fleiri en nokkra tugi myndir (þó á smærri myndasafni og eignasafni getur það verið mjög snjallt).
Lágmarkssýning notar flokka, leit og pagination.
The taka-burt
Ef ein leiðsöguhugmynd sem er alger verður að vera óháð því hvers konar vefsvæði þú ert að hanna, þá er þetta: samkvæmni!
Þú getur komist í burtu með flestum rökréttum valkostum fyrir siglingar svo lengi sem það er í samræmi við allt vefsvæði þitt. Ekki byrja út með hliðarleiðsögn um helmingur vefsvæðis þíns og hausleiðsögn fyrir hinn helminginn, án rökréttrar ástæðu til að gera það. Ef heimahlekkurinn er alltaf efst til vinstri, þá skaltu ganga úr skugga um að hann sé áfram efst til vinstri. Þetta á við um hvert atriði í leiðsögninni þinni og verður veldisvísis mikilvægara þar sem stærð vefsvæðisins eykst.
Annað en samkvæmni, það mikilvægasta sem þarf að gera þegar þú ert að hanna flakk mynstur er að hugsa um hvernig gestir eru í raun að fara að nota síðuna þína. Ekki vera hræddur við A / B eða fjölbreytilega próf til að komast að því hvort flakk mynstur þín virki í raun eins og þeir ættu að gera.
Óháð því hversu flott eða nýtt leiðin þín er, ef það virkar ekki, þá er það undirstöðuaðgerð þess að leyfa gestum að flytja frá einu svæði á síðuna þína til annars eins og þeir vilja, þá hefur flakkið þitt mistekist.
Gakktu úr skugga um að deila dæmum um frábært flakkarmynstur í aðgerð í athugasemdunum hér að neðan! Láttu okkur einnig vita ef þú hefur einhverjar aðrar ábendingar um viðeigandi flakk mynstur fyrir ákveðnar tegundir af vefsvæðum.