Jeg ønsker å fokusere litt på artiklene, og trekke fram det som er nytt etter omleggingen. Nederst finner du en komplett liste over alle endringene. Den gjennomsnittlige brukeren vil nok ikke umiddelbart tenke at det er masse nytt her, og det er heller ikke poenget. Vi ønsker kun å lage en bedre opplevelse. Dette gjør vi ved å gi mer plass til både tekst og bilder, samt flere veier videre innen artikkelen. Nå kan du også klikke på alle bilder og få dem i stor størrelse, noe vi ikke har hatt tidligere.

Det vi har laget er et fleksibelt og rent design, samt mange nye verktøy journalistene kan bruke for til formidle nyheter og historier. Hovedfokuset har vært å få mer plass til innholdet som hører til artikkelen, bilder, video, tekst, fakta og mye mer. Titler er blåst opp, tekst det samme. Bildene inne i teksten kan nå bli så mye som 480px brede, der de før kun var 320px, om man ville ha tekst ved siden av. Det har vært viktig at dette ikke skulle gå utover tekstbredden, som vi har klart å øke med 70px på det smaleste feltet. Man kan selvølgelig også bruke full bredde i tekstfeltet til bilder.

Verktøylinja øverst i artikkelen har vi forenklet veldig mye. Knappene har blitt større, ikonene renere, og de er lettere å bruke.
Nå som vi har økt fontstørrelsen i brødteksten til Arial 15px, er behovet for å blåse den opp mindre, derfor har vi fjernet dette valget. Brukere som har virkelig dårlig syn vil uansett ha justert sin nettleser til å vise større tekst over det hele. Twitter-knappen vår var tidligere kun en funksjon for å forkorte url til artikkelen. Både twitter og andre twitterklienter har nå egne måter å gjøre dette på, så behovet er nesten borte for denne funksjonaliteten, dermed fjernet vi denne også. Det mange kommer til å savne er nok konvolutten (e-post), og jeg er ikke helt sikker på at den ikke gjøre et comeback senere. Saken er bare den, at vi i snitt har 25 klikk pr dag på denne, og det kan ikke forsvare å ha den der. Som vi vet gir færre valg totalt sett flere klikk, derfor er vi strenge i utvelgelsen. Vi kunne lagt inn en slags samleknapp, men igjen, flere trinn gjør også at vi mister bruk av knappene. Siste ord er nok ikke sagt her…

Selv jubler jeg nok aller mest for publiseringsdatoen, som vi nå har lagt på samme linje som verktøyene, istedet for å gjemme den i bunnen.

Våre største nye designelementer er dypetset bilde og sitatbokser. Dypetset bilde med flytende tekst rundt har vi hatt liggende i en skuff veldig lenge, men ikke før nå har vi funnet en måte å få det til å fungere som vi ønsker i artiklene. Sitatbokser er noe veldig mange har, og det er et pent element, som papiravisa bruker mye. Vi kommer nok til å bruke mest på nett ifbm magasinet m.m. Det er veldig opp til journalistene å prøve seg fram her.

Jeg kommer til å skrive et eget lite innlegg om hvordan vi løste dypetset bilde mht html og css på siden litt senere.

Layouten på siden var en liten utfordring i begynnelsen, og jeg tror ikke vi har knekt koden helt ennå, men kommet et skritt nærmere. Først ville vi gå i full bredde, alt skulle være så stort som mulig. Noen snakket til og med om å gå utenfor breddene, men det syns ikke jeg er noe poeng. Tekstfeltet er allerede mer enn bredt nok, og når vi feks har saker fra NTB, uten bilder og annen info, kan det være litt ubehagelig å lese så bredt. Dermed ble høyremargen med henvisninger liggende. Under artikkelen ligger siste saker fra gjeldende seksjon, og aller nederst gjentar vi forsidas første 4 hele rader. Dette for at man skal slippe å gå tilbake til forsida hele tiden, og ikke skal gå glipp av nye store toppsaker, om man velger å surfe i sirkel i stedet for å gå frem og tilbake mellom forsida og artikler.

Det at vi har lagt flere saker nederst i artikkelen vil nødvendigvis også gå noe utover forsidetrafikken vår, men vi syns det er verdt det, og jeg håper brukerne er enige!

