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

Tyrfing

Kong Svarflame henter sverdet Tyrfing fra Durin og Dvalin. Dramatisk gjengivelse.
Kong Svarflame henter sverdet Tyrfing fra Durin og Dvalin. Dramatisk gjengivelse.

Tyrfing er et magisk sverd smidd av dvergene Dvalin og Durin. Altså ikke dvergene fra Hobbiten, men fra den norrøne diktningen (som Tolkien forøvrig var veldig inspirert av). Det er antagelivis få som vet at Tyrfing er navnet på et sverd, men før nå visste ingen at det også er navnet på en nettapplikasjon vi har utviklet i forbindelse med faget INF219 (Informatikkprosjekt I).

Navnet Tyrfing kommer helt ærlig av fem minutter med desperat søking på Google etter ett seriøst navn på programmet vi utviklet. Veilederne våre mente at det midlertidige navnet «UiB supersøk» ikke var bra nok. Det var ingen av oss på prosjektet som hadde hatt noen fag som kunne hjelpe oss i navngivingsprosessen. Det var heller ingen av oss som hadde hatt noen emner om norrøn mytologi. Om det hadde vært tilfellet, hadde vi kanskje visst nok om Tyrfing til å vite at sverdet også er forbannet og vil forårsake tre store ugjerninger. Vi skulle kanskje brukt mer enn fem minutter på Google allikevel.

Men bloggposten skal ikke handle om norrøn mytologi, den skal handle om hvorfor ingen på gruppen har hatt tatt emner hvor vi kunne lært mer om norrøn historie.

I vårt prosjekt ville vi gjøre det mulig for studenter å søke blant emnene UiB tilbyr, og samtidig se om timeplanen for fagene kolliderer.  Vi har tatt inspirasjon av to tidligere INF219-prosjekter «Kvast» og «Emnesjekkeren» utviklet av henholdsvis Kjetil Golid og Kristian Nøstdal, og Thomas Lie. Kvast har gjort det lettere for studenter å søke etter og finne informasjon om emner ved UiB. «Emnesjekkeren» har gjort det mulig for studenter å fort se om emner kolliderer. Vår store plan var å kombinere tankene bak både «Kvast» og «Emnesjekkeren» slik at man fikk en mer helhetlig tjeneste. Vi kan starte med å se på hvorfor en slik tjeneste har livets rett.

Jeg ønsker å finne et emne å studere til høsten. Hva gjør jeg?

image07

uib.no/emne er UiBs nettside hvor man skal kunne finne emner og informasjon om disse emnene. Søket gir kun muligheten til å filtere ut på studiepoeng, grad og fakultet, og muligheten for å søke etter fag på nøkkelord og fritekst er den største mangelen. Man må da potensielt måtte trykke seg gjennom 2340 emner om man ikke på forhånd vet på hvilket fakultet, størrelse eller grad emnet man ser etter befinner seg i.

Derfor var noe av det første vi gjorde å lage ett fritekstsøk. Det vil si at man har mulighet til å søke etter hva man vil enten det er en emnekode, emnenavn eller noe man bare tror beskriver det man er ute etter. I vårt tilfelle er det «norrøn».

image08

Her ser vi at UiB tilbyr mange emner som involverer norrøn på en eller annen måte. Man kan kanskje hevde at et slikt søkefelt gjør det lettere for studentene å finne emner de ellers aldri ville ha funnet. Dette gjelder spesielt emner på andre fakulteter enn det man går på selv.

Hvorfor har ikke UiB utviklet en slik søkemotor selv?

Vi lar det være opp til kommunikasjonsavdelingen å svare på, men en av grunnene er nok måten emner er beskrevet på hos UiB. Det er slik at nettsiden til UiB og all informasjon som ligger på den skal være på nynorsk. Dette er dessverre (?) ikke tilfelle. Derimot så kan man finne en god blanding av nynorsk, bokmål og engelsk.

La oss se på noen eksempler (trykk på bildet for å forstørre):

Når vi søker etter engelske ord og uttrykk på Google forventer vi ikke å finne norske sider. Det samme gjelder om man skal lage en søkemotor for UiB. Hvis man søker etter etter ord på nynorsk, vil det være vanskelig for søkemotoren å finne emner som er skrevet på bokmål selv om det kanskje er disse brukeren så etter.

Det er altså ett stort problem at UiB ikke har konsistente emnebeskrivelser.

Når de har klart å ordne opp i emnebeskrivelsene sine, burde UiB prøve seg på en søkemotor. Det kan umulig se verre ut enn vårt førsteutkast.

image03
Ett ikke helt seriøst førsteutkast av designen

Jeg har funnet noen interessante emner jeg vil ta. Hva nå?

