Nytt design på uib.no

Illustrasjonsbilde av uib.no
Uib.no lanserer et nytt design med fokus på større tekst og bilder, mindre støy og mer luft.

I dag (10. desember 2015) fikk www.uib.no en visuell ansiktsløftning. På tide vil nok mange si, og med tanke på at vi har hatt samme design siden 2009, så var det virkelig noe som trengtes. Når man jobber med uib.no hver dag så er det ingenting som er kjekkere enn å endelig kunne se litt mer farger og ha flere muligheter på nettsidene. Vi har gledet oss lenge til å få det nye designet på plass, og selv om vi ikke er helt i mål når vi lanserer så håper vi at folk liker det de ser.

Hvorfor sier vi ikke at vi har fått nye nettsider?
Når vi omtaler dette prosjektet så sier vi at det er en redesign av uib.no, eller en oppdatering av det visuelle uttrykket. Vi kan ikke si at vi har fått nye nettsider, for det har vi ikke. Vi tar med oss innholdet fra den gamle versjonen, men vi presenterer dette på en bedre måte.

Startet arbeidet høsten 2014
Vi startet arbeidet med det nye designet høsten 2014 med en omfattende informasjonssanking. Vi gikk igjennom bruksstatistikk (Google Analytics), tilbakemeldinger fra brukere og innholdsprodusenter, og kjørte en omfattende brukertest av de gamle nettsidene (her hadde vi inne studenter, potensielle studenter og ansatte). Vi testet store deler av uib.no, og når vi analyserte resultatene og funnene fra disse brukertestene, så pekte de i stor grad på utfordringer vi allerede var klar over. Designet i seg selv var ”kjedelig og fargeløst”; sider med masse tekst var vanskelig å lese; globalmenyen og områdemenyene var for like; forsiden vår hadde for lite fokus på studenter; globalmenyen fokuserte ikke på de viktigste sidene og i tillegg var det altfor mye innhold og lett å gå seg vill på sidene. Hvordan kunne et nytt design hjelpe på disse problemene?

gammel forside uib.no
Vår gamle forside

 

Presentere innhold på en god måte
Det var viktig at vi tidlig definerte hva dette prosjektet skulle innebære. Det skulle være en endring av det visuelle uttrykket, ikke en strukturell og redaksjonell gjennomgang av hele uib.no. Dermed tok vi med oss innholdet som lå i den gamle versjonen over i det nye designet. Samtidig kunne vi med enkle designgrep gjøre det enklere for brukerne å lese innholdet på siden. Vi har fjernet sidebaren som av mange bare ble oppfattet som ”støy”, har økt fontstørrelsen og bildestørrelsen, og generelt lagt til mer luft på nettsiden. Vi ønsket i større grad et stilrent uttrykk som fremhevet innholdet på best mulig måte, uten for mye visuelt støy.

Gammel versjon

bilde av artikkel på uib.no
En side med mye visuelt støy på siden

Ny versjon – mye mindre støy

visning av artikkel på uib.no
Samme artikkel i ny design

 

UiBs grafiske profil
Det er viktig at nettsiden følger UiBs grafiske profil og det la noen føringer i arbeidet med designet. Selv om det gamle designet til en viss grad også fulgte den grafiske profilen så fremstod siden som ”grå og kjedelig”. Det nye designet til uib.no utnytter fargene i den grafiske profilen på en bedre måte. Samtidig som vi arbeidet med det nye designet ble det også gjort flere endringer i den grafiske profilen til UiB. De visuelle endringene som er gjort på nettsiden vil nå sørge for et større samsvar mellom det grafiske uttrykket til UiB på skjerm og i trykksaker.

Nettsidene våre er komplekse og har mye innhold, og vi måtte tydeliggjøre skillet mellom hovedmenyen (som går igjen på alle sider), og menyene som er spesifikke for undersider. Der menyene tidligere hadde samme farge og ble sett på som ett sammenhengende element,

bilde av gammel meny på uib.no
hovedmeny og undermeny er veldig like

har vi nå valgt å tydeligere skille dem. Ellers har vi også endret hvilke sider som ligger i hovedmenyen, for å gi enklere innganger til de mest populære og viktigste sidene på uib.no.

bilde av ny meny på uib.no
Mye tydeligere skille mellom hovedmeny og undermeny

 

Forsiden
UiB har ved flere anledninger fått kritikk for å ikke henvende seg til studenter på forsiden. Når vi ser at mellom 30% og 40% av all trafikken på nettsidene går til sider med studieinformasjon så var det bred enighet om at forsiden måtte skifte fokus. Utdanningsinformasjon har fått en mye tydeligere plass på forsiden, sammen med at både utdanning- og studentsidene har blitt profilert i hovedmenyen. Andre viktige sider som biblioteket og museet har også fått en profilert plass på forsiden. Vi har også valgt å flytte den store menyen på forsiden ned i bunnen, for å videreføre prinsippet om at det viktigste innholdet bør være i fokus.

ny forside
Ny forside som fokusere på studenter
ny bunn
Vi har flyttet den store menyen i bunn for å bedre fremheve fokusområdene

Hva gjenstår teknisk og visuelt?
Det er fremdeles mye som gjenstår når vi lanserer 10. desember, både teknisk og visuelt. Vår erfaring fra tidligere lanseringer er at man aldri blir helt ferdig, men man må på et tidspunkt likevel bare hoppe i det. Det er viktig for oss å lansere nå slik at nettsidene er mest mulig klar når rekruteringssesongen starter i januar. Vi vil kontinuerlig jobbe med å fikse feil i løpet av desember og januar, og håper at vi har det meste på plass i utgangen av januar. Vi må være ærlige å si at mobilvisningen ikke er like bra ved lansering som vi gjerne skulle ønsket. I prioriteringsarbeidet som ble gjort før lansering ble for eksempel det å fikse feil i Internet Explorer prioritert over mobil, da dette er den mest brukte nettleseren på vår nettside med opp mot 35% av trafikken.

Redaksjonelt etterslep
Etter jul vil vi i enda større grad enn tidligere fokusere på det redaksjonelle innholdet på uib.no. Der har vi mye å gå på, og det er viktig at vi får på plass en god organisering av innholdsarbeidet på nettsiden. Vi har nettverksmøter for temaområder og fakultetene, og vi vil i løpet av 2016 fokusere enda mer på innholdsprodusentene i de ulike miljøene. Dette håper vi skal forbedre innholdet på uib.no og gjøre nettsidene våre til en bedre informasjonkanal enn det har vært tidligere.

Hilsen Trude (prosjektleder), Sissel (brukerinvolvering) og Margareth (designer)

Har du noen kommentarer til det nye designet ta gjerne kontakt med oss på webred@uib.no