Koristne informacije ...

Kako oblikovati mobilno navigacijo brez ugibanja

Na telefonu uporabnik ne bere spletne strani tako, kot jo bere na velikem zaslonu. Ne pregleduje mirno vseh možnosti, temveč želi v nekaj sekundah najti storitev, ceno, izdelek, kontakt ali odgovor na konkretno vprašanje. Zato vprašanje, kako oblikovati mobilno navigacijo, ni predvsem oblikovalska podrobnost. Gre za odločitev, ki neposredno vpliva na to, koliko obiskovalcev bo naredilo naslednji korak.

Mobilna navigacija je pogosto prvo mesto, kjer spletna stran pokaže, ali razume svojega uporabnika. Če je nepregledna, počasna ali polna nepomembnih povezav, bo tudi najboljši dizajn izgubil učinek. Če je jasna, uporabnik hitreje pride do cilja, podjetje pa do več povpraševanj, prodaj in kakovostnih stikov.

Začnite pri uporabnikovi nalogi, ne pri namiznem meniju

Najpogostejša napaka je preprosta: celoten meni z namizne različice se stisne v ikono s tremi črtami. Tehnično je to sicer mobilna navigacija, uporabniško pa ni nujno dobra rešitev. Telefon ima manj prostora, uporabnik pa manj potrpljenja za iskanje po šestih ravneh podmenijev.

Najprej določite, kaj obiskovalci na mobilni strani dejansko potrebujejo. Pri izvajalcu storitev so to običajno ponudba, reference, kontakt in oddaja povpraševanja. Pri spletni trgovini so ključni kategorije izdelkov, iskanje, košarica, dostava in pomoč pri nakupu. Pri organizaciji so lahko pomembnejši program, prijava, lokacija in aktualne informacije.

Dobro izhodišče so podatki iz analitike, vprašanja prodajne ekipe in resnični klici uporabnikov. Če stranke pogosto sprašujejo, kje najdejo cenik ali kontakt, odgovor ne sme biti skrit v tretjem podmeniju. Navigacija mora slediti poslovnim prioritetam, vendar samo tam, kjer se te ujemajo z uporabnikovo namero.

Kako oblikovati mobilno navigacijo z jasno hierarhijo

Mobilni meni ni kazalo vseh vsebin na spletni strani. Je usmerjevalnik do najpomembnejših poti. Glavne postavke naj bodo kratke, razumljive in poimenovane tako, kot bi jih poimenoval uporabnik. Izraz »Rešitve« je lahko eleganten, vendar ni vedno jasnejši od »Spletne strani«, »Spletne trgovine« ali »Storitve«.

Za večino poslovnih spletnih strani je smiselno, da glavni meni vsebuje nekaj ključnih področij, ne pa desetih enakovrednih izbir. Če imate širšo ponudbo, jo razdelite v smiselne skupine. Podmeniji so uporabni, kadar uporabniku pomagajo izbrati pravo pot. Postanejo ovira, kadar obstajajo samo zato, ker je tako urejena interna struktura podjetja.

Hierarhija mora biti vidna že na prvi pogled. Glavne kategorije naj izstopajo, podkategorije pa naj bodo jasno zamaknjene ali razkrite na zahtevo. Uporabnik mora vedno vedeti, ali se je pomaknil globlje v strukturo in kako se vrne nazaj. Pri daljših menijih je uporabna možnost razširjanja posameznih skupin, saj ohrani preglednost in prepreči predolg zaslon povezav.

Manj možnosti pogosto pomeni boljšo odločitev

Preveč možnosti ne daje občutka izbire, temveč ustvarja dvom. To velja posebej na telefonu, kjer se uporabnik premika s palcem in hitro odneha. Vsako menijsko postavko zato preverite s preprostim vprašanjem: ali obiskovalcu pomaga priti do pomembne odločitve ali pa samo podvaja drugo povezavo?

Strani, kot so splošni pogoji, politika zasebnosti, kariera ali medijske objave, so lahko pomembne, vendar običajno ne sodijo med prve izbire mobilnega menija. Njihovo mesto je pogosto v nogi strani ali v drugem, manj izpostavljenem nivoju navigacije.

Izberite pravo kombinacijo menija in stalnih akcij

Klasična ikona menija je še vedno uporabna, vendar ne sme biti edina navigacijska rešitev. Kadar ima stran eno izrazito pomembno dejanje, ga je smiselno prikazati neposredno. To je lahko gumb »Pošljite povpraševanje«, »Rezervirajte termin«, »Pokličite nas« ali ikona košarice.

Pri storitvenih podjetjih je pogosto učinkovita zgornja vrstica z logotipom, menijem in jasno akcijo. Pri trgovinah je iskanje lahko pomembnejše od gumba za povpraševanje, saj kupec pogosto že ve, kaj potrebuje. Pri lokalnih dejavnostih sta lahko stalno vidna telefon in navigacija do lokacije vrednejša od kompleksnega menija.

