Perfekt navigering för mobilwebben
Eftersom antalet mobila användare fortsätter att överstiga antalet skrivbordsbrukare, borde det helt klart säga att designers, nu mer än någonsin, måste designa med en mobil-första mentalitet. Med så många människor som köper produkter eller tjänster, läser nyheterna och kommunicerar med varandra från gränserna för sina skrivbord, måste designfokus övergå till den mobila användarupplevelsen.
Vad är det enda, effektiva sättet att du kan säkerställa en högkvalitativ användarupplevelse för dina användare? Fokusera på mobilnavigering. När användarna njuter av sömlös navigering som gör vad de letar efter lätt att hitta, tar deras användarupplevelse en dramatisk tur till det bättre. Och när användarupplevelsen är överlägsen kan du satsa på att dina kunder kommer att njuta av fler besökare på deras webbplatser och betydligt fler konverteringar.
Stor mobilnavigering kommer ner till vad du väljer att inkludera i menyn, och du behöver inte ens många element för att underlätta bra upplevelse! Kom ihåg att skärmutrymmet alltid kommer att ha en premie på mobilen, så det är klokt att vara bra med vad du inkluderar i menyn.
Sök
Inkluderande en sökfunktion med det kända glasets mycket välkända råd går direkt till att ge mobila användare ett sätt att hitta vad de letar efter ... snabbt. På mobila skärmar kommer du inte att kunna klämma in så många av dina element på hemsidan som du skulle på en stationär webbplats. Det är därför som det annars skulle vara uppenbart redan från början, kanske inte så på mobila skärmar.
För den som inte kan hitta vad de letar efter från det ögonblick de besöker din webbplats, oavsett om det är en viss artikel, produktsida eller kontaktinformation, är det absolut nödvändigt att en sökfunktion är tillgänglig och lätt att upptäcka.
Den bästa lösningen är att sätta sökfunktionen högst uppe på skärmen, oavsett om det är en mobilwebbplats eller en mobilapp. Med den här placeringen kan du vara säker på att dina användare enkelt hittar den och använder den.
Wikipedias mobila webbplats innehåller sökfältet högst upp i huvudnavigering på skärmen där det inte går att missa, men LinkedIns mobilapp innehåller den längst ner på skärmen i navigeringsmenyn, som illustrerar två olika tillvägagångssätt för samma mål .
Hem
En annan menyalternativkonventionskonvention som överlever övergången från skrivbord till mobil, är hemikonen så bekant att alla som surfar på en webbplats på antingen mobil eller skrivbord, skulle vara absurda att utesluta en. Hemikonet fungerar som ett symboliskt budskap, eftersom den genomsnittliga användaren lätt kan veta vad man ska göra och förväntar sig när de ser ikonen på ett hus i menyn.
Hemikonet är viktigt för mobila användare eftersom det ger dem en effektiv och direkt översikt över det viktigaste innehållet på din webbplats. Som sådan ger dem också lätt tillgång till mer innehåll på din webbplats, i stället för att bara förlita sig på länkar på en webbplats eller i en kolumn bredvid en artikel.
Det är också ett funktionellt sätt för användarna att omorientera sig med vad din webbplats handlar om eftersom de lätt kan bli distraherade medan de surfar på sina mobila enheter. Allt från ett telefonsamtal till ett inkommande textmeddelande till någon av de till synes oavsiktliga märkena och varningarna för installerade appar kan avbryta dem från att fortsätta att absorbera ditt innehåll på webbplatsen.
När detta inträffar och efter att de har återvänt sin uppmärksamhet är det lämpligt för dem att bara slå hemknappen för att få mer info från din webbplats och avgöra om det fortfarande är relevant för dem.
Livsmedelskedja Albertsons mobilwebbplats är ett idealiskt exempel på att använda den här hemikonen i sin hamburger-meny. Även mobilappar som Twitter använder den symboliska hemikonen i navigationsmenyn i sidfoten i appen.
Delikonen
Delikonen är en annan viktig del av din mobilnavigationsmeny som du helt enkelt inte kan utelämna. Detta är en rekommendation baserad på användardata. Inte bara är social delning avgörande för socialt bevis och övertygar människor om att din artikel, produkt eller webbplats är populär och så bör läsas eller köpas ytterligare, men det är också en vana som många mobila användare deltar i.
Det visar sig att dela innehåll på mobilen är ännu mer populär än att göra det på skrivbordet! Det är meningsfullt när man tittar på det i samband med den bredare verkligheten att fler människor använder mobilen, så fler människor kommer att dela på mobil också.
Det är just därför att din navigationsmeny ska innehålla den mycket unika delikonen, som CBC gör på mobilplatsen.
När allt är så, med så många användare som absorberar innehållet på din mobilwebbplats, är det synd att inte utnyttja all den potentiella sociala delningsstyrkan.
Relevanta kategorier
Om du är en e-handelsbutik, kan du ibland inte förkorta din navigationsmeny för mycket, men det är acceptabelt om du erbjuder dina mobilkunder vad de letar efter: enkel och direkt tillgång till olika inköpskategorier.
I stället för att ha menyalternativ som du normalt vill förvänta dig på de flesta mobila webbplatser, som hemma, om oss och kontakta oss-butiker behöver verkligen inte göra mycket mer än att göra det enkelt för kunder att hitta exakt vad de vill köpa .
När det gäller både JC Penneys och EB Games mobilnavigering öppnar deras respektive menyer för hamburgare upp för att avslöja en lista över kategorinval, vilket hjälper kunder att komma dit de vill gå på sina mobila webbplatser mer effektivt.
Bara några val för menyalternativ
Som designers är du ibland frestad att göra för mycket för dina kunder. Detta kan ibland manifesteras i din design som att innehålla för många val i din navigationsmeny. När det gäller mobil är mindre säkerligen bättre varje gång. Det sista du vill ha är att dina mobila användare möter ett slags valparalys eftersom de navigerar över alla olika alternativ som du har inkluderat.
Det går dubbelt för mobil, där människor redan är otåliga, vill ha omedelbar tillfredsställelse och har inte hela dagen för att hitta det de söker efter på din kunds webbplats. Kom ihåg att om din webbplats inte ger dem vad de vill, finns det bokstavligen hundratals andra mobila webbplatser och appar i samma utrymme som din klient som kan ge dem en bättre upplevelse. Skicka inte ledare och besökare till dina klients konkurrenter tack vare dålig genomtänkt design!
Mobil är stor, och det är super viktigt nu. Design med syfte och precision för de uppgifter dina kunders användare vill uppnå. När du designar med en mobil-första mentalitet framåt, kom ihåg att att lägga minimalism i din design kommer att fungera underverk. Ju färre alternativ i din navigationsmeny, desto färre distraktioner och element som kommer att förlamna dina användare. Detta leder i sin tur till en bättre användarupplevelse, eftersom människor bättre kan hitta vad de vill ha mer effektivt.