I dag endrer vi forsiden på VG Nett. Vanligvis er ikke sånne ting en nyhet for andre enn oss selv, men noen ganger, som i dag, trår vi litt hardere til. Sist vi gjorde en så stor omlegging av forsiden var i 2001, så det er ikke til å legge skjul på at vi er spente på hvordan dagens omlegging blir mottatt. Jeg skal her gi en smakebit av hva som kommer senere i dag (se skjermdump nederst i denne posten).
Selv om vi har hatt et design som har fungert bra for oss i mange år, så har rammene vi la for oss selv i 2000 nå gitt oss et kaotisk preg. I VG Nett setter vi pris på dette kaoset, men det er ikke til å legge skjul på at nye redigeringsmuligheter og annonseformater vi har lagt på i løpet av de ni foregående årene, har gjort at forsiden etter hvert har blitt for uoversiktlig og omfattende.
De synligste endringene for sluttbrukeren er trolig at vi nå fjerner menyen på venstre side. Dette er grep vi allerede har gjort på nye seksjoner som Min Mote, men nå ruller vi ut denne endringen også på forsiden. Menyen flyttes opp i toppen, og er tilsynelatende langt mindre enn før. Nå har vi ti hovedvalg i menyen, mot kanskje det femdobbelte tidligere. Men det er ikke slik at man finner færre ting enn før: Vi går nå over til å bruke dropdown-menyer som gir flere valg. Alt i alt kan man via menyen finne flere ting enn tidligere, men den fremstår likevel som enklere.
Vi går også ut i bredden. Som kommentert andre steder på nett, tilpasser vi nå bredden på VG Nett til skjermer med 1280 piksler bredde. Vi ser av våre statistikker at dette er den mest utbredte skjermstørrelsen blant våre brukere. Imidlertid vet vi at det fremdeles er noen som har mindre skjermer. Denne størrelsen er blitt spesielt vanlig på små netbooks. Derfor har vi valgt et prinsipp om at alt redaksjonelt materiale skal få plass innenfor 1024 piksler.
En sammenligning mellom ny og gammel forside (bildet under bytter mellom gammel og ny forside hvert femte sekund). Vær obs på at annonseformatene ikke er helt riktige i eksempelet under:
Den økte bredden gir oss nye muligheter redaksjonelt. Hovedløpet med artikler er nå økt i bredden fra ca. 460 piksler til 590 piksler. Dette betyr at vi har bedre plass til saker og oppslag. Det betyr også at vi nå kan legge flere saker i bredden – tidligere har vi vært begrenset til to. Ved helt spesielle tilfeller kan vi også la hovedoppslaget dekke hele bredden, tett oppunder 1000 piksler. Det betyr kort sagt at vi nå visuelt kan skille mellom de virkelig store nyhetene og de mer gjennomsnittlige på en helt annen måte enn før.
Høyrespalten vår har også vært gjennom store endringer. Den har også økt i bredden og er blitt dobbelt så bred som tidligere. Med det grepet håper vi å kunne gi bedre plass og forbedret synlighet til de mer langtlevende sakene våre, som tester, faktastoff, og annet som ikke nødvendigvis er utelukkende dagsaktuelt.
I tillegg kommer forbedringer som i utgangspunktet kan virke som småpirk: Mulighet til å legge titler som overlay over bilder, langt større fleksibilitet til å bygge layout basert på tårn, saker i bredden, osv. Jeg kunne gått i detaljer her, men det har trolig ingen hensikt: Mulighetene vi nå har fått er mange. Permutasjonene av dem enda flere. Så tiden vil vise hvordan vi faktisk kommer til å utnytte dem.
Annonser
Den økte bredden har også gitt oss mulighet er å rydde opp i områdene med størst annonsetetthet. Gevinsten av det er tosidig: Både redaksjonelt innhold *og* annonsørenes budskap blir mer synlig og uforstyrret fra hverandre.
En effekt av dette er også at det blir færre annonsekollisjoner, dvs. annonser som står ved siden av andre annonser. Vi håper med det å unngå kollisjon av for mange budskap på en gang. Igjen er dette et grep vi mener gjør annonsørenes budskap enda mer synlig enn tidligere.
Annonsørene får også noen nye muligheter: For de som nå ønsker å trå litt ekstra til og nå kundene sine med budskap som slår litt ekstra, så vil man nå ha mulighet til L-formater som er enda mer synlige enn de vi har hatt. I tillegg får man en helt ny mulighet, et såkalt sticky-format. Dette er et vanlig sideboard som blir stående fast når man scroller nedover siden. Her har vi fått et nytt format med veldig god synlighet, som vi tror kan være interessant for mange med spesielle budskap.
Det mest praktiske endringer for våre annonsører er ellers at toppboardet også øker i bredden, fra 768 piksler til 990, og at nettboardet går opp til 580 piksler i bredden fra 468 piksler. Det økte arealet gir størrelse fleksibilitet for å utforme kreative budskap.
Det siste er at usolgte posisjoner nå ikke er synlige. Det kan synes som en bagatell, men det betyr at de solgte budskapene er de som får synlighet først og fremst. I det store og hele mener vi at alle disse grepene er verdiøkende for annonsørene våre.
Faste plasser
Vi vet at svært mange har satt VG Nett som sin startside, og det tar vi konsekvensen av i det nye designet. Mye informasjon man tidligere har måttet klikke seg fram til, er nå synlig og lett tilgjengelig på førstesiden. Det meste av det ligger nederst på forsiden.
Vi har hatt mange faste plasseringer også på den gamle fronten, men nå har vi valgt å samle alle disse tingene i bunnen av siden. Det betyr at blant annet VGs papirutgave, Morten-M og Dilbert får nye hjem på VG Nett-forsiden. Men synligheten er like god som før, og i Dilberts tilfelle betyr det faktisk mer synlighet: Nå kan du lese hele Dilbert-stripa uten å klikke deg videre.
Det som skjer med Dilbert har skapt et prinsipp for andre populære tjenester: Våre to populære tjenester Vær og TV-guide har nå fått faste plasseringer, og om du bare ønsker et overblikk over hva som går på TV akkurat nå eller hvordan været er for øyeblikket, kan du få det uten å gå noe sted. Den informasjonen er nå tilgjengelig med et øyekast.
Været, som har blitt liggende i toppen som før, har fått bedre plass og er nå også blitt personaliserbart. Tidligere har vi på front vist hvordan været er i Oslo akkurat nå. Men nå kan du selv velge det stedet du ønsker å følge med på.
Tekniske forbedringer
En ny forside innebærer mange endringer også teknisk. Jeg tenkte jeg skulle nevne noen av de viktigste for meg.
En overordnet målsetning er at vi skulle kunne gjøre disse endringene uten å bli tyngre enn før (i kilobytes). Men i tillegg har vi utforsket nye teknikker, som bruk av sprites i stedet for grafiske enkeltelementer, i et forsøk på å minimere antallet requests mot serverne når siden lastes. De færreste av dere vil reflektere over akkurat dette – og det skal dere ikke heller.
Men for teknisk interesserte kan jeg si at dette effektiviserer lastetiden, spesielt i nettlesere som Internet Explorer 7, som til enhver tid ikke kan ha mer enn to samtidige requests gående mot en server. Når en side består av noen hundre request ender man med at det ikke er tyngden som er mest avgjørende for lastetiden, men tiden det faktisk tar å åpne og lukke forbindelsen til serveren for hvert element. Bruk av sprites er ett av flere grep som er gjort for å minimere dette.
All grafikken i toppen ligger for eksempel i en enkelt fil.
Jeg vil tro at noe sånt tidligere ville bestått av 25 elementer; nå er det redusert til ett element.
Ellers er forsiden nå i enda større grad enn før laget med XHTML. Så vidt jeg kan se er også de siste ikke-CSS-baserte layout-teknikkene nå fjernet. Noen av verktøyene våre produserer riktignok fremdeles litt for verbos kode, men det er ting jeg vil tro vi får ryddet opp i etter hvert. Vi har også dristet oss til noe mer JavaScript-avhengighet enn tidligere, blant annet i forbindelse med menyen. Men som hovedregel skal det meste fungere også for de som av en eller annen grunn har valgt å slå JS av.
Målsetningen vår har vært å produsere en rikere forside uten at den blir verken tyngre eller tregere, og så langt ser det ut som vi har lyktes med det.
Vi vil ha dine tilbakemeldinger
Når vi legger ut den nye forsiden, vil vi gjerne ha dine tilbakemeldinger. Det kan du enten komme med her, eller i dedikerte tilbakemeldingsskjemaer vi legger ut på fronten.
Noenlunde slik blir det seende ut. Legg merke til at annonseformatene ikke er helt riktige på dette skjermbildet.
Vi svarer på deres spørsmål live nå.
Dere kan også komme med direkte tilbakemeldinger til meg på twitter: @oterhals
