webForumDet fria alternativet

Exempel på användarvänlig meny

Webbutveckling

8 svar · 708 visningar · startad av jme

Medlem sedan maj 20012 237 inlägg
Frågan#1

Hej.

Just nu har vi en liknande struktur på menyn:

Företag XXX Tjänster Blog
------------------------------------------
Om företaget Nyckelvärden Dittan Dattan
------------------------------------------

Text gällande nyckelvärden här...

----------

Hur ser en bra och användarvänlig meny ut enligt just Dig, eller vilken sorts meny tycker du själv bäst om? Vågrätt? Lodrätt?

Jag vill alltså förnya menyn och tar gärna emot förslag.

Hade själv tänkt att den övre nivån skulle vara som den är, dvs vågrätt. Undremenyn skulle eventuellt kunna vara lodrätt:

Företag XXX Tjänster Blog
---------------------------------------------

Om företaget
Nyckelvärden | Text gällande nyckelvärden här...
Dittan
Dattan

Medlem sedan apr. 20042 994 inlägg
#2

Om det är tydlig storleksskillnad på huvudmeny och undermeny, så det syns vilken som är nivå 1 och nivå 2 så fungerar både vågrätt och lodrätt.

Däremot vet jag inte om "Företag XXX" är bästa valet av menytext. Handlar inte hela hemsidan om Företag XXX, även "Tjänster" och "Blog"? Så att menyalternativet "Företag XXX" egentligen fungerar som "Om företaget" (vilket är det alternativ jag skulle välja)?

Medlem sedan maj 20012 237 inlägg
#3

Fia: Innehållet i menyn som jag presenterade hittade jag bara på :)

Hmm, storleksskillnaden...det kan vara nåt som jag borde eventuellt implementera, ifall jag bestämmer mig för att ha kvar den nuvarande menyn. Good point där!

Medlem sedan juli 20003 825 inlägg
#4

När jag pratar med mina kunder om detta, när jag planerar för nya hemsidor tänker jag om detta, det beror helt på hur stor hemsidan kan tänkas bli i framtiden.

Jag kan inte de fackmässiga termerna... men antingen har du en "rak" hemsida:

Hem : Meny 1 : Meny 2 : Meny 3: osv

Denna variant kan även vara vertikal:

Hem
Meny 1
Meny 2
Meny 3
osv...

Den vertikala varianten är lättare att bygga på. Man kan ha 16 val av exempel 2, men du kan inte ha 16 val i exempel 1. (Kan och kan... kan man säkert...!)

Med denna variant "kan man nå varenda sida från alla sidor". Så att säga.

****
Den andra varianten av menyer är "den nestlade", eller hur man ska uttrycka det. Det är modellen Dagens Nyheter, till exempel.

Där har du bilderna där uppe som representerar en rubrik på hemsidan och sen under varje bild har du länkar under respektive rubrik.

[bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild]
[bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild]

så... du får plats med rätt många val.

Underrubrikerna blir som följer:
[bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild]
[bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild][bild]

länk
länk
länk
länk
länk
länk
länk
länk
länk

Så.... tänk själv. Vilken utvecklingspotential hade du tänkt dig med hemsidan och anpassa menyer och design efter det.

Hoppas detta hjälper dig!

Medlem sedan juni 20019 024 inlägg
#5

Första steget är naturligtvis inte att skapa en navigering och sedan försöka fylla den med innehåll.

Man börjar med att kolla över vilka typer av sidor man har och organiserar dessa i grupper och hierarkier. Få sidor kan ofta resultera i en platt hierarki, medan många undersidor kan formas som en trädstruktur. Därefter försöker man forma logiska eller naturliga grupper och sätta en rubrik på dem. Rubriken kan sedan bli menyalternativet.

Huruvida man ska ha horisontell eller vertikal navigering beror på innehållet. En horisontell navigation är praktisk eftersom den ligger överst hela tiden och syns först. Dock är man begränsad till skärmbredden, därefter måste man börja på ny rad. En vertikal meny kan däremot i teorin vara oändligt lång och lämpar sig väl för samma grupp av menyalternativ, exempelvis kategorier i en webbshop.

Den viktigaste tumregeln är att menyvalen är relevanta. Tio relevanta alternativ är betydligt mer effektivt än fem irrelevanta. Men som sagt, vad som är relevant beror på sammanhanget. Att tro att en meny är en uppräkning av undersidor är verkligen att underdriva betydelsen av informationsarkitektur.

Medlem sedan juli 20003 825 inlägg
#6

Var det ett svar på mitt inlägg!?

Bra skrivet! Som komplement till det jag skrev. Klart att en meny i sig inte är själva ändamålet med en hemsida... Kanske någon tolkade mitt inlägg på det viset!? Så är det inte!

Medlem sedan maj 20007 492 inlägg
#7

Pace skrev:

Huruvida man ska ha horisontell eller vertikal navigering beror på innehållet. En horisontell navigation är praktisk eftersom den ligger överst hela tiden och syns först. Dock är man begränsad till skärmbredden, därefter måste man börja på ny rad.

Att poängtera här också är att fler än åtta länkalternativ gör att besökaren lättare tappar bort sig.

Medlem sedan juni 20019 024 inlägg
#8

Okkido skrev:

Att poängtera här också är att fler än åtta länkalternativ gör att besökaren lättare tappar bort sig.

Nja, det är en vanlig myt. Det är så att sju alternativ är det maximala antal vi kan hålla i huvudet samtidigt (statistiskt sett), men att säga att man inte bör ha fler än sju alternativ på grund av det, är inte betydelsefullt.

Det som är väsentligt är vad det är för menyalternativ. Inte deras antal.

Blocket.se har på sin startsida 21 alternativ - en länk för varje län. Det gör inte att man "tappar bort sig" eftersom det är relevanta länkar för sammanhanget. När man kommer underfund med vad det är för typ av länkar är antalet inte av så stort intresse. Ordningen kan vara av större betydelse, exempelvis bokstavsordning eller, som i Blockets fall, geografiskt från norr till söder.

Medlem sedan maj 20012 237 inlägg
#9

Ni får gärna posta adresser med exempel på lösningar ni finner bra och tilltalande. :)

267 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)