{"id":356,"date":"2011-01-11T16:15:02","date_gmt":"2011-01-11T15:15:02","guid":{"rendered":"http:\/\/kan.mabande.se\/?p=356"},"modified":"2011-01-11T22:18:46","modified_gmt":"2011-01-11T21:18:46","slug":"ska-_jag_-verkligen-kritisera-medea","status":"publish","type":"post","link":"https:\/\/kan.mabande.se\/?p=356","title":{"rendered":"ska _jag_ verkligen kritisera MEDEA?"},"content":{"rendered":"<p>Blev idag l\u00e4nkad till en lista \u00f6ver open access-journaler (akademiska s\u00e5dana) som <a title=\"MEDEA\" href=\"http:\/\/medea.mah.se\/2011\/01\/new-media-open-access-academic-journals\/\" target=\"_blank\">MEDEA sammanst\u00e4llt<\/a> och eftersom jag gillar allm\u00e4nt \u00e5tkomlig forskning ville jag kolla in listan.<\/p>\n<p>Dock. Att.<\/p>\n<p>Detta \u00e4r vad som ligger above the fold p\u00e5 min eee PC (1024*600):<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-358\" title=\"Medea above the fold\" src=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/Medea-above-the-fold.jpg\" alt=\"Medea above the fold\" width=\"368\" height=\"216\" \/><\/p>\n<p>BAM! V\u00e4ldigt mycket <a title=\"&quot;Measuring Visual Clutter&quot;\" href=\"http:\/\/www.journalofvision.org\/content\/7\/2\/17\" target=\"_blank\">visuellt brus<\/a>. En <a title=\"Testa heatmaps p\u00e5 Feng Gui\" href=\"http:\/\/www.feng-gui.com\/Default.aspx\" target=\"_blank\">heatmap<\/a> p\u00e5 denna screenshot ger att texten i nedre h\u00f6gra h\u00f6rnet (den som \u00e4r syftet med sidan) \u00e4r helt kall.<\/p>\n<p>Men okej, en datagenererad heatmap \u00e4r ju inte samma som faktisk eyetracking och det visuella bruset best\u00e5r ju av enkla former i en s\u00e5pass bra f\u00e4rgskala att det snabbt  g\u00e5r att tolka bort mycket av det till f\u00f6rm\u00e5n f\u00f6r texten, men \u00e4nd\u00e5: det  de vill informera om hamnar p\u00e5 en undanskymd plats.<\/p>\n<p>L\u00e5t oss g\u00e5 vidare ned\u00e5t d\u00e5. Vi har hittat artikeln, l\u00e4ser f\u00f6r fullt och hoppar ned\u00e5t en sk\u00e4rm (jag g\u00f6r det oftast via mellanslaget, men det g\u00e5r ju lika bra med ett musklick i rullisten eller PgDn).<\/p>\n<p>D\u00e4r finns tomhet.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-359\" title=\"medea 2\" src=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/medea-2.png\" alt=\"medea 2\" width=\"368\" height=\"216\" \/><\/p>\n<p>Efter att hj\u00e4rnan lyckats sortera bort alla figurer f\u00f6r\u00e4ndras pl\u00f6tsligt sidan radikalt och n\u00e4stan allt visuellt brus f\u00f6rsvinner. N\u00e5gonting saknas och hj\u00e4rnan m\u00e5ste allts\u00e5 st\u00e4lla om sig igen vilket \u00e4ven det st\u00f6r l\u00e4sningen.<\/p>\n<p><strong>Hela sidan ser ut som h\u00e4r bredvid:<\/strong> <a href=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/Medea-topphalva.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-360\" title=\"Medea topphalva\" src=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/Medea-topphalva.png\" alt=\"Medea topphalva\" width=\"227\" height=\"387\" \/><\/a><\/p>\n<p>Ett tungt huvud, d\u00e4r former, f\u00e4rger och text sl\u00e5ss om uppm\u00e4rksamheten &#8230;och d\u00e4r texten f\u00f6rlorar.<\/p>\n<p>Detta f\u00f6ljs av en uppdelning i tv\u00e5 spalter &#8211; en med whitespace och en spalt som inneh\u00e5ller infon man kom till sidan f\u00f6r att l\u00e4sa, samt kommentarsm\u00f6jlighet (stort plus att den \u00e4r <a title=\"L\u00e4s mer om n\u00e4stlade \/ on\u00e4stlade kommentarstr\u00e5dar\" href=\"http:\/\/mabande.se\/ondesign\/\" target=\"_blank\">icken\u00e4stlad och kronologisk<\/a>). Ju l\u00e4ngre text eller ju fler kommentarer desto mer whitespace p\u00e5 sidan.<\/p>\n<p>Det k\u00e4nns som att det beh\u00f6vs antingen utfyllnad f\u00f6r att f\u00e5 bort den vita blaffan eller st\u00e4dning f\u00f6r att f\u00e5 bort bruset f\u00f6r just nu \u00e4r det d\u00e5ligt fr\u00e5n b\u00e4gge h\u00e5ll. Definitivt inte det s\u00e4msta av b\u00e4gge v\u00e4rldar, men lite negativt \u00e4nd\u00e5. Kanske en screenshot fr\u00e5n n\u00e5n av siterna p\u00e5 listan eller bara en st\u00e4mningsbild \/ symbol?<\/p>\n<p>Eller kanske helt enkelt bara s\u00e4tta en bakgrundsf\u00e4rg? N\u00e5n gr\u00e5 eller beige nyans f\u00f6r att s\u00e4rskilja tomrummet fr\u00e5n textutrymmet, f\u00f6r de sl\u00e5r n\u00e4stan ut varandra. Framf\u00f6r allt i det aktuella inl\u00e4gget som fr\u00e4mst best\u00e5r av en l\u00e4nklista.<\/p>\n<p>I nul\u00e4get f\u00e5r jag lite intryck av att designen p\u00e5 sidan \u00e4r mer f\u00f6r att lyfta fram MEDEA:s verksamhet och estetik \u00e4n just den publicerade texten. <a href=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/Medea-bottenhalva.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-365\" title=\"Medea bottenhalva\" src=\"http:\/\/kan.mabande.se\/wp-content\/uploads\/2011\/01\/Medea-bottenhalva.png\" alt=\"Medea bottenhalva\" width=\"218\" height=\"372\" \/><\/a>Denna k\u00e4nsla f\u00f6rst\u00e4rks av den imponerande utf\u00f6rliga sidfoten som inneh\u00e5ller tips om andra artiklar och blogginl\u00e4gg p\u00e5 samma site, publikationer fr\u00e5n MEDEA, samt l\u00e4nkar till andra bra siter som kanske vore en id\u00e9 att fylla ut tomrummet \u00f6ver med (f\u00f6rutsatt en sm\u00e4rre f\u00e4rg\u00e4ndring).<\/p>\n<p>Och.<\/p>\n<p>Ett f\u00e4lt med \u00e4mnestaggar som inte \u00e4r av denna v\u00e4rlden. Det \u00e4r seri\u00f6st en fj\u00e4rdedel av sidan som \u00e4r dedikerad till en femtioraders tagglista i en f\u00e4rggradient fr\u00e5n (typ) r\u00f6tt till gult. Eftersom den inte \u00e4r i bokstavsordning vet jag inte riktigt om den \u00e4r till f\u00f6r m\u00e5lstyrd navigering eller om man bara ska sl\u00e4nga dit ett klick och f\u00e5 en \u00f6verraskning.<\/p>\n<p>Det skulle vara intressant att veta hur m\u00e5nga klick den listan genererar j\u00e4mf\u00f6rt med \u00f6vrig navigering.<\/p>\n<h3>Uppdatering<\/h3>\n<p>Strax efter att jag <a title=\"Twitter\" href=\"http:\/\/twitter.com\/#!\/MabandeOnDesign\/status\/24849451474489344\" target=\"_blank\">twittrat ut detta inl\u00e4gg<\/a> fick jag svar fr\u00e5n MEDEA, s\u00e5 jag kopierar in lite:<\/p>\n<blockquote>\n<div><span><a title=\"Twitter\" href=\"http:\/\/twitter.com\/#!\/medeamalmo\/status\/24851999665164288\" target=\"_blank\">medeamalmo<\/a><span> <\/span> <\/span><\/div>\n<div>@MabandeOnDesign haha, tack! Ett sammantr\u00e4ffande att vi idag tr\u00e4ffat designbyr\u00e5 f\u00f6r att styra upp det hela. Ska  skicka ditt inl\u00e4gg till dem<\/div>\n<\/blockquote>\n<blockquote>\n<div>\n<div><a title=\"Twitter\" href=\"http:\/\/twitter.com\/#!\/MabandeOnDesign\/status\/24854230565126144\" target=\"_blank\"><span> MabandeOnDesign<\/span><\/a><\/div>\n<div>\n<div>@medeamalmo Tackar! Sk\u00f6nt att jag inte f\u00f6rol\u00e4mpade n\u00e5n ;)<\/div>\n<\/div>\n<\/div>\n<\/blockquote>\n<blockquote>\n<div>\n<div><span> <a title=\"Twitter\" href=\"http:\/\/twitter.com\/#!\/medeamalmo\/status\/24854632719192064\" target=\"_blank\">medeamalmo<\/a> <\/span><\/div>\n<div>\n<div>@MabandeOnDesign absolut inte, blev tv\u00e4rtemot riktigt imponerad av dina kommentarer som kommer att hj\u00e4lpa oss i designarbetet. Tack!<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<\/blockquote>\n<div>&nbsp;<br \/>\nS\u00e4ger det \u00e4n en g\u00e5ng: sk\u00f6nt att jag inte trampade p\u00e5 n\u00e5gra \u00f6mma t\u00e5r och l\u00e4gger till att jag \u00e4r glad att kunna hj\u00e4lpa till. Ser fram emot att kolla den nya versionen!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blev idag l\u00e4nkad till en lista \u00f6ver open access-journaler (akademiska s\u00e5dana) som MEDEA sammanst\u00e4llt och eftersom jag gillar allm\u00e4nt \u00e5tkomlig forskning ville jag kolla in listan. Dock. Att. Detta \u00e4r vad som ligger above the fold p\u00e5 min eee PC (1024*600): BAM! V\u00e4ldigt mycket visuellt brus. En heatmap p\u00e5 denna screenshot ger att texten i [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[202,4,23],"tags":[202,251,23],"class_list":["post-356","post","type-post","status-publish","format-standard","hentry","category-informationsarkitektur","category-internet","category-webdesign","tag-informationsarkitektur","tag-medea","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/posts\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=356"}],"version-history":[{"count":25,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/posts\/356\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=\/wp\/v2\/posts\/356\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/kan.mabande.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kan.mabande.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}