Når en student nå har funnet emner hun eller han er interessert i å ta, vil man gjerne at disse emnene er mulig å ta samtidig. Forelesninger og seminargrupper bør ikke kollidere. UiB tilbyr per dags dato ingen enkel måte å finne ut dette på. Vår løsning av dette kan man se på bildene under:

Noen lesere vil kanskje mene at det ikke spiller noen rolle om grupper og forelesninger ikke kolliderer, så lenge eksamensdatoen er på samme dag. Vi er helt enige! Problemet vårt gjennom prosjektet er at UiB ikke legger ut eksamensdatoer som åpne data. Dette har gjort det vanskelig å bruke disse datoene i vårt prosjekt.

Så hva er åpne data?

Åpne data er informasjon som er lagt ut i et maskinlesbart format og åpent tilgjengelig. Med maskinlesbart mener man at en datamaskin må kunne lese og tolke informasjonen. Notater fra biologiforelesningen du har scannet inn og lagt ut på Facebook er altså ikke åpne data. Selv om alle dine venner kan lese det, er det ikke åpent for alle og vanlige dataprogrammer kan ikke lese teksten.

Vårt prosjekt har hatt som mål å bruke åpne data fra UiB. Det passer derfor utmerket at UiB er det universitetet i Norge som har kommet lengst i å legge ut åpne data og gjøre det lett å bruke. Informasjon om UiB sine åpne data og hvordan man bruker det kan dere lære mer om på http://data.uib.no/.

Men kanskje er ikke alt så perfekt likevel?

Alt er likevel ikke rosenrødt med UiBs åpne data. Selv om det kanskje er relativt lett å få ut data fra UiB, burde de tatt en titt på kvaliteten til dataene de legger ut. Gjennom vårt arbeid har vi funnet mange morsomme små kuriositeter. En ting er, som vi allerede har vist, at de ansatte ved UiB ikke er enige om man skal bruke nynorsk, bokmål, engelsk eller en god blanding av alle tre når man skriver emnebeskrivelser.

Vår personlige favoritt er omvendte spørsmålstegn (¿). Et av emnene som virkelig har utmerket seg i bruk av av omvendte spørsmålstegn er RELV233. Det må riktignok tas et lite forbehold om at det faktisk kan være noen som foretrekker bruk av omvendte spørsmålstegn fremfor punktlister. Men mest sannsynlig stammer dette fra noe feil langt nedi UiB sine datasystemer.

image06
Ekstrem bruk av omvendte spørsmålstegn

Det eksisterer nok også litt uenighet innad på UiB om hvordan man skal fylle ut informasjon om en gruppeaktivitet. Nedenfor kan vi se to forskjellige måter man kan gjøre det på ved henholdsvis MAT111 v15 og INF101 v15.

"INFO101": {
    "description": "INF101 Gruppe 3",
    "activity": "grupper"
},
"MAT111": {
    "description": "gruppe",
    "activity": "MAT111"
}

Konklusjon

Etter å ha jobbet med dette prosjektet, mener vi i gruppen at UiB må jobbe videre med sin bruk av åpne data. Det er nå relativt enkelt å hente ut data. Men man mister noe av formålet når mye av denne dataen ikke holder høy nok standard. Det burde ikke være vanskelig for UiB å sørge for at man oppretter standarder på hvordan og på hvilke språk emneinformasjon er fylt ut.

De av dere som har hengt med så langt vil kanskje være interessert i den 36 siders lange rapporten fra prosjektet. For de av dere som også kanskje kunne tenkte dere å teste ut applikasjonen vår er den tilgjengelig på sok.pew.no. Applikasjonen vil også bli lagt ut som åpen kildekode så fort som mulig – se institutt for informatikk sine nettsider.

Det må riktignok tas et stort forbehold om at applikasjonen er ment som ett prøveprosjekt og burde ikke stoles på. Best informasjon får man nok fortsatt ved å ta kontakt med studiekonsulenter ved de ulike instituttene. Enn så lenge.

Kommentar til innlegg om UiBs nettsider

Takk til Ellen Birgitte Folgerø for nyttig innspill og kritikk av UiBs nettsider.

UiBs førsteside ukene før 15. april.
Bildet viser UiBs førsteside ukene før 15. april.

Om lag en tredjedel av sidevisningene på uib.no er relatert til utdanning, først og fremst innhold som ligger på fellesområdet for «Utdanning», og halvparten av brukerne våre er under 30 år. Vi vil selvsagt at potensielle søkere enkelt skal finne frem til relevant informasjon om studietilbud, opptak, studentliv og lignende. Noe av dette ivaretas gjennom å endre fokus på sidene etter universitets årshjul. Fra nyttår og frem til søknadsfristen 15. april, prioriterer vi særlig utdanningsrelatert informasjon med blant annet synlige lenker til opptak og studietilbud fra UiBs førsteside.

