Det finns ett trending ämne i webbdesigns navigation: sidebar menyer. Fler designers arbetar med vertikal sidnavigering för projekt, med en specifik plats på vänster sida för många av dessa webbdesigner.
Och medan det ser trevligt ut och kan hjälpa till att effektivisera rubbningen i den totala duken, fungerar det verkligen? Kommer användare att svara på sidnavigering? Är det en design trend som du bör överväga? Idag ska vi försöka komma till hjärtat av frågorna med några praktiska och användbara svar.
Sidnavigering dyker upp överallt
Sidnavigering är en del av en utveckling av dolda och intressanta menystilar. Responsiv design tvingade designersna att tänka på alternativa navigationsmönster för att göra det lättare att komma runt på små skärmar. Och hamburgermenyikonen föddes.
Det har utvecklats till fler pop-out stilar som börjar med en hamburgerikon. Några av dessa navigeringsmenyer svänger helt öppna, medan andra erbjuder en droppe eller släppa över stilen med en fullständig palett av användaralternativ. Det vanliga temat är att många hamburgerikoner öppnar sig i vertikal glidnavigering.
Full sidebarnavigering verkar vara en förlängning av den ideen.
Trenden i sin nuvarande iteration har oftast tunna vänster navigationssidor. De tenderar att vara enkla, med en enda solid färg (eller överlägg) och innehåller en handfull objekt att välja mellan. Navigeringsfältet kan innehålla en blandning av logotyper eller märkesmärken, textlänkar och sociala medier eller andra ikoner och sökningar.
Nyckeln till att göra denna trend är att se till att sidofältet innehåller tillräckligt med kontrast för att vara tydligt synlig i förhållande till resten av skärmen, den måste fungera på mobila enheter (det här kan vara ganska knepigt) och är tillräckligt bred för att innehålla teckensnitt som är läsbara.
Ett annat ord av råd när man tänker på vertikal navigering: Fråga inte om att klämma den för full av element för att bara fylla i djupet på en skärm med standardupplösning. Vitt utrymme är helt acceptabelt - och till och med starkt rekommenderat - som ett designverktyg i detta format. Om du tittar på exemplen i den här artikeln kan du se att utrymme mellan objekt eller anpassning av element till toppen, botten eller mitt med utrymme runt kan vända sig till varandra. Det extra utrymmet i navigeringsfältet hjälper till att dra åt det, vilket bidrar till att öka användbarheten.
Sidnavigationsproffs
Sidnavigering har gott om estetiskt värde. Medan detta koncept användes ofta i de tidiga dagarna på webben är dagens vertikala navigeringsmenyer snygga och eleganta.
Fördelar med att använda vertikal sidnavigering inkluderar:
- Vänster vertikal navigering faller i F-formens långslag, där läsare ser först över toppen och sedan ner till vänster som ett naturligt läsemönster
- Menyartiklar är inte i början dolda som ofta händer med andra trendiga stilar, såsom hamburger menyer
- Objekten har lika vikt över rullningen
- Top-down läsning är lätt att skanna när det finns tillräckligt med mellanrum mellan element
- Lämnar rynkig duk för resten av designen
- Ger en annan form av duk, som kan lägga till visuellt intresse eller göra det enklare att använda viss bild eller videoinnehåll
- Kan eventuellt innehålla fler länkar på ett rent sätt
Sidokartskonflikter
Det finns ett ganska stort kontingent av människor som inte gillar vertikal navigering alls. Medan de största klagomålen vad gäller användbarhet är relaterade till höger navigering, hävdar vissa designers att vertikala navigeringsstilar ger en komplexitet för användare och utvecklare.
Skälen mot att använda vertikal sidnavigering inkluderar:
- Det kan vara svårt att få vertikal navigering för att fungera korrekt i ett lyhörd ramverk
- Ord i navigeringen måste vara tillräckligt kort för att passa in i en smal kolumn utan att använda en oläslig typsnitt
- Utrymmet som används av vertikal navigering kan vara mer värdefullt för annat innehåll.
- Med bredare skärmar är rullningen högre och vissa navigeringselement kan bli förlorade.?> / Li>
- Den extra? Rymden? från vertikal navigering kan uppmuntra vissa designers att gå överbord och röra navigationsmenyn; som vid topp, horisontell navigering, håller du bara till de översta fyra eller fem länkarna på webbplatsen.
- Många musbrukare (högerhänta) måste gå över skärmen för att klicka på navigeringselement. Detta kan vara ett besvärligt och så småningom irriterande användarmönster.
- Vertikal navigering behöver bläddra och sticka? till skärmen så att användarna inte förlorar det. Ofta fungerar vertikal navigering bra på en enda siddesign, men blir besvärlig med bredare användning.
Fungerar det verkligen?
Fungerar vertikal sidnavigering verkligen?
Juryn är fortfarande ute på den där.
Trenden är iögonfallande och får dig att se ut. Så det finns något värde i det eftersom användarna kommer att se den. Om din navigering är en viktig del av klickmönster och användarflöde kan det här alternativet vara ett övervägande.
Sammantaget verkar denna navigationsstil vara effektivast för små webbplatser med bara en handfull navigationsalternativ och begränsat innehåll. Många av exemplen i denna artikel verkar vara för fastigheter komplex (helt av en slump), medan det verkar som något som också skulle fungera för en kreativ portfölj eller byrå webbplats. Varje design med mycket innehåll kan kännas som sidnavigering är för restriktiv när det gäller design och innehållshierarki.
Vad om andra navplatser?
Icke-traditionella navigeringsstilar kan vara ett roligt sätt att bryta upp några av samma gamla designmönster. Det vertikala alternativet är bara ett av några få idéer.
Problemet med ett icke-vanligt användarmönster är att du riskerar att förvirra användare, vilket får dem att överge hela webbplatsen. Ett sådant experiment är bäst med en mindre webbplats som har ett enkelt övergripande visuellt flöde.
Två andra navigeringsstilar som börjar få lite dragkraft inkluderar den horisontella hamburgerutbredningen, som används av Aurora (topp) och 90-graders lutande text nav som används av AndCulture (nedan).
Båda stilar erbjuder något lite oväntat och fungerar bra i sina respektive miljöer, men de kan vara svåra att förstå med olika mönster. Som med någon designteknik, om du gör något utanför vanliga användarmönster, se till att du tittar på dina analyser och testar ofta. Om det finns udda klickmönster eller om användarna slutar flytta genom navigering kan det hända att du har ett problem med den icke-traditionella designen och behöver tänka om det.
Slutsats
En sak är säker när det gäller navigeringstrender, verkar användare och designers vara fulla av helt dolda stilar och efterfråganalternativ som fungerar i liknande format på stationära och mobila enheter. Detta kan vara ett av anledningarna till att ett vertikalt mönster trender.
Vilka trender ser du i navigering? Är du uttråkad med att designa länkar över skärmens övre del? Släpp mig en rad på Twitter och låt oss prata om det. (Se till att märka Design Shack också.)