{"id":405,"date":"2013-03-27T12:59:38","date_gmt":"2013-03-27T12:59:38","guid":{"rendered":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/"},"modified":"2013-03-27T12:59:38","modified_gmt":"2013-03-27T12:59:38","slug":"ska-man-anvanda-vertikal-eller-horisontell-navigation","status":"publish","type":"post","link":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/","title":{"rendered":"Ska man anv\u00e4nda vertikal eller horisontell navigation?"},"content":{"rendered":"<p><strong>Om du har byggt en hemsida s\u00e5 har du kanske n\u00e5gon g\u00e5ng funderat \u00f6ver om du ska anv\u00e4nda en&nbsp;horisontell eller vertikal meny n\u00e4r du v\u00e4ljer din mall. Det \u00e4r en bra fr\u00e5ga: beroende p\u00e5 vilken&nbsp;menyl\u00f6sning du v\u00e4ljer kommer sidan att se annorlunda ut och fungera olika bra. Men hur ska man&nbsp;v\u00e4lja mellan de tv\u00e5 menyl\u00f6sningarna? I den h\u00e4r artikeln skriver vi om f\u00f6r- och nackdelar med sido- och toppmenyer.<\/strong><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg\" alt=\"\" width=\"1000\" height=\"750\" \/><\/p>\n<p>Ett av m\u00e5nga val du m\u00e5ste g\u00f6ra n\u00e4r du skapar din hemsida \u00e4r huruvida du ska ha en <em>toppmeny (horisontell)<\/em> eller en <em>sidomeny (vertikal)<\/em>, eller en kombination av b\u00e5da. Kanske har du inte funderat s\u00e5 mycket \u00f6ver skillnaden, men om du tittar p\u00e5 internetsidor kommer du se att de att vissa sidor har sina menyknappar p\u00e5 kanten, medan andra har dem l\u00e4ngst upp p\u00e5 hemsidan. Skillnaden mellan de h\u00e4r tv\u00e5 l\u00f6sningarna \u00e4r att de ger hemsidan olika karakt\u00e4r; den ena tenderar att fungera bra p\u00e5 informationstunga hemsidor, medan den andra tycks f\u00f6redras av hemsidor med tydligt inneh\u00e5ll och relativt f\u00e5 menyval.<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11441655-gG5W8.png?name=Sidomeny.jpg\" alt=\"\" width=\"1000\" height=\"750\" \/><\/p>\n<p>En vertikal meny, eller sidomeny, \u00e4r en navigationsl\u00f6sning d\u00e4r dina l\u00e4nkknappar ligger till&nbsp;v\u00e4nster eller till h\u00f6ger p\u00e5 hemsidan. Ditt huvudmaterial finns i mitten, allts\u00e5 all din text,&nbsp;alla dina bilder eller varor (om du har en e-butik).<\/p>\n<p>&nbsp;<\/p>\n<p><strong>F\u00f6rdelar:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">En vertikal meny ger dig mer utrymme f\u00f6r m\u00e5nga menyval, eftersom texten tar mindre utrymme i&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">h\u00f6jd \u00e4n i l\u00e4ngd. D\u00e4rf\u00f6r kan du ocks\u00e5 visa upp underkategorier och sidstrukturer utan att beh\u00f6va&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">kompromissa med utrymmet.<\/span><\/li>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Unders\u00f6kningar visar att framf\u00f6r allt h\u00f6gerh\u00e4nta internetanv\u00e4ndare fokuserar p\u00e5 sk\u00e4rmens&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">v\u00e4nstra del i f\u00f6rsta hand. Om du vill locka bes\u00f6kare till din meny kan det d\u00e4rf\u00f6r vara&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">effektivt att l\u00e4gga din navigation d\u00e4r.<\/span><\/li>\n<\/ul>\n<p>Till skillnad fr\u00e5n den vertikala menyn ligger den horisontella menyn (n\u00e4stan alltid) \u00f6verst&nbsp;p\u00e5 sidan. Antingen kan den ligga \u00f6ver sidhuvudet, allts\u00e5 ovanf\u00f6r den plats d\u00e4r du har din&nbsp;logotyp eller titel, eller s\u00e5 kan den rymmas under sidhuvudet men \u00f6ver huvudmaterialet.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>F\u00f6rdelar:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Horisontella menyer tar lite utrymme i anspr\u00e5k, vilket ger mer plats till hemsidans inneh\u00e5ll.<\/span><\/li>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Bes\u00f6kare beh\u00f6ver inte r\u00f6ra sin muspekare lika stora avst\u00e5nd n\u00e4r en hemsida anv\u00e4nder en horisontell meny, vilket faktiskt spelar en viss roll f\u00f6r helhetsupplevelsen.<\/span><\/li>\n<\/ul>\n<p>Om du har v\u00e4ldigt m\u00e5nga undersidor med varierande sektioner s\u00e5 kan det vara en bra id\u00e9 att anv\u00e4nda sig av kombinerad vertikal\/horisontell navigation. D\u00e5 kan du l\u00e4gga dina huvudsidor h\u00f6gst upp, och sedan l\u00e5ta underkategorier visas p\u00e5 v\u00e4nster eller h\u00f6ger sida.<\/p>\n<p>&nbsp;<\/p>\n<p><em>Drop-down-menyer<\/em> \u00e4r ocks\u00e5 ett bra s\u00e4tt att visa m\u00e5nga menyval utan att ta upp f\u00f6r mycket plats. I en drop-down-meny ryms flera underkategorier under en navigationsknapp, som visas n\u00e4r du klickar p\u00e5 knappen eller h\u00e5ller din muspekare \u00f6ver den.<\/p>\n<p>S\u00e5 vad ska man d\u00e5 v\u00e4lja &#8211; vertikal eller horisontell meny?<\/p>\n<p>&nbsp;<\/p>\n<p>Ett generellt r\u00e5d n\u00e4r du arbetar med&nbsp;design \u00e4r att utg\u00e5 fr\u00e5n ditt material: fundera f\u00f6rst \u00f6ver vilken typ&nbsp;av hemsida du vill skapa, och hur ditt material ser ut. Har du m\u00e5nga sidor med flera&nbsp;underkategorier kan en sidomeny hj\u00e4lpa till att visa f\u00f6r bes\u00f6karen var allt finns, men om du&nbsp;har ett f\u00e5tal, v\u00e4ldefinierade, sidor kan sidan se b\u00e4tter ut med en toppmeny.<\/p>\n<p>&nbsp;<\/p>\n<p>Titta p\u00e5 andra f\u00f6retag eller verksamheter som g\u00f6r det du g\u00f6r &#8211; hur har de anv\u00e4nt sina menyf\u00e4lt? T\u00e4nk sedan igenom din hemsida som om du inte visste n\u00e5gonting om den: var b\u00f6rjar du l\u00e4sa f\u00f6rst? \u00c4r det tydligt var alla menyknappar leder?<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11443339-88i0J.png?name=Wikipedia.jpg\" alt=\"\" width=\"1000\" height=\"750\" \/><\/p>\n<p><em>Wikipedia anv\u00e4nder sig av en l\u00e5ng sidomeny, som hj\u00e4lper till att h\u00e5lla ordning p\u00e5 \u00e4mnen och de m\u00e5nga spr\u00e5kvalen. Notera att man anv\u00e4nt underflikar i sin sidomeny, som g\u00f6r att kategorierna kan f\u00f6rstoras och f\u00f6rminskas.<\/em><\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Horisontella menyer har blivit allt mer popul\u00e4ra; en bidragande orsak \u00e4r som n\u00e4mnt studier som tyder p\u00e5 att hemsidebes\u00f6kare oftast tittar till v\u00e4nster p\u00e5 sk\u00e4rmen. D\u00e4rf\u00f6r anser vissa webb-designers att det \u00e4r b\u00e4ttre att placera huvudmaterialet &#8211; s\u00e5som en presentationstext &#8211; p\u00e5 hemsidans viktiga v\u00e4nstra sida, och inte st\u00f6ra l\u00e4saren med menyknappar.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">T\u00e4nk ocks\u00e5 p\u00e5 att menyn inte \u00e4r det viktigaste. Trots allt \u00e4r det ju ditt inneh\u00e5ll som du vill&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">marknadsf\u00f6ra &#8211; inte dina olika sidor. Om du har en v\u00e4l utformad navigation, d\u00e4r det tydligt&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">framg\u00e5r vilka knappar som leder var och knapparna syns bra, finns det ingen anledning att l\u00e5ta menyn ta allt f\u00f6r mycket utrymme i anspr\u00e5k.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">N\u00e4r det g\u00e4ller andra sk\u00e4rmar \u00e4n datorsk\u00e4rmar, s\u00e5som mobiler och iPads, tenderar ocks\u00e5 den&nbsp;<\/span><span style=\"letter-spacing: 0px; line-height: 24px;\">horisontella navigationen att fungera b\u00e4ttre, eftersom ditt huvudmaterial d\u00e5 inte hamnar f\u00f6r l\u00e5ngt \u00e5t h\u00f6ger.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"letter-spacing: 0px; line-height: 24px;\">Du kan alltid l\u00e4gga in l\u00e4nkar och &#8221;puffar&#8221; i ditt huvudmaterial. Om du till exempel har en e-butik vill du sj\u00e4lvklart att bes\u00f6kare s\u00e5 snart som m\u00f6jligt ska g\u00e5 in till varudelen; om du inte vill l\u00e4gga den delen p\u00e5 startsidan kan du d\u00e5 l\u00e4gga in en stor knapp, eller markera just det menyvalet med f\u00e4rg, s\u00e5 att bes\u00f6kare har l\u00e4tt att se din viktigaste sida.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Om du har byggt en hemsida s\u00e5 har du kanske n\u00e5gon g\u00e5ng funderat \u00f6ver om du ska anv\u00e4nda en&nbsp;horisontell eller vertikal meny n\u00e4r du v\u00e4ljer din mall. Det \u00e4r en bra fr\u00e5ga: beroende p\u00e5 vilken&nbsp;menyl\u00f6sning du v\u00e4ljer kommer sidan att se annorlunda ut och fungera olika bra. Men hur ska man&nbsp;v\u00e4lja mellan de tv\u00e5 menyl\u00f6sningarna? I den h\u00e4r artikeln skriver vi om f\u00f6r- och nackdelar med sido- och toppmenyer.Ett av m\u00e5nga val du m\u00e5ste g\u00f6ra n\u00e4r du skapar din hemsida \u00e4r huruvida du ska ha en toppmeny (horisontell) eller en sidomeny (vertikal), eller en kombination av b\u00e5da. Kanske har du inte funderat s\u00e5 mycket \u00f6ver skillnaden, men om du tittar p\u00e5 internetsidor kommer du se att de att vissa sidor har sina menyknappar p\u00e5 kanten, medan andra har dem l\u00e4ngst upp p\u00e5 hemsidan. Skillnaden mellan de h\u00e4r tv\u00e5 l\u00f6sningarna \u00e4r att de ger hemsidan olika karakt\u00e4r; den ena tenderar att fungera bra p\u00e5 informationstunga hemsidor, medan den andra tycks f\u00f6redras av hemsidor med tydligt inneh\u00e5ll och relativt f\u00e5 menyval.En vertikal meny, eller sidomeny, \u00e4r en navigationsl\u00f6sning d\u00e4r dina l\u00e4nkknappar ligger till&nbsp;v\u00e4nster eller till h\u00f6ger p\u00e5 hemsidan. Ditt huvudmaterial finns i mitten, allts\u00e5 all din text,&nbsp;alla dina bilder eller varor (om du har en e-butik).<br \/>\n&nbsp;<br \/>\nF\u00f6rdelar:<br \/>\n&nbsp;<\/p>\n<p>En vertikal meny ger dig mer utrymme f\u00f6r m\u00e5nga menyval, eftersom texten tar mindre utrymme i&nbsp;h\u00f6jd \u00e4n i l\u00e4ngd. D\u00e4rf\u00f6r kan du ocks\u00e5 visa upp underkategorier och sidstrukturer utan att beh\u00f6va&nbsp;kompromissa med utrymmet.<br \/>\nUnders\u00f6kningar visar att framf\u00f6r allt h\u00f6gerh\u00e4nta internetanv\u00e4ndare fokuserar p\u00e5 sk\u00e4rmens&nbsp;v\u00e4nstra del i f\u00f6rsta hand. Om du vill locka bes\u00f6kare till din meny kan det d\u00e4rf\u00f6r vara&nbsp;effektivt att l\u00e4gga din navigation d\u00e4r.<br \/>\nTill skillnad fr\u00e5n den vertikala menyn ligger den horisontella menyn (n\u00e4stan alltid) \u00f6verst&nbsp;p\u00e5 sidan. Antingen kan den ligga \u00f6ver sidhuvudet, allts\u00e5 ovanf\u00f6r den plats d\u00e4r du har din&nbsp;logotyp eller titel, eller s\u00e5 kan den rymmas under sidhuvudet men \u00f6ver huvudmaterialet.<br \/>\n&nbsp;<br \/>\nF\u00f6rdelar:<br \/>\n&nbsp;<\/p>\n<p>Horisontella menyer tar lite utrymme i anspr\u00e5k, vilket ger mer plats till hemsidans inneh\u00e5ll.<br \/>\nBes\u00f6kare beh\u00f6ver inte r\u00f6ra sin muspekare lika stora avst\u00e5nd n\u00e4r en hemsida anv\u00e4nder en horisontell meny, vilket faktiskt spelar en viss roll f\u00f6r helhetsupplevelsen.<br \/>\nOm du har v\u00e4ldigt m\u00e5nga undersidor med varierande sektioner s\u00e5 kan det vara en bra id\u00e9 att anv\u00e4nda sig av kombinerad vertikal\/horisontell navigation. D\u00e5 kan du l\u00e4gga dina huvudsidor h\u00f6gst upp, och sedan l\u00e5ta underkategorier visas p\u00e5 v\u00e4nster eller h\u00f6ger sida.<br \/>\n&nbsp;<br \/>\nDrop-down-menyer \u00e4r ocks\u00e5 ett bra s\u00e4tt att visa m\u00e5nga menyval utan att ta upp f\u00f6r mycket plats. I en drop-down-meny ryms flera underkategorier under en navigationsknapp, som visas n\u00e4r du klickar p\u00e5 knappen eller h\u00e5ller din muspekare \u00f6ver den.S\u00e5 vad ska man d\u00e5 v\u00e4lja &#8211; vertikal eller horisontell meny?<br \/>\n&nbsp;<br \/>\nEtt generellt r\u00e5d n\u00e4r du arbetar med&nbsp;design \u00e4r att utg\u00e5 fr\u00e5n ditt material: fundera f\u00f6rst \u00f6ver vilken typ&nbsp;av hemsida du vill skapa, och hur ditt material ser ut. Har du m\u00e5nga sidor med flera&nbsp;underkategorier kan en sidomeny hj\u00e4lpa till att visa f\u00f6r bes\u00f6karen var allt finns, men om du&nbsp;har ett f\u00e5tal, v\u00e4ldefinierade, sidor kan sidan se b\u00e4tter ut med en toppmeny.<br \/>\n&nbsp;<br \/>\nTitta p\u00e5 andra f\u00f6retag eller verksamheter som g\u00f6r det du g\u00f6r &#8211; hur har de anv\u00e4nt sina menyf\u00e4lt? T\u00e4nk sedan igenom din hemsida som om du inte visste n\u00e5gonting om den: var b\u00f6rjar du l\u00e4sa f\u00f6rst? \u00c4r det tydligt var alla menyknappar leder?Wikipedia anv\u00e4nder sig av en l\u00e5ng sidomeny, som hj\u00e4lper till att h\u00e5lla ordning p\u00e5 \u00e4mnen och de m\u00e5nga spr\u00e5kvalen. Notera att man anv\u00e4nt underflikar i sin sidomeny, som g\u00f6r att kategorierna kan f\u00f6rstoras och f\u00f6rminskas.<br \/>\nHorisontella menyer har blivit allt mer popul\u00e4ra; en bidragande orsak \u00e4r som n\u00e4mnt studier som tyder p\u00e5 att hemsidebes\u00f6kare oftast tittar till v\u00e4nster p\u00e5 sk\u00e4rmen. D\u00e4rf\u00f6r anser vissa webb-designers att det \u00e4r b\u00e4ttre att placera huvudmaterialet &#8211; s\u00e5som en presentationstext &#8211; p\u00e5 hemsidans viktiga v\u00e4nstra sida, och inte st\u00f6ra l\u00e4saren med menyknappar.<\/p>\n<p>&nbsp;<\/p>\n<p>T\u00e4nk ocks\u00e5 p\u00e5 att menyn inte \u00e4r det viktigaste. Trots allt \u00e4r det ju ditt inneh\u00e5ll som du vill&nbsp;marknadsf\u00f6ra &#8211; inte dina olika sidor. Om du har en v\u00e4l utformad navigation, d\u00e4r det tydligt&nbsp;framg\u00e5r vilka knappar som leder var och knapparna syns bra, finns det ingen anledning att l\u00e5ta menyn ta allt f\u00f6r mycket utrymme i anspr\u00e5k.<\/p>\n<p>&nbsp;<\/p>\n<p>N\u00e4r det g\u00e4ller andra sk\u00e4rmar \u00e4n datorsk\u00e4rmar, s\u00e5som mobiler och iPads, tenderar ocks\u00e5 den&nbsp;horisontella navigationen att fungera b\u00e4ttre, eftersom ditt huvudmaterial d\u00e5 inte hamnar f\u00f6r l\u00e5ngt \u00e5t h\u00f6ger.<\/p>\n<p>&nbsp;<\/p>\n<p>Du kan alltid l\u00e4gga in l\u00e4nkar och &#8221;puffar&#8221; i ditt huvudmaterial. Om du till exempel har en e-butik vill du sj\u00e4lvklart att bes\u00f6kare s\u00e5 snart som m\u00f6jligt ska g\u00e5 in till varudelen; om du inte vill l\u00e4gga den delen p\u00e5 startsidan kan du d\u00e5 l\u00e4gga in en stor knapp, eller markera just det menyvalet med f\u00e4rg, s\u00e5 att bes\u00f6kare har l\u00e4tt att se din viktigaste sida.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[69],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ska man anv\u00e4nda vertikal eller horisontell navigation? - Hemsida24<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ska man anv\u00e4nda vertikal eller horisontell navigation? - Hemsida24\" \/>\n<meta property=\"og:description\" content=\"Om du har byggt en hemsida s\u00e5 har du kanske n\u00e5gon g\u00e5ng funderat \u00f6ver om du ska anv\u00e4nda en&nbsp;horisontell eller vertikal meny n\u00e4r du v\u00e4ljer din mall. Det \u00e4r en bra fr\u00e5ga: beroende p\u00e5 vilken&nbsp;menyl\u00f6sning du v\u00e4ljer kommer sidan att se annorlunda ut och fungera olika bra. Men hur ska man&nbsp;v\u00e4lja mellan de tv\u00e5 menyl\u00f6sningarna? I den h\u00e4r artikeln skriver vi om f\u00f6r- och nackdelar med sido- och toppmenyer.Ett av m\u00e5nga val du m\u00e5ste g\u00f6ra n\u00e4r du skapar din hemsida \u00e4r huruvida du ska ha en toppmeny (horisontell) eller en sidomeny (vertikal), eller en kombination av b\u00e5da. Kanske har du inte funderat s\u00e5 mycket \u00f6ver skillnaden, men om du tittar p\u00e5 internetsidor kommer du se att de att vissa sidor har sina menyknappar p\u00e5 kanten, medan andra har dem l\u00e4ngst upp p\u00e5 hemsidan. Skillnaden mellan de h\u00e4r tv\u00e5 l\u00f6sningarna \u00e4r att de ger hemsidan olika karakt\u00e4r; den ena tenderar att fungera bra p\u00e5 informationstunga hemsidor, medan den andra tycks f\u00f6redras av hemsidor med tydligt inneh\u00e5ll och relativt f\u00e5 menyval.En vertikal meny, eller sidomeny, \u00e4r en navigationsl\u00f6sning d\u00e4r dina l\u00e4nkknappar ligger till&nbsp;v\u00e4nster eller till h\u00f6ger p\u00e5 hemsidan. Ditt huvudmaterial finns i mitten, allts\u00e5 all din text,&nbsp;alla dina bilder eller varor (om du har en e-butik). &nbsp; F\u00f6rdelar: &nbsp; En vertikal meny ger dig mer utrymme f\u00f6r m\u00e5nga menyval, eftersom texten tar mindre utrymme i&nbsp;h\u00f6jd \u00e4n i l\u00e4ngd. D\u00e4rf\u00f6r kan du ocks\u00e5 visa upp underkategorier och sidstrukturer utan att beh\u00f6va&nbsp;kompromissa med utrymmet. Unders\u00f6kningar visar att framf\u00f6r allt h\u00f6gerh\u00e4nta internetanv\u00e4ndare fokuserar p\u00e5 sk\u00e4rmens&nbsp;v\u00e4nstra del i f\u00f6rsta hand. Om du vill locka bes\u00f6kare till din meny kan det d\u00e4rf\u00f6r vara&nbsp;effektivt att l\u00e4gga din navigation d\u00e4r. Till skillnad fr\u00e5n den vertikala menyn ligger den horisontella menyn (n\u00e4stan alltid) \u00f6verst&nbsp;p\u00e5 sidan. Antingen kan den ligga \u00f6ver sidhuvudet, allts\u00e5 ovanf\u00f6r den plats d\u00e4r du har din&nbsp;logotyp eller titel, eller s\u00e5 kan den rymmas under sidhuvudet men \u00f6ver huvudmaterialet. &nbsp; F\u00f6rdelar: &nbsp; Horisontella menyer tar lite utrymme i anspr\u00e5k, vilket ger mer plats till hemsidans inneh\u00e5ll. Bes\u00f6kare beh\u00f6ver inte r\u00f6ra sin muspekare lika stora avst\u00e5nd n\u00e4r en hemsida anv\u00e4nder en horisontell meny, vilket faktiskt spelar en viss roll f\u00f6r helhetsupplevelsen. Om du har v\u00e4ldigt m\u00e5nga undersidor med varierande sektioner s\u00e5 kan det vara en bra id\u00e9 att anv\u00e4nda sig av kombinerad vertikal\/horisontell navigation. D\u00e5 kan du l\u00e4gga dina huvudsidor h\u00f6gst upp, och sedan l\u00e5ta underkategorier visas p\u00e5 v\u00e4nster eller h\u00f6ger sida. &nbsp; Drop-down-menyer \u00e4r ocks\u00e5 ett bra s\u00e4tt att visa m\u00e5nga menyval utan att ta upp f\u00f6r mycket plats. I en drop-down-meny ryms flera underkategorier under en navigationsknapp, som visas n\u00e4r du klickar p\u00e5 knappen eller h\u00e5ller din muspekare \u00f6ver den.S\u00e5 vad ska man d\u00e5 v\u00e4lja - vertikal eller horisontell meny? &nbsp; Ett generellt r\u00e5d n\u00e4r du arbetar med&nbsp;design \u00e4r att utg\u00e5 fr\u00e5n ditt material: fundera f\u00f6rst \u00f6ver vilken typ&nbsp;av hemsida du vill skapa, och hur ditt material ser ut. Har du m\u00e5nga sidor med flera&nbsp;underkategorier kan en sidomeny hj\u00e4lpa till att visa f\u00f6r bes\u00f6karen var allt finns, men om du&nbsp;har ett f\u00e5tal, v\u00e4ldefinierade, sidor kan sidan se b\u00e4tter ut med en toppmeny. &nbsp; Titta p\u00e5 andra f\u00f6retag eller verksamheter som g\u00f6r det du g\u00f6r - hur har de anv\u00e4nt sina menyf\u00e4lt? T\u00e4nk sedan igenom din hemsida som om du inte visste n\u00e5gonting om den: var b\u00f6rjar du l\u00e4sa f\u00f6rst? \u00c4r det tydligt var alla menyknappar leder?Wikipedia anv\u00e4nder sig av en l\u00e5ng sidomeny, som hj\u00e4lper till att h\u00e5lla ordning p\u00e5 \u00e4mnen och de m\u00e5nga spr\u00e5kvalen. Notera att man anv\u00e4nt underflikar i sin sidomeny, som g\u00f6r att kategorierna kan f\u00f6rstoras och f\u00f6rminskas. Horisontella menyer har blivit allt mer popul\u00e4ra; en bidragande orsak \u00e4r som n\u00e4mnt studier som tyder p\u00e5 att hemsidebes\u00f6kare oftast tittar till v\u00e4nster p\u00e5 sk\u00e4rmen. D\u00e4rf\u00f6r anser vissa webb-designers att det \u00e4r b\u00e4ttre att placera huvudmaterialet - s\u00e5som en presentationstext - p\u00e5 hemsidans viktiga v\u00e4nstra sida, och inte st\u00f6ra l\u00e4saren med menyknappar. &nbsp; T\u00e4nk ocks\u00e5 p\u00e5 att menyn inte \u00e4r det viktigaste. Trots allt \u00e4r det ju ditt inneh\u00e5ll som du vill&nbsp;marknadsf\u00f6ra - inte dina olika sidor. Om du har en v\u00e4l utformad navigation, d\u00e4r det tydligt&nbsp;framg\u00e5r vilka knappar som leder var och knapparna syns bra, finns det ingen anledning att l\u00e5ta menyn ta allt f\u00f6r mycket utrymme i anspr\u00e5k. &nbsp; N\u00e4r det g\u00e4ller andra sk\u00e4rmar \u00e4n datorsk\u00e4rmar, s\u00e5som mobiler och iPads, tenderar ocks\u00e5 den&nbsp;horisontella navigationen att fungera b\u00e4ttre, eftersom ditt huvudmaterial d\u00e5 inte hamnar f\u00f6r l\u00e5ngt \u00e5t h\u00f6ger. &nbsp; Du kan alltid l\u00e4gga in l\u00e4nkar och &quot;puffar&quot; i ditt huvudmaterial. Om du till exempel har en e-butik vill du sj\u00e4lvklart att bes\u00f6kare s\u00e5 snart som m\u00f6jligt ska g\u00e5 in till varudelen; om du inte vill l\u00e4gga den delen p\u00e5 startsidan kan du d\u00e5 l\u00e4gga in en stor knapp, eller markera just det menyvalet med f\u00e4rg, s\u00e5 att bes\u00f6kare har l\u00e4tt att se din viktigaste sida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"Hemsida24\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-27T12:59:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"supervisor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/\",\"name\":\"Hemsida24\",\"description\":\"Blogg\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#primaryimage\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg\",\"contentUrl\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#webpage\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/\",\"name\":\"Ska man anv\\u00e4nda vertikal eller horisontell navigation? - Hemsida24\",\"isPartOf\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#primaryimage\"},\"datePublished\":\"2013-03-27T12:59:38+00:00\",\"dateModified\":\"2013-03-27T12:59:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hemsida24.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ska man anv\\u00e4nda vertikal eller horisontell navigation?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\",\"name\":\"supervisor\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#personlogo\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"caption\":\"supervisor\"},\"url\":\"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ska man anv\u00e4nda vertikal eller horisontell navigation? - Hemsida24","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/","og_locale":"sv_SE","og_type":"article","og_title":"Ska man anv\u00e4nda vertikal eller horisontell navigation? - Hemsida24","og_description":"Om du har byggt en hemsida s\u00e5 har du kanske n\u00e5gon g\u00e5ng funderat \u00f6ver om du ska anv\u00e4nda en&nbsp;horisontell eller vertikal meny n\u00e4r du v\u00e4ljer din mall. Det \u00e4r en bra fr\u00e5ga: beroende p\u00e5 vilken&nbsp;menyl\u00f6sning du v\u00e4ljer kommer sidan att se annorlunda ut och fungera olika bra. Men hur ska man&nbsp;v\u00e4lja mellan de tv\u00e5 menyl\u00f6sningarna? I den h\u00e4r artikeln skriver vi om f\u00f6r- och nackdelar med sido- och toppmenyer.Ett av m\u00e5nga val du m\u00e5ste g\u00f6ra n\u00e4r du skapar din hemsida \u00e4r huruvida du ska ha en toppmeny (horisontell) eller en sidomeny (vertikal), eller en kombination av b\u00e5da. Kanske har du inte funderat s\u00e5 mycket \u00f6ver skillnaden, men om du tittar p\u00e5 internetsidor kommer du se att de att vissa sidor har sina menyknappar p\u00e5 kanten, medan andra har dem l\u00e4ngst upp p\u00e5 hemsidan. Skillnaden mellan de h\u00e4r tv\u00e5 l\u00f6sningarna \u00e4r att de ger hemsidan olika karakt\u00e4r; den ena tenderar att fungera bra p\u00e5 informationstunga hemsidor, medan den andra tycks f\u00f6redras av hemsidor med tydligt inneh\u00e5ll och relativt f\u00e5 menyval.En vertikal meny, eller sidomeny, \u00e4r en navigationsl\u00f6sning d\u00e4r dina l\u00e4nkknappar ligger till&nbsp;v\u00e4nster eller till h\u00f6ger p\u00e5 hemsidan. Ditt huvudmaterial finns i mitten, allts\u00e5 all din text,&nbsp;alla dina bilder eller varor (om du har en e-butik). &nbsp; F\u00f6rdelar: &nbsp; En vertikal meny ger dig mer utrymme f\u00f6r m\u00e5nga menyval, eftersom texten tar mindre utrymme i&nbsp;h\u00f6jd \u00e4n i l\u00e4ngd. D\u00e4rf\u00f6r kan du ocks\u00e5 visa upp underkategorier och sidstrukturer utan att beh\u00f6va&nbsp;kompromissa med utrymmet. Unders\u00f6kningar visar att framf\u00f6r allt h\u00f6gerh\u00e4nta internetanv\u00e4ndare fokuserar p\u00e5 sk\u00e4rmens&nbsp;v\u00e4nstra del i f\u00f6rsta hand. Om du vill locka bes\u00f6kare till din meny kan det d\u00e4rf\u00f6r vara&nbsp;effektivt att l\u00e4gga din navigation d\u00e4r. Till skillnad fr\u00e5n den vertikala menyn ligger den horisontella menyn (n\u00e4stan alltid) \u00f6verst&nbsp;p\u00e5 sidan. Antingen kan den ligga \u00f6ver sidhuvudet, allts\u00e5 ovanf\u00f6r den plats d\u00e4r du har din&nbsp;logotyp eller titel, eller s\u00e5 kan den rymmas under sidhuvudet men \u00f6ver huvudmaterialet. &nbsp; F\u00f6rdelar: &nbsp; Horisontella menyer tar lite utrymme i anspr\u00e5k, vilket ger mer plats till hemsidans inneh\u00e5ll. Bes\u00f6kare beh\u00f6ver inte r\u00f6ra sin muspekare lika stora avst\u00e5nd n\u00e4r en hemsida anv\u00e4nder en horisontell meny, vilket faktiskt spelar en viss roll f\u00f6r helhetsupplevelsen. Om du har v\u00e4ldigt m\u00e5nga undersidor med varierande sektioner s\u00e5 kan det vara en bra id\u00e9 att anv\u00e4nda sig av kombinerad vertikal\/horisontell navigation. D\u00e5 kan du l\u00e4gga dina huvudsidor h\u00f6gst upp, och sedan l\u00e5ta underkategorier visas p\u00e5 v\u00e4nster eller h\u00f6ger sida. &nbsp; Drop-down-menyer \u00e4r ocks\u00e5 ett bra s\u00e4tt att visa m\u00e5nga menyval utan att ta upp f\u00f6r mycket plats. I en drop-down-meny ryms flera underkategorier under en navigationsknapp, som visas n\u00e4r du klickar p\u00e5 knappen eller h\u00e5ller din muspekare \u00f6ver den.S\u00e5 vad ska man d\u00e5 v\u00e4lja - vertikal eller horisontell meny? &nbsp; Ett generellt r\u00e5d n\u00e4r du arbetar med&nbsp;design \u00e4r att utg\u00e5 fr\u00e5n ditt material: fundera f\u00f6rst \u00f6ver vilken typ&nbsp;av hemsida du vill skapa, och hur ditt material ser ut. Har du m\u00e5nga sidor med flera&nbsp;underkategorier kan en sidomeny hj\u00e4lpa till att visa f\u00f6r bes\u00f6karen var allt finns, men om du&nbsp;har ett f\u00e5tal, v\u00e4ldefinierade, sidor kan sidan se b\u00e4tter ut med en toppmeny. &nbsp; Titta p\u00e5 andra f\u00f6retag eller verksamheter som g\u00f6r det du g\u00f6r - hur har de anv\u00e4nt sina menyf\u00e4lt? T\u00e4nk sedan igenom din hemsida som om du inte visste n\u00e5gonting om den: var b\u00f6rjar du l\u00e4sa f\u00f6rst? \u00c4r det tydligt var alla menyknappar leder?Wikipedia anv\u00e4nder sig av en l\u00e5ng sidomeny, som hj\u00e4lper till att h\u00e5lla ordning p\u00e5 \u00e4mnen och de m\u00e5nga spr\u00e5kvalen. Notera att man anv\u00e4nt underflikar i sin sidomeny, som g\u00f6r att kategorierna kan f\u00f6rstoras och f\u00f6rminskas. Horisontella menyer har blivit allt mer popul\u00e4ra; en bidragande orsak \u00e4r som n\u00e4mnt studier som tyder p\u00e5 att hemsidebes\u00f6kare oftast tittar till v\u00e4nster p\u00e5 sk\u00e4rmen. D\u00e4rf\u00f6r anser vissa webb-designers att det \u00e4r b\u00e4ttre att placera huvudmaterialet - s\u00e5som en presentationstext - p\u00e5 hemsidans viktiga v\u00e4nstra sida, och inte st\u00f6ra l\u00e4saren med menyknappar. &nbsp; T\u00e4nk ocks\u00e5 p\u00e5 att menyn inte \u00e4r det viktigaste. Trots allt \u00e4r det ju ditt inneh\u00e5ll som du vill&nbsp;marknadsf\u00f6ra - inte dina olika sidor. Om du har en v\u00e4l utformad navigation, d\u00e4r det tydligt&nbsp;framg\u00e5r vilka knappar som leder var och knapparna syns bra, finns det ingen anledning att l\u00e5ta menyn ta allt f\u00f6r mycket utrymme i anspr\u00e5k. &nbsp; N\u00e4r det g\u00e4ller andra sk\u00e4rmar \u00e4n datorsk\u00e4rmar, s\u00e5som mobiler och iPads, tenderar ocks\u00e5 den&nbsp;horisontella navigationen att fungera b\u00e4ttre, eftersom ditt huvudmaterial d\u00e5 inte hamnar f\u00f6r l\u00e5ngt \u00e5t h\u00f6ger. &nbsp; Du kan alltid l\u00e4gga in l\u00e4nkar och \"puffar\" i ditt huvudmaterial. Om du till exempel har en e-butik vill du sj\u00e4lvklart att bes\u00f6kare s\u00e5 snart som m\u00f6jligt ska g\u00e5 in till varudelen; om du inte vill l\u00e4gga den delen p\u00e5 startsidan kan du d\u00e5 l\u00e4gga in en stor knapp, eller markera just det menyvalet med f\u00e4rg, s\u00e5 att bes\u00f6kare har l\u00e4tt att se din viktigaste sida.","og_url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/","og_site_name":"Hemsida24","article_published_time":"2013-03-27T12:59:38+00:00","og_image":[{"url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"supervisor","Ber\u00e4knad l\u00e4stid":"5 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hemsida24.se\/blogg\/#website","url":"https:\/\/www.hemsida24.se\/blogg\/","name":"Hemsida24","description":"Blogg","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"},{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#primaryimage","inLanguage":"sv-SE","url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg","contentUrl":"https:\/\/h24-original.s3.amazonaws.com\/44\/11443212-N2BRN.png?name=.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#webpage","url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/","name":"Ska man anv\u00e4nda vertikal eller horisontell navigation? - Hemsida24","isPartOf":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#primaryimage"},"datePublished":"2013-03-27T12:59:38+00:00","dateModified":"2013-03-27T12:59:38+00:00","author":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574"},"breadcrumb":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/27\/ska-man-anvanda-vertikal-eller-horisontell-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hemsida24.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"Ska man anv\u00e4nda vertikal eller horisontell navigation?"}]},{"@type":"Person","@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574","name":"supervisor","image":{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/#personlogo","inLanguage":"sv-SE","url":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","caption":"supervisor"},"url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/405"}],"collection":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/comments?post=405"}],"version-history":[{"count":0,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/405\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/media?parent=405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/categories?post=405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/tags?post=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}