Den andre utfordringen er å ha gode landingssider med relevant innhold for de som besøker nettsidene våre. Disse lages i samarbeid med fakultetene og innholdet vises både på utdanningsområdet og på fakultetenes og instituttenes nettsider. Universitetet er stort og mangfoldig, og det er derfor et godt prinsipp at innhold skal lages nært de ulike fagmiljøene. Det gir imidlertid utfordringer med mange innholdsprodusenter og til tider sprikende informasjon på sidene. Vi ser også at dagens navigasjon til studieinformasjon både fra fakultet/institutt og sentralt på området uib.no/utdanning, lett kan skape forvirring.

Det siste halve året har vi jobbet med et prosjekt for å redesigne uib.no. Som grunnlag for endringer har vi gjort mange brukertester av nettsidene, og flere av resultatene herfra støtter opp under de innspillene du kommer med. Derfor har vi også jobbet mye med å utvikle et design og en navigasjon som gjør det enklere og mer intuitivt å finne fram på sidene. Uib.no i ny drakt lanseres i løpet av høstsemesteret og vil bygge på en oppdatert grafisk profil for hele UiB som er langt mer fargerik enn dagens.

I kommende studieår får vi i tillegg på plass en ny og bedre søkemotor for uib.no. Samtidig jobber vi daglig med redaksjonell utvikling av innhold i samarbeid med hele UiB.

Vårt fremste mål er at nettsidene våre skal synliggjøre universitets kvaliteter, både for nye og gamle studenter. I dette arbeidet tar vi med oss alle gode innspill på veien mot et levende, inspirerende og informativt nettsted.

Tre grunner til at UiBs nettsider ikke lykkes

Sommeren nærmer seg, og et godt tegn på det er russen. Russen feirer at 13. års skolegang nærmer seg slutten. Hva skal de til høsten? Friår, folkehøyskole, reise eller begynne på en høyere utdanning? En måned tidligere jobbet hele studieadministrasjonen som svetten rant. Hvorfor det?  En grunn: 15. april. Ungdommer fra videregående skal ta noen av sine viktigste valg. Hva skal jeg bli og hvor skal jeg bli det? Studieadministrasjonen skal lokke de beste til Universitetet i Bergen.

Undersøkelser gjort ved Universitet i Bergen viser at alle som kommer til vårt studiested er innom nettsidene før det store valget tas. Det er synd.

For det som møter elever er uoversiktlige nettsider hvor det er vanskelig å finne informasjon. Selv på mitt tredje studieår finner jeg sjeldent fram til den informasjonen jeg leter etter. Ta for eksempel nettsiden til Det matematisk-naturvitenskapelige fakultet: Der blir du møtt med et bilde av noen flotte studenter i solen, og en tørr faktatekst om fakultetet. Derifra er det ikke så lett å finne informasjon om fakultet, satsningsområder, hvorfor man bør velge Det matematisk-naturvitenskapelige fakultet (MatNat), UiB, eller annen relevant informasjon for russen.

uibnoill
Hjemmesiden til UiB vekker ikke akkurat nyskjerrigheten.

Det andre man møter på UiBs hjemmeside er en nettside som på ingen som helst måte inspirerer, appellerer til læring, eller gir inntrykk av at dette er et sted du har lyst til å være. Snarere tvert imot. Personlig ville jeg hatt noe som skapte blikkfang. Noe som tok interessen min med en gang. Og den beste måten å gjøre det er med farger. Den kommunegrå framtoningen til nettsidene bidrar til å få universitetet til å framstå som en konservativ og utdatert utdanningsinstitusjon. Utseendemessig er universitetets nettsider gammeldagse og kjedelige. Et annet tiltak som vil appellere til studenter er bilder. Bilder som er relevant til utdanningen de tar. Som student på MatNat hadde jeg blitt veldig nysgjerrig hvis det hadde vært noen bilder av noen flotte celler eller hva med en fargerik framstilling av en partikkelkollisjon? For hvor lenge har ikke skandale-museet preget forsidene til UiB? Det virker rett og slett som Universitetet er en uprofesjonell og udatert utdanningsinstitusjon.

For det tredje, hvorfor bør man velge Universitetet i Bergen framfor andre utdanningsintutisjoner? Hva er det som vi har, som vi er best på, som gjør at du bør velge oss? Hvilken historie om universitetet er det nettsidene forteller? En liten fugl sa til meg at MatNat sine store statsningsområder er miljø, marin og energi. Det er jo spennende, samfunnsnyttig og dagsaktuelt. Lurer på hvorfor ikke det når ørene til framtidens studenter, eller for den slags skyld – nåværende studenter, som f.eks meg selv som kun hørte om dette på mitt tredje studieår? Er ikke den beste publisiteten uteksaminerte studenter som er strålende fornøyd?

