{"id":60,"date":"2012-12-06T17:18:01","date_gmt":"2012-12-06T17:18:01","guid":{"rendered":"http:\/\/www.neovita.com\/thoughts\/?p=60"},"modified":"2016-01-17T07:34:44","modified_gmt":"2016-01-17T07:34:44","slug":"det-ar-svart-med-menyer-i-mobilen","status":"publish","type":"post","link":"https:\/\/www.oninteractions.com\/thoughts\/det-ar-svart-med-menyer-i-mobilen\/","title":{"rendered":"Det \u00e4r sv\u00e5rt med menyer i mobilen!"},"content":{"rendered":"<div>\n<p><strong>Mobil-menyer beh\u00f6ver synas, f\u00e5r inte \u00e4ndras och ska g\u00e4rna vara kul att pilla p\u00e5. Det \u00e4r n\u00e5gra resultat fr\u00e5n tester som vi gjort med svt.se-bes\u00f6kare. Andra resultat \u00e4r mer nedsl\u00e5ende.<\/strong><\/p>\n<p>P\u00e5 svt.se vill vi erbjuda flera olika s\u00e4tt att hitta v\u00e5ra program och nyheter. S\u00f6k, startsidan och l\u00e4nkar i artiklar hj\u00e4lper v\u00e5ra bes\u00f6kare, men det \u00e4r ocks\u00e5 viktigt att erbjuda en strukturerad meny.<\/p>\n<p>Idag har vi tv\u00e5 menyer p\u00e5 svt.se och h\u00e4r p\u00e5 bloggen. Den \u201dglobala\u201d menyn ligger \u00f6verst p\u00e5 sidan och har svart bakgrund. Under Testbild-loggan finns den \u201dlokala\u201d menyn, en meny som ibland har tv\u00e5 niv\u00e5er, exempelvis f\u00f6r att visa upp sporterna p\u00e5 <a href=\"http:\/\/www.svt.se\/sport\/\">SVT Sport<\/a>.<\/p>\n<p>Hela sajten, inklusive menyerna, anpassar sig efter om man sitter p\u00e5 en dator\/surfplatta\/mobil. Sitter du p\u00e5 en dator kan du minska storleken p\u00e5 webbl\u00e4sarens f\u00f6nster f\u00f6r att se hur det fungerar p\u00e5 en mobil.<\/p>\n<p>Mobil-menyer \u00e4r sp\u00e4nnande f\u00f6r oss Interaktionsdesigners. Flera olika varianter finns idag, varav n\u00e5gra k\u00e4nda finns i <a href=\"https:\/\/itunes.apple.com\/se\/app\/facebook\/id284882215?mt=8\">Facebooks iPhone-app<\/a>, p\u00e5 <a href=\"http:\/\/mobil.dn.se\">mobil.DN.se<\/a> (i iPhone) och p\u00e5 <a href=\"http:\/\/m.bbc.co.uk\/news\/\">m.BBC.co.uk\/news<\/a>. N\u00e5gon tydlig vinnare bland meny-varianterna har dock inte kr\u00f6nts \u00e4n.<\/p>\n<p>Jag och min kollega <a href=\"http:\/\/blogg.svt.se\/testbild\/author\/niclasramstrom\/\">Niclas<\/a> testade nyligen 5 olika menyer p\u00e5 personer utanf\u00f6r SVT. En av Niclas varianter <a href=\"http:\/\/www.svtip.se\/emm\/kulturartikel.html\">samlar alla menyer i sidfoten<\/a>. En av mina <a href=\"http:\/\/www.svtip.se\/menu-bj\/\">samlar lokalmenyns tv\u00e5 niv\u00e5er under \u201dFler\u201d-knappen<\/a>. Prova g\u00e4rna att leka med dem. B\u00e5da prototyperna funkar b\u00e4st i iPhone.<\/p>\n<p>Tyv\u00e4rr kom vi fram till att de meny-varianter vi testade inte fungerar speciellt bra. Vi drog dock n\u00e5gra v\u00e4rdefulla l\u00e4rdomar:<\/p>\n<ul>\n<li>Navigations-menyer f\u00e5r inte vara helt dolda \u2013 dom m\u00e5ste vara synliga p\u00e5 sidorna hela tiden. Hela menyn beh\u00f6ver inte synas, men tillr\u00e4ckligt mycket f\u00f6r att det ska vara uppenbart ungef\u00e4r vad menyn inneh\u00e5ller.<\/li>\n<li>Menyer f\u00e5r inte \u00e4ndra sig baserat p\u00e5 var man befinner sig \u2013 ut\u00f6ver att markera vart man \u00e4r, exempelvis genom annan f\u00e4rg f\u00f6r den nuvarande sidan i menyn. Menyer kan dock byta inneh\u00e5ll helt \u2013 <a href=\"http:\/\/www.svt.se\/allsang\/\">Alls\u00e5ngen<\/a> inneh\u00e5ller andra sidor \u00e4n <a href=\"http:\/\/www.svt.se\/portkod1321\/\">Portkod 1321<\/a>.<\/li>\n<li>Bes\u00f6kare vill helst hitta runt p\u00e5 sajten via dess inneh\u00e5ll. N\u00e4r de hittat en artikel om Murakami vill de hitta fler artiklar om f\u00f6rfattaren, fler bokrecensioner eller fler kulturnyheter.<\/li>\n<li>Det \u00e4r alltid den mest lokala menyn som \u00e4r intressantast. P\u00e5 <a href=\"http:\/\/www.svt.se\/pejl\/\">SVT Pejl<\/a> \u00e4r det menyn med Skolpejl, Brottspejl etc som \u00e4r mest viktig f\u00f6r bes\u00f6kare \u2013 en meny vi just nu d\u00f6ljer helt i mobilen.<\/li>\n<li>Att placera menyn i sidfoten, som BBC g\u00f6r, funkar generellt bra.<\/li>\n<li>Menyn p\u00e5 DNs mobilsajt \u00e4r effektiv och ger touch-gl\u00e4dje.<\/li>\n<\/ul>\n<p>Vi tar med oss v\u00e5ra insikter in i framtida meny-experiment. Vi SKA l\u00f6sa mysteriet!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mobil-menyer beh\u00f6ver synas, f\u00e5r inte \u00e4ndras och ska g\u00e4rna vara kul att pilla p\u00e5. Det \u00e4r n\u00e5gra resultat fr\u00e5n tester som vi gjort med svt.se-bes\u00f6kare.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8,5,12,14],"tags":[],"series":[],"class_list":["post-60","post","type-post","status-publish","format-standard","hentry","category-behavior","category-information-architecture","category-prototypes","category-svt"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":2,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":707,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/60\/revisions\/707"}],"wp:attachment":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/tags?post=60"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/series?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}