Spodnja, fiksna navigacija je dobra izbira predvsem za aplikacije, trgovine in spletna mesta, kjer se uporabniki pogosto vračajo med nekaj istimi področji. Na primer med začetno stranjo, kategorijami, iskanjem, priljubljenimi izdelki in košarico. Za predstavitveno spletno stran z nekaj ključnimi vsebinami pa lahko ustvari nepotreben vizualni hrup. Prava rešitev je odvisna od pogostosti uporabe, obsega vsebine in cilja strani.

Oblikujte za palec, ne za miško

Na mobilnem zaslonu ni lebdenja z miško, natančnega kazalca ali veliko prostora za drobne povezave. Vsak element mora biti dovolj velik za zanesljiv dotik. To ne pomeni velikanskih gumbov povsod, pomeni pa dovolj praznega prostora med povezavami, čitljivo tipografijo in jasno povratno informacijo ob dotiku.

Povezave v meniju naj imajo smiselno veliko aktivno površino. Če mora uporabnik zadeti majhno puščico ob robu zaslona, bo hitro odprl napačen podmeni ali pa se bo odpovedal. Enako velja za zapiranje menija: ikona za zapiranje mora biti vidna, pričakovana in dosegljiva brez lovljenja po zaslonu.

Pomemben je tudi kontrast. Polprosojna plast čez fotografijo lahko na maketi izgleda odlično, na sončni svetlobi pa hitro postane neberljiva. Mobilni dizajn mora delovati v resničnih okoliščinah: na poti, z eno roko, ob slabši povezavi in na različnih velikostih zaslonov.

Ne skrivajte pomembnega za animacijo

Animacije lahko izboljšajo občutek uporabe, če so hitre in diskretne. Počasen izris celega zaslona, drseči podmeniji z zamikom ali preveč vizualnih učinkov pa podaljšajo pot do informacije. Navigacija ni prostor za dokazovanje kreativnosti na račun hitrosti.

Uporabnik mora ob kliku takoj razumeti, kaj se je zgodilo. Ali se je odprl podmeni? Ali je povezava aktivna? Ali se stran nalaga? Jasna povratna informacija zmanjšuje napake in gradi občutek, da spletna stran deluje zanesljivo.

Iskanje ni nadomestek za slabo strukturo

Pri obsežnih spletnih trgovinah, katalogih in vsebinskih portalih je iskanje nujno. Toda dobro iskalno polje ne reši nejasnih kategorij. Uporabniki pogosto ne poznajo natančnega imena storitve ali izdelka, zato potrebujejo tudi logično navigacijsko pot.

Iskanje naj bo hitro dostopno in naj jasno pove, kaj lahko išče. V trgovini lahko ponudi predloge izdelkov in kategorij, na poslovni strani pa relevantne storitve, reference ali podporne vsebine. Če je iskanje pomemben del poti do nakupa, ga ne skrivajte globoko v meniju.

Pri tem pazite na drugo skrajnost: ne dodajajte iskanja samo zato, ker ga imajo velike platforme. Na manjši spletni strani s petimi storitvami je jasen meni bolj uporaben kot prazno iskalno polje, ki redko vrne koristne rezultate.

Hitrost in dostopnost sta del navigacije

Meni, ki se odpira z zamikom, uporabniku sporoča, da je stran počasna. Težke slike, nepotrebne skripte in preveč vtičnikov lahko vplivajo tudi na element, ki bi moral biti najbolj odziven na celotnem spletišču. Pri razvoju po meri je mogoče navigacijo prilagoditi dejanskemu obsegu projekta, namesto da bi nalagali funkcije, ki jih ne potrebujete.

Dostopnost ni dodatna funkcija za redke primere. Jasne oznake, dovolj velik kontrast, logično zaporedje elementov in možnost uporabe s tipkovnico pomagajo širšemu krogu uporabnikov. Pomembno je tudi, da bralniki zaslona razumejo, ali je meni odprt, kateri podmeni je razširjen in kam vodi posamezen gumb.

To izboljša izkušnjo za vse. Jasna struktura pomaga uporabniku z omejeno motoriko, uporabniku na poti in uporabniku, ki samo hitro išče telefonsko številko. Kakovostna izvedba zato ni ločena od dobrega dizajna, ampak njegov sestavni del.

Preverite navigacijo na resničnih scenarijih

Pred objavo ne preverjajte le, ali se meni odpre. Preverite, ali človek v nekaj sekundah opravi konkretno nalogo. Naj na telefonu najde določeno storitev, doda izdelek v košarico, preveri odpiralni čas ali pošlje povpraševanje. Opazujte, kje se ustavi in katero oznako razume drugače, kot ste pričakovali.

Preizkus izvedite na več telefonih in v različnih brskalnikih. Preverite ga tudi z eno roko, pri manjši hitrosti povezave in z daljšimi naslovi kategorij. Posebno pozornost namenite prehodu iz menija na ciljno stran. Če uporabnik izbere storitev, mora pristati na strani, ki takoj potrdi njegovo izbiro in mu ponudi naslednji smiseln korak.

Dobra mobilna navigacija ni najbolj opazna, ampak najbolj uporabna. Ko je zasnovana premišljeno, uporabniku ne jemlje pozornosti z ugibanjem, kam klikniti. Usmeri ga do prave informacije in nato tiho naredi prostor za tisto, zaradi česar je spletna stran sploh nastala: zaupanje, stik in poslovni rezultat.