17. oktober  fikk alle Eddas nettsteder, med et par unntak, et helt nytt utseende.  Målet er at innholdet skal komme tydeligere fram og brukerne få bedre opplevelser. Vi har kastet ut kolonnene på forsidene, går fra et loddrett til et vannrett design.  Journalistikken skal styre hvordan forsidene ser ut, og annonsestørrelsene følger den nye bransjestandarden.

Se for eksempel tb.no, Dt.no eller Dittoslo.no for en kikk på det nye utseendet. (I høyremargen finner du lenke til alle nettavisene våre. Med et par unntak har alle nå det nye utseendet)

Forsiden, sekssjonssidene, artikkelmalen, menyer, navigasjon og og bildegallerier har fått nytt utseende. Forskjellene fra avis til avis kan være store, siden fleksibiliet har vært et av de viktigste målene.

I journalistisk presentasjon er plass hard valuta. Jo viktigere en sak er, desto mer plass. Dette gjennomsyrer tankegangen bak det nye rammeverket. Prioriteringen av saken skal bestemme innholdet. Redaksjonene får fleksibilitet nok til å bruke layout som det journalistiske virkemiddelet det bør være på nett også.

De viktigste grepet for å oppnå dette er overgang til en modulbasert forside. Der de gamle forsidene stort sett var inndelt med en rad med en stor sak og så to rader med to små, kan frontredigererne nå velge hva slags inndeling hver rad skal ha. Du kan bytte antall saker på hver rad så ofte du finner det nødvendig.

I tillegg til at saker nå kan få den plassen de fortjener ut fra innholdet, gir dette oss mulighet til å skape brudd og uforutsigbarhet i inndelingen av front og seksjonssider, i stedet for det faste rutenettet leserne hittil har møtt dag etter dag.

Utviklingsteamet, ledet av Espen Grimsgaard, har fått til dette ved å laget et system i publiseringssystemet vårt, Polopoly, hvor journalistene velger layout for hver rad nedover på fronten ut fra dette settet med moduler:

Vi valgte å lage dette systemet selv, i stedet for å kjøpe det ellers utmerkede verktøyet Dr. Front. Siden CMSet vårt brukes av både ganske store og svært små aviser, med veldig varierende ressurser på nett måtte vi ha et system som både gir stor fleksibilitet til de som ønsker det, men som også kan gi et fast og relativt automatisert system for de som trenger det.

Redaksjonene får nå et godt verktøy for moderne nettjournalistikk. De får også en stor utfordring. All fleksibiliteten er arbeidskrevende: Innholdet må prioriteres hardere. Det går med mer ressurser til desking av fronten og seksjonene, for å utnytte mulighetene til å lage gode brukeropplevelser av journalistikken vår hver eneste dag i store som små redaksjoner.

Mindre er mer
Jo mer vi kan kutte bort innhold som ikke trenger å være der, som ikke bli klikket på, desto lettere blir det for leserne å finne det gode innholdet. Vi har åpenbart latt oss inspirere av designtrenden Dagbladet.no startet med sin redesign for noen år siden. Erfaringen fra Dagbladet var at når de kuttet 95 % av lenkene steg antall klikk. For mye å velge mellom fører til færre valg. Vi håper på samme utvikling hos oss.

Janne Flusund har ansvaret for design på nett i Edda. Her er hennes oppsummering av de viktigste endringene i det nye rammeverket:

• Vi kutter innhold:
  Vi tenker nytt på seksjonssider. Seksjonssider er typisk lite besøkt, og er ofte en kopi av forsiden. Nå skal de være mer spisset mot hvert enkelt tema og det er kuttet ned masse på innhold som ikke trenger å være på seksjon. Tidligere var vi bundet til å måtte “fylle ut” en hel kolonne med innhold, noe som gjorde seksjonene lite fokuserte. Nå er det lagt opp til moduler slik at en seksjon bare skal inneholde moduler som har noe på den seksjonen å gjøre. Nå må nettredaktørene deske seksjonene, noe som gjør at de må tenke mye mer fokusert og prioritere knallhardt hvilke seksjoner de egentlig trenger. Slik får vi bedre seksjoner.
• Vi går fra vertikalt til horisontalt design
  Det ligger i det nye designkonseptet at vi går fra et vertikalt design til et horisontalt design. Vi kan jobbe med moduler og ulike layout. Vi er ikke lenger bundet til en layout på tre kolonner. Med de tre kolonnene så stopper blikket, siden deles i tre og blikket presser nedover kolonne 1 og må scrolle opp og ned og opp igjen for å få med seg det som liger i kolonne 2 og 3. Kolonne 2 var lite klikket på, men kolonne 3 var enda mindre klikket på. En vestlig leser typisk fra venstre til høyre, derfor fungerer det bedre med et horisontalt design der leseren kan scanne hele bredden nedover på linje fra venstre mot høyre.
