5 Snjallar valkostir við hamborgara Valmynd
Skjárými er dýrmætt úrræði á farsíma. Til að mæta áskoruninni á litlum skjárýmum og gera enn leiðsögn aðgengileg, treysta hönnuðir oft á að fela siglingar á bak við hamborgara táknið, gott dæmi um falið siglingar. Í þessari grein munum við sjá hvers vegna falinn siglingar skapar slæmt UX og hvaða valkostir eru í boði fyrir hönnuði.
Hvers vegna er hamborgari valmyndin slæmt fyrir UX
Á farsímanum er sýnileg sigling notuð 1,5x meira en hamborgari
Ef þú ert að vinna á stafrænar vörur, hefur þú sennilega þegar lesið heilmikið af greinum sem lýsa því hvernig hamborgari matseðill á farsíma særir UX mæligildi. Helstu hæðir eru lítil uppgötvun þess og þetta er studdur af raunverulegum tölum. Í eigindlegum rannsóknum, NNGroup fannst þessi falinn siglingar er minna aðgengileg en sýnileg eða að hluta til sýnilegur siglingar. Þetta þýðir að þegar leiðsögn er falin eru notendur líklegri til að nota siglingar. Hamborgari valmyndir keyra þátttöku niður, hægja á leit og rugla fólk.
Svo hvað eigum við að nota í staðinn?
Þó að það sé enginn harður og fljótlegur regla fyrir farsímaforrit og vefsíður, þá er almennt tilmæli að nota annaðhvort sýnilegt . Helstu leiðsagnarvalkostirnir eru sýndar í sýnilegri siglingastiku eða flipa flakk þar sem nokkrar aðalleiðsagnarvalkostir eru sýnilegar. og sumir eru falin undir gagnvirkum þáttum.
1. Tab Bar
Ef þú ert með takmarkaðan fjölda áfangastaða á efstu stigum á vefsvæðinu þínu eða app getur flipa flakk verið lausnin. Þegar valmyndin er sýnileg efst eða neðst er það í grundvallaratriðum að auglýsa að leiðsögn sé til staðar og fólk geti séð leiðsögnina frá upphafi.
Flipar virðast vera einföldustu flakkarmynstur. Hins vegar ber að hafa í huga nokkra hluti við hönnun þessa flugs:
- Flipastikan leyfir 5 eða færri flakk valkosti til að sýna.
- Eitt af valkostunum ætti alltaf að vera virk og ætti að vera sjónrænt hápunktur með því að nota til dæmis litríkan lit.
- Fyrsti flipinn verður að vera heimasíða og röð flipanna ætti að tengjast forgangi eða rökréttri röð í notendaflæði.
- Það er betra að nota tákn ásamt merki fyrir hverja leiðsögu. Tákn án merkimiða virka aðeins fyrir algengar aðgerðir, eins og stækkunarglerartákn fyrir leit, og fyrir tengi sem notendur nota oft (td Instagram).
Ábending: Til að vista skjápláss gæti stýrihnappurinn falið / komið í ljós við að fletta niður og niður.
2. Tab Bar með "Meira" Valkostur
Þegar þú hefur fleiri en 5 áfangastaða á áfangastað getur verið hagnýt lausn að sýna 4 forgangshlutana og hafa 5 þáttur sem listi yfir eftirliggjandi valkosti.
Hönnunarreglur fyrir þessa lausn eru í grundvallaratriðum það sama og fyrir flipa. Það er aðeins ein undantekning: síðasta þátturinn er 'fleiri' hluturinn.
The 'fleiri' hlutur getur virkað sem fellivalmynd eða jafnvel tengdur við sérstakan flakk síðu með þeim köflum sem eftir eru. Frá fyrstu sýninni er þessi lausn ekki miklu betri en hamborgaravalmyndin, þar sem hún felur einnig í sér efni og merkimiðinn segir ekki of mikið um það sem er falið á bak við það. Ef þú stillir forgangsmöguleika fyrir leiðsögn á réttan hátt, þá mun meirihluti notenda þína hafa 4 eða 5 sýnilegar forgangsleiðsöguvalkostir á skjánum allan tímann þannig að leiðsögnin reynist betri.
3. Smám saman smám saman valmynd
Sýnishorn í smám saman, einnig þekktur sem "Priority +" mynstur, er valmynd sem aðlagast skjábreidd. Það sýnir eins mikið af flakki og hægt er og setur allt annað undir "fleiri" hnapp. Í grundvallaratriðum er þetta mynstur háþróaðri útgáfu af flipanum "Flýtileið + fleiri" þar sem fjöldi siglingar sem eru falin á bak við "fleiri" valmyndina fer eftir tiltækum skjárýmum. Sveigjanleiki þessarar lausnar gefur betri notendaupplifun en 'truflanir' 'Flipi + fleiri'.
4. Scrollable Navigation
Líkur á fyrri tveimur mynstri, þetta er önnur nálgun fyrir lengri listi. Ef þú ert með nokkrar siglingaraðgerðir án þess að hafa mikla greinarmun á forgangsröðun, til dæmis tónlistarskífur, getur þú listað alla hluti í skrunaðri sýn. Með því að gera listann flettanleg leyfirðu notendum að flytja frá hlið til hliðar.
The hæðir af þessari lausn er að enn aðeins aðeins fáeinir hlutir eru sýnilegar án þess að skruna og öll þau sem eftir eru eru útilokuð. Þetta er hins vegar ásættanlegt lausn þegar notendur eru búnir að kanna innihaldið, til dæmis fréttaflokka, tónlistarflokka eða í netverslun.
5. Fullskjárleiðsögn
Þó að með öðrum mynstrum sem getið er um í þessari grein, er baráttan að lágmarka plássið sem leiðsögukerfin taka upp, fullskjásmynsturin tekur nákvæmlega andstæða nálgun. Þessi nálgun eykur venjulega heimasíðuna eingöngu til flakk. Notendur smella smám saman eða strjúka til að sýna viðbótarvalkostir þegar þeir fletta upp og niður.
Þetta mynstur virkar vel í verkefnum og stefnumótandi vefsíðum og forritum, sérstaklega þegar notendur hafa tilhneigingu til að takmarka sig við aðeins einn útibú af stigaviðskiptastiginu á einni fundi. Aðdráttaraðilar frá víðtækum yfirlitssíðum á smáatriðum hjálpa þeim að koma heim að því sem þeir leita að og að einbeita sér að efni innan einstakra hluta.
Fullskjár flakk í Yelp
Með því að nota siglingar í fullri skjái geta hönnuðir skipulagt stórar klumpur af upplýsingum á samhengi og lýst upplýsingum án þess að yfirgnæfa notandann. Þegar notandi tekur ákvörðun sína um hvar á að fara, þá getur þú helgað allt skjáplássið til innihalds.
Niðurstaða
Með leiðsögnarmynstri fyrir farsíma er ekki ein stærð-passa-allur lausnin; Það veltur alltaf á vörunni þinni, á notendum þínum og í samhenginu. Hins vegar er grundvöllur sérhvers vel hönnuð siglingar upplýsingabygging: skýr skipulag, forgangsröðun og merki á grundvelli notenda þarfir þínar. Að hjálpa notendum að sigla ætti að vera forgangsverkefni fyrir hvern forritahönnuður. Bæði fyrstu notendur og afturendendur ættu að geta fundið út hvernig hægt er að fara í gegnum forritið með vellíðan.