10 sätt att designa menyer som inte suger
Det finns bestämda rätt och fel sätt att utforma navigeringsmenyer. Denna grundläggande del av en webbplats är ofta förbisedd i designprocessen och den visar vad användbarheten angår.
Clunky, överfulla eller saknade navigering är de vanligaste problemen och helt uppriktigt kan de göra din hemsida helt enkelt suga. Var inte den killen (eller tjejen). Använd dessa tips för att se till att du använder moderna navigationsmönster i dina webbplatsprojekt för coola, kreativa navigationselement som inte suger. (Och är mycket användbara.)
1. Ditch Mega Menus
Mega-menyer var en designfad som kunder älskade - även när designers hatade det. Den överdimensionerade menystilen som innehåller "allt utom diskbänk" är överväldigande för användarna och ger inget reellt värde.
Bara en handfull stora återförsäljare kan verkligen komma undan med att använda mega menyer, och syftet är att visa omfattningen av inventeringen. Användbarheten hos det överbelastade navigeringselementet är ifrågasättande.
Ofta väljs ett mega menyalternativ eftersom det är för svårt att begränsa vad som ska sättas i navigeringen. Gör de tuffa valen. Gräva i analytics för att se vilka användare som letar efter. Ärligt talat kommer de flesta användare som vill ha en mycket specifik sak att hitta den med hjälp av sökning ändå.
2. Gör sökningen framstående
Och tala om sökning: Gör det framträdande. Sökningen borde finnas på varje sida. Det borde vara i huvudnavigeringen. Och det ska vara stort och enkelt att komma åt.
Superb sökfunktionalitet är länken som kommer att hålla användare på en webbplats. Om det de inte söker är det inte möjligt att söka efter det nästa alternativet. (Du kan tacka Google för den här första sökprocessen.)
Försök inte att bekämpa det. Arbeta med användare och inkludera sökning som en del av huvudnavigeringen. (Och se till att lådan är tillräckligt stor för att skriva och se vanliga fraser till.)
3. Begränsa antalet navigationsval
Det är ditt jobb att förutse vilka innehållsanvändare som vill komma åt nästa. Begränsa navigeringsval till de mest populära sidorna och informationen i webbdesignen.
Nästan varje navigeringsmeny bör innehålla sök, en om eller kontaktsida och e-handelswebbplatser bör alltid inkludera en kundvagn eller köp nu-knapp. Därefter ska navigationselementen drivas av webbplatsinnehåll.
4. Utveckla smarta navigationsmenyer
Bra navigering hjälper användarna att flytta från en bit av innehåll till nästa logiska punkt. Detta innehåll är ofta annorlunda på olika delar av webbplatsen.
Skapa flera navigeringskonfigurationer så att användarna har enkel åtkomst till innehållet som är nästa logiska steg i sin väg runt designen. Medan vissa element kan överlappa varandra hjälper andra användare och hjälper dem att flytta djupare in i designen.
Vi är i en ålder där användarna har kommit att förvänta sig vissa nivåer av personalisering. Amazon gör ett bra jobb med detta med navigationselement som till och med kallar användare efter namn. Ta en närmare titt på navigeringen nästa gång du loggar in för att se [Your Name Here] s Amazon.com. Den sekundära navigeringen innehåller information som användarens årliga donation för Smile-användare, senaste orderhistorik och jämn krediter till andra Amazon-tjänster. (Allt därefter är det ganska personligt.)
5. Beställ Nav-objekt med syfte
Ordern för navigationselement är lika viktig som beslutet att använda dem. Objekt i början och slutet av navigeringselementet är mest effektiva, mest sedda och mest klickade. Använd dessa positioner noggrant.
Det finns till och med viss vetenskap för att backa upp det här. De seriell positionseffekt är en persons tendens att återkalla de första och sista föremålen i en lista mest konsistens. Vidare tenderar användarna att återkalla de senaste objekten bäst (nyhetseffekt) och de första punkterna i en lista återkallas bättre än mellanelementen (primär effekt).
Titta på användarflödesmönster i din webbplatsanalys för att bestämma exakt vilka sidor och element som ska vara främre och centrala. Inkludera sidor som användare ska använda från hemsidan och innehållet som du vill att användarna ska ansluta till. Eliminera navigeringselement som inte kör användarflöde.
6. Använd klibbig navigering för långsidiga sidor
Låt inte användarna förlora spårningen av navigeringen. Oavsett om det står fast längst upp, eller längst ner eller på sidan av skärmen, ska en sida med ett långskroligt format innehålla en klibbig meny. Anledningen till detta är enkel: Gör inte användarnas arbete för att fortsätta att interagera med din webbplats.
Ju lättare det är att flytta runt och uppleva innehåll, desto mer troliga användare ska göra just det. Ju mer tid en användare spenderar på din webbplats med din design, desto mer sannolikt är de att konvertera på en önskad användaraktivitet.
7. Dölj inte navigeringen
Små menyalternativ, länkar som är borta längst ner på skärmen eller bara i sidfoten, och pop-out-navigering som är dold bakom oddball-ikoner och brist på navigering på inre sidor kommer bara att hålla användare från att klicka. Göm inte webbplatsnavigering. Det borde vara framför och mitt. Det borde vara på varje sida.
Användare kan komma till din webbplats på ett antal sätt. Se till att det finns ett navigationselement som väntar på dem när de anländer.
8. Använd beskrivande etiketter
Från navigationsord till ikoner ska varje element berätta för användarna exakt vad som kommer att hända med ett klick. Använd vanligt accepterade ikoner, till exempel ett inköpskort för att kolla in eller förstoringsglas för sökning eller till och med en hamburgareikon för pop-out-menystilar.
Ta sedan ett steg längre och använd textetiketter som berättar användaren exakt vilken information som finns där. Försök att undvika alltför generiska etiketter som tjänster eller erbjudanden, om det finns ett ord som bättre förklarar innehållet.
9. Överväga Full Page Nav
Ibland är designen navigeringen. Om det finns några viktiga element som är viktiga för användarna, visa dem med helskärmsnavigering.
Även om detta inte kommer att vara lämpligt för varje projekt, kan det vara effektivt för mindre webbplatser, portföljer eller projektarbete.
10. Gå vertikal
Vertikal navigering är trendig just nu , och av goda skäl. Det är lätt att se och dra ögat eftersom det är något annorlunda.
Sidor, vertikalt orienterad navigering är ett bra alternativ för webbplatser som behöver lite mer utrymme för antal navigationselement. Med en djupare meny kan designen rymma fler navelement utan att känna sig rörig och upprätthålla tillräckligt med utrymme mellan element.