• Mer dynamisk forside
  Mer fokus på dynamisk innhold, mindre statisk innhold som ingen klikker på. Vi har sett at det statiske innholdet som lå i kolonnen til høyre for artiklene ble lite klikket på. Faste elementer har en tendens til å bli rammet av banner blindness-effekten, de blir etterhvert oversett av leserne. Med det nye rammeverket må nettredaktørene prioritere mye bedre og ta bort mye av det statiske innholdet som ingen klikker på. Det er lagt opp til at redaktørene skal bruke mer av de dynamiske elementene for å promotere nye tjenester heller enn å legge opp et statisk element som blir liggende år etter år. Vi får et mye bedre søk og meny med megameny som gjør at leserne kan søke i alt innhold og produkter og tjenester, ikke bare nyhetssaker.
• Megameny
  Med den nye megamenyen kan vi vise frem mye tydeligere hva som gjemmer seg bak hvert menypunkt. Vi bruker mer plass og grupperer menyelementene. Eksemeplvis får vi snart en ny markedsplass med bookingtjeneste hvor “Sett inn annonse” får en stor megameny som viser alle kategoriene og vei inn til annonsering i en megameny.
• Avis for alle
  I denne rammeverksprosessen har det vert viktig for meg at vi har fokus på Universell utforming. 20% av befolkningen har en eller annen form for nedsatt funksjonsevne. I det nye rammeverket har vi lagt stor vekt på å tilrettelegge både design med gode kontraster og fintstørrelser, html som fungerer optimalt med skjermlesere og tastaturnavigasjon og innhold som er tilgjengelig. Dette blir en prosess som vi kommer til å fortsette å fokusere på fremover. Alle som er med på å legge energi inn i avisen, både designere, utviklere og redaktører må bli bevisst på prinsippene for en mer brukervennlig og tilgjengelig avis.
• Gridbasert html, 1280 skjermer og nye annonseformater
  I fjor kom de nye annonseformatene. Vi var raske med å legge opp det gamle rammeverket med bredere kolonne 1 slik at vi fikk inn de nye formatene. Men det er først nå vi virkelig har utnyttet de nye mulighetene som det nye annonsekonseptet gir. De nye annonseformatene går opp i en grid, noe som gjør at vi nå kan lage et design som har en grid som går opp i bredden siden alle bannerne har et format som slutter på -80.
• Vi har lagt opp til en grid på 980 som støtter bedre de nye annonseformatene og gjør det mye lettere og mer fleksiblelt for oss å designe nyvinninger på avisene. Jeg gleder meg til å designe nye moduler på det nye rammeverket, nå har vi mye mer spillerom! Tidligere kunne vi ikke designe noe som gikk over de 3 kolonnene på grunn av måten det var byget opp på, men nå kan vi designe hele horisontale rader og putte de inn.
• Utvikling hver dag
  Dette åpner for mye mer fleksibilitet i den videre utviklingen av rammeverket. Vi kan raskt teste ut nye konsepter uten å måtte gjøre en helt ny rammeverksprosess. Målet er at vi nå skal utivkle rammeverket kontinuerlig bit for bit, noe som gjør at vi antagelig ikke vil ha behov for å gjøre en total rammeverksprosess/redesign igjen men altså gjøre endringer mer gradvis. Dette er bedre for leserne våre og vil gi oss mer spillerom for løpende innovasjon og testing.
• Flat meny-struktur
  Vi slutter å tenke hierarki i menyer, og ten ker mer i bane av kontekstuell meny. Menyen er mer oppløst, det betyr at hovedmenyen ikke lenger må kopieres ned på alle undersider. Nå kan vi lage under sider som har en meny som er relevant for hver brukeroppgave for hver side. Slik unngår vi å ha mange lag med menyer på undersider.
• Løsrevet bildegalleri
  Vi har laget et nytt bildegalleri som r løsrevet fra en galleri-seksjonsside. Slik kan vi lenke til en fullskjermvisning av galleriene uten å måtte vise frem først 3 menyrekke med menyhierarki før bildene dukker opp. Nå er bildene i fokus.

Gi oss tilbakemeldinger
Vi gleder oss til å se hvordan det nye rammeverket blir brukt i praksis, både av redaksjoner og brukere. Har dere innspill til oss i Edda Utvikling eller til enkeltredaksjoner i Edda om dette er det bare å bruke  kommentarfeltet. Vi vil vite hva dere mener.

Beslektede poster:

1. Mobil videresending på plass for alle Eddas nettaviser
2. Sengetid er primetime på Eddas nettaviser