Annonseproduktet på de nye artiklene er sterkt forbedret. Det er færre og tydeligere annonseflater. I tillegg er det nå de samme mulighetene for spesialprodukter som hestesko og L i toppen, slik som på front. Man kan dermed kjøpe en pakke som går tvers over Dagbladet.no. Vi hadde tidligere en annonse i artikkelteksten som var 300×250, og en på siden som var 180×500. Disse er nå slått sammen til en stor annonse midt i skjermbildet, øverst i teksten, noe annonsørene har etterspurt. Denne plassen kollapser dersom den ikke er solgt, noe som fungerer veldig godt både for leser og annonsør.

Her er en liste over alle endringene:

• Toppbildet økes fra 960 til 978px.
• Default tittel økes fra 60px til 75px.
• Ingress økes fra 18px til 26px.
• Det er gjort plass til flere bylines samtidig enn tidligere.
• Sist oppdatert – dato er flyttet til toppen,  rett før brødteksten starter.
• Verktøylinja er halvert fra 8 til 4 valg, med større og tydeligere grafikk.
• Brødteksten fra 12px verdana til 15px arial, for bedre lesbarhet.
• Klikk for å zoome bilder i artikkelen
• Facebook Liker-knapp er lagt nederst i artikkelen.
  
• Emneord er flyttet nederst under saken, sammen med geo-tag.
• Den smaleste bredden på brødteksten er utvidet fra 180px til 250px, bredde ved faktabokser er hele 400px, samt at på lange artikler kan teksten gå i full bredde.
• Bildetekstene fra 11px verdana til 14px arial.
• Vi har gått fra 2 til 1 annonse sammen med teksten. 180×500 og 300×250 har blitt til 468×400.
• Alle bildeformater i artikkelteksten har økt med ca 150-200px.
• Alle bilder i stor størrelse ved klikk.
• Dypetset bilde med tekst rundt.
• Sitatbokser med rødt hermetegn.
• Justert design på faktabokser, rød tittel istedet for hvit.
• Grå linje under alle bilder for å skape mykt skille.
• Emneord og geotag har fått fast plass nederst i artikkelen.
• Facebook “Like-knapp” nederst i alle artikler (ikke det samme som Del på Facebook som ligger øverst).
• Et eget annonseformat for kommentarfeltet.
• Siste nytt fra seksjon under artikkelen, sammen med annonse.
• Første 4 rader på Dagbladet.no-forsida gjentas nederst i artikkelen.
• Annonseskin som hestesko og L nå også for artikler (som på forsida).

Etter forrige meny-lansering hadde vi fokusgrupper og spurte bl.a. om de visste hvor menyen vår lå. Overraskende mange forklarte at de enten ikke hadde lagt merke til den, eller at den kun lå i bunnen av siden.

Årsaken til dette er nok bl.a. at vårt hovedoppslag har masse trøkk og tar raskt oppmerksomheten til folk . Menyen er blass i sammenligning. Lesernes blikk vil derfor starte ved hovedoppslaget og bevege seg nedover derfra.

Å fylle hele toppen med rødt er derfor en veldig bevisst handling. Vi tegnet opp menyen slik allerede i januar 2010, men har ikke hatt muligheten til å lansere den før nå. Et slikt design er avhengig av midtstilling. Det har tatt tid å venne alle til tanken på å midtstille, og ikke minst å få på plass løsninger som fungerer for våre annonsører samtidig.

Endringer: sidetittel, rss, søk og innlogging plasseres i menyen. Aktive valg markeres tydeligere.

Menyen inneholder nå flere viktige elementer som vi ikke viste frem bra nok tidligere. Vi har lagt hovedtema for sidene opp sammen med logoen, samt markert menyvalgene som er relatert med en pil. Du finner også ALLTID søket vårt øverst til høyre. Innlogging ligger også øverst til høyre, og den har vi valgt å plassere der for å følge store tjenester som google, msn og finn.no. Du kan også klikke på RSS-ikonet ved tittel/logo for å finne den relaterte rss-feeden.