UiB har da gjort en liten innsats med å legge inn noen «testimonials» fra tidligere studenter rundt om på hjemmesidene. Men de er bortgjemte og trer ikke fram for å vise at man har fornøyde studenter. Etter litt leting fant jeg 17 slike «testimonials» på MatNat sine sider. Burde ikke russen fått sett disse med en gang de kom inn på MatNat sine hjemmesider?

Kan alt dette henge sammen med frafall av studenter? Å vite hva man går til og hva som kreves av en, er vel en nøkkel til å lykkes? Er det ikke da en informasjonsknekk i leddet mellom videregående skoler og høyere utdanning? Får elever riktig informasjon som bidrar til at de velger riktig studie?

Spørsmålet vi heller kan stille: Klarer eleven å finne informasjonen de trenger?

Hva er egentlig en god hjemmeside? Vi kan kikke på storebror og storesøster; NTNU og UiO. Men de er kun helt gjennomsnittlige. En virkelig god hjemmeside er Cambrigde sin. Det første man møter er inspirerende og fargerike bilder, den er oversiktlig og lett framkommelig. Under fanen «Study at Cambrigde» finner man den informasjonen man ønsker og mer til. Her er det blant annet forklart hvordan kursene holdes, hvordan læringsprosessen for studenter vil være og hvilke ressurser de har disponibelt for at studentene skal lykkes med utdanningen de velger. Ta gjerne en titt på cam.ac.uk

Til slutt vil jeg komme med et sitat av en medstudent på molekylærbiologisk, Sverre Grødem, som så fint oppsummerte det hele: «Nettsiden er et dårlig produkt skapt av UiB, og vi har det på utstilling for hele verden.»

Kan UiB måles på nettsidene?

Kan man måle hvor god kvaliteten på et universitet bare ved å undersøke nettsidene?

Universitetsrangeringen Webometrics gjør nettopp dette når de bruker nettsidene som en indikator på et universitets kvalitet. To ganger i året rangerer de verdens universiteter på bakgrunn av omfang av innhold, antall filer i pdf, doc, docx og ppt-format, antall eksterne lenker til institusjonens nettsider og antall akademiske artikler og siteringer publisert i anerkjente tidsskrifter1.

Hver gang resultatene fra Webometrics publiseres går vi en runde med oss selv og våre kolleger på andre norske universiteter, og forsøker å trekke ut essensen i plasseringen vi blir tildelt.

Webometrics må ikke forveksles med en rangering av universitetenes nettsider – i betydningen godt webdesign, brukervennlighet eller innholdskvalitet. I noen tilfeller premierer de det stikk motsatte. Det gir oss noen utfordringer.

Webdesign er ikke en av spesialområdene til Webometrics
Webdesign er ikke en av spesialområdene til Webometrics

I år og i fjor fikk for eksempel UiB god uttelling for et høyt antall nettsider indeksert i Google. Målingen i februar rangerer faktisk UiB som nummer 9 i verden ut fra dette kriteriet!2 Selv forsøker vi å rydde opp, og å fjerne utdatert og irrelevant innhold og redusere antallet nettsider, for å øke brukervennligheten. Webometrics premierer også antall dokumenter til nedlasting (pdf, doc, docx og ppt), mens generell brukervennlighet og ikke minst krav til universell utforming av et nettsted, tilsier at mest mulig tekst bør ligge i html. For disse kriteriene har altså UiB mål som vil føre til at vi skårer vesentlig dårligere i Webometrics rangering.

I tillegg svinger resultatene til dels kraftig fra måling til måling. I 2014 falt UiO «ned» fra 68. til 2 470. plass på kriteriet for antall nettsider indeksert. Og i januar 2015 ble NTNU rangert som nummer tre i Norge, mens de i 2012 var best i Norden. I mellomtiden har de fått nobelpris!

Med andre ord: Vi er takknemlige for en god plassering i en internasjonal rangering, men er skeptiske til målemetodene til Webometrics. Vi følger med på rapportene, men må innrømme at vi ikke bruker mye tid på å sørge eller feire resultatene vi får her. Da tror vi det er strategisk langt viktigere å bruke tiden på å videreutvikle og forbedre UiBs nettsider, slik at de på best mulig måte viser fram UiBs kvaliteter innen utdanning, forskning og formidling.

Lenker

Mathilde Holm er underdirektør på Kommunikasjonsavdelingen.
Hans-Petter Isaksen er seniorrådgiver og fungerende leder for webseksjonen ved Kommunikasjonsavdelingen