Glade annonsører er et av målene med den nye menyen. I motsetning til andre større nettaviser som starter siden med annonser, så har vi lenge hatt våre toppbannere under menyen. Store plakater har derimot havnet på utsiden. Dette havner nå innunder menyen vår, som går over hele bredden, og vi skaper en balanse i innholdet. Med dette heves også blikket til leserne opp i navigasjonen, slik at annonsene blir lagt bedre merke til. Det er jo hovedsaklig annonsørene vi lever av, så det er viktig å skape gode miljøer for dem.

Det er ikke til å legge skjul på at vi ble inspirert av cnn.com sitt forrige redesign av menyen. De store nettstedene som BBC, The New York Times og CNN har mange gode elementer på sidene sine, og vi er ikke redde for å la oss inspirere av det beste hos alle.

Jeg er ekstremt tilhenger av minimalisme på webben. Få valg framfor mange gir flere klikk, og mindre forvirrede brukere. På sommeren i fjor var jeg inne på tanken å kjøre en BBC-stil, der menyen består av logo og et enormt søkefelt, evt med en underlinje som viste dine siste søk, som kunne egendefineres, feks ved å låse dine viktigste og mest brukte søk. Dette kan jeg godt se for meg at vi kan gjøre fortsatt, men ikke at det kan stå alene. Ennå.

Menyen har nemlig flere funksjoner enn et sted å finne det man leter etter. Den viser også raskt hva slags nettsted man har havnet på, og hva essensen i innholdet deres er. Derfor bør man trekke lenker som går til satsningsområdene opp på øverste menynivå. Dette kan i enkelte tilfeller være lettere sagt enn gjort. Satsninsområdene kan ofte variere med årstid og trender, men en meny bør ikke endres så ofte pga brukernes vaner. Dette resulterer derfor ofte i at man velger temaer som alltid er store, året igjennom, år etter år. Det er også viktig å ikke ha for mange toppnivåer, da ser brukerne ofte ikke skogen for bare trær.

Statistikk er et viktig verktøy for å finne brukermønstre. Men disse tallene kan man fort henge seg for mye opp i når det gjelder navigasjon på nettavisene. Forsiden vår er satt sammen slik at man uansett tema, alltid skal være oppdatert på det siste som har skjedd etter å ha vært igjennom den. Høye klikktall i menyen i forhold til sakene på fronten kan dermed like gjerne bety at folk ikke finner det de er interessert i på forsida.

Det vil nok komme en del justeringer av design og innhold i den nye menyen i tiden som kommer, og vi tar gjerne imot innspill her! Og, for de som allerede har glemt den gamle, her har dere den:

Menyen på Db.no fram til 31. august 2010

Hvem er jeg?

Har du noen gang lurt på hva den lille flekken ved siden av Dagbladet.nos logo er? Da kan jeg fortelle deg at det er vår kjære Klatten.

På en kald høstmorgen i november 2008 ble lille Klatten født. Han var 25 px høy og like bred, veide knappe 471 bytes, og så ut som et adventslys. Det var ikke mange som la merke til ham, men for de som gjorde det var han kanskje et lite lyspunkt…

Etterhvert som Klatten vokste, viste han seg fra mange sider, og utviklet et imponerende skuespillertalent. Gjennom roller som rullestol, snøfnugg, eikenøtt, prøvebilde, Elvis og stemmeurne, sender han den dag i dag sine tilhengere internett rundt og gir dem nyttig informasjon om aktuelle hendelser.

Klatten har hatt mange roller de siste 11 månedene, og her er noen av dem.

Klatten har klart å utrette mye på den korte tiden han har vært med oss. Tilhengertallet har variert veldig, men han har ikke blitt demotivert av den grunn. Flest tilhengere fikk han utkledd som ninja, på ninjadagen 5. desember 2008, da over 1500 mennesker klikket på ham.

Men Klatten var aldri ment å være en såkalt “klikkemaskin”. Han skulle være et stemningsgivende element, en rådgiver, og ikke minst en opplysningsklatt. Den rollen har han hittil levert utmerket.

Klatten kledd i stemmeurne-drakt til ære for Stortingsvalget 2009

Ingen vet hvordan framtiden til Klatten ser ut. Menyer kommer og menyer går på Dagbladet.no, men det vil alltid være en plass til Klatten, et eller annet sted!