Høgskolen i Østfold Avdeling for informasjonsteknologi ITM30210 Informasjonsarkitektur Gruppe 12 Dato 29.05.2015

Høgskolen i Østfold Avdeling for informasjonsteknologi ITM30210 Informasjonsarkitektur Gruppe 12 Dato 29.05.2015 Jon Vegard Gribsrød Jonas Kossai Flønes Jim Erik Melby

Innholdsfortegnelse Del 1 Sammendrag Innledning Definisjonsliste Bakgrunnsundersøkelse Del 2 Strategi Design Opp ned Ned opp Tester Kortsortering Brukertester Heuristisk evaluering Implementering Del 3 Videre arbeid Referanser Vedlegg 1

Del 1 1. Sammendrag Hensikten med denne oppgaven har vært å forbedre informasjonsarkitekturen til nettstedet hjelleseter.no. Prosjektgruppen har hentet faglig informasjon fra lærebøkene som inngår i emnet, både for utvikling av nettstedet og prosessene rundt dette. Etter endt bakgrunnsundersøkelse benyttet prosjektgruppen nettstedets eksisterende merker, samt merker gitt av nettstedseier for å gjennomføre en åpen kortsortering, der brukerne kunne komme med innspill for endringer og tillegg. Med resultater fra kortsorterigen ble det utført brukertester på analoge prototyper, hvor nettstedseier var blant deltakerene. På denne måten kunne prosjektgruppen sikre seg testresultater, samtidig som nettstedseier kunne gi tilbakemeldinger om hvorvidt forretningsideen var opprettholdt. Resultatene fra den analoge brukertesten dannet grunnlaget for utvikling og brukertest av den digitale protoypen, som er en del av prosjektgruppens endelige leveranse. Under brukertesten på den digitale prototypen ble det kun avdekket to problemer som ble reparert. 2. Innledning Informasjonsarkitektur er organiseringen av innhold som skal vises på et nettsted, og hvordan dette innholdet er gjort tilgjengelig på en brukervennelig måte mens forretningsidéen til nettstedet ivaretas. I følge wikipedia defineres informasjonsarkitektur som: Information architecture is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability; and an emerging community of practice focused on bringing principles of design and architecture to the digital landscape. (Information architecture, 2015) Rapporten tar for seg nettstedet hjelleseter.no sin nåværende informasjonsarkitektur, eller mangel på sådan, og følger mer eller mindre offisielle standarder for omorganisering av innholdet i forhold til hva kontekst, innhold og brukere mener vil være en god løsning for organisering av nettstedet. Resultatet er en high fidelity prototype av ny nettstedsløsning for hjellester.no som vil være tilgjengelig på en server eid av Høgskolen i Østfold. Prototypen og rapporten er begge deler av eksamensvurderingen for prosjektgruppen i emnet Informasjonsarkitektur ( ITM30210). Denne rapporten benytter seg av mange vedlegg for å både være kortfattet og for å dokumentere grunnlag for valg gjort av prosjektgruppen. I de fleste tilfeller vil det være en oppsummering av resultatene i de enkelte kapitlene med henvisning til vedlegget med dokumentasjonen. 2

Kapitlene i rapporten er bygd opp rundt utviklingsprosessen for informasjonsarkitektur som beskrevet av Morville & Rosenfeld i boken Information Architetchture for the World Wide Web, som er en av pensumbøkene i emnet ved siden av Don t Make Me Think av Steven Krug. Den første delen av rapporten tar for seg en bakgrunnsundersøkelse, hvor blant annet kontekst for nettstedet beskrives og vurdering av eksisterende informasjonsarkitektur for hjelleseter.no. Del to beskriver veien fra bakgrunnsundersøkelse til nytt nettsted implementert på en server ved Høgskolen i Østfold. Den siste delen i rapporten beskriver hva som prosjektgruppen mener bør gjøres før eier av hjelleseter.no tar den nye løsningen i bruk. 2.1. Definisjonsliste Ord Gjest Bruker cpanel Content Managment System (CMS) HTTP FTP Forklaring Person som fysisk er på Hjelle seter Person som benytter seg av nettstedet til Hjelle seter Kontrollpanel for serversiden hos et webhotell. Verktøy for publisering av innhold på nettsteder. Hypertext Transfer Protocol File Transfer Protocol 2.2. Bakgrunnsundersøkelse En bakgrunnsundersøkelse er en systematisk gjennomgang på flere nivåer av det eksisterende nettstedet før man starter arbeidet med redesign og omstrukturering av informasjon. 3

Bakgrunnsundersøkelsen gir en kontekstuell forståelse som former fundamentet for utvikling av en strategi for informasjons arkitektur (Morville & Rosenfeld, 2007, s. 232). Figur 1. Utviklingsprosessen for informasjonsarkitektur, Bakgrunnsundersøkelse Figuren er en bearbeidet versjon av Morville og Rosenfeld sin figur (Moreville & Rosenfeld, 2007, s. 264), og viser hvordan bakgrunnsundersøkelse danner grunnlaget for videre arbeid med utvikling av informasjonsarkitektur. Informasjonen i denne bakgrunnsundersøkelsen er innhentet gjennom bruk av statistikk fra server for nettstedet, Google og andre søkemotorer, møter med daglig leder av Hjelle seter, innholdsanalyse av nåværende nettsted utført av prosjektgruppen og heuristisk evalueringer utført av eksterne informasjonsarkitekter. Kapittelet er bygd opp med en kontekstuell del, en del om analyse av innhold og en del om brukere. Kontekst I denne sammenheng er kontekst de rammer bedriften legger på nettstedet, hvilke poltiske mål forretningen har med nettstedet, kultur i firmaet, juridiske spørsmål og ressurser tilgjengelig for både utvikling og drift av nettstedet. Et nettsted som ikke bygger opp under forretningens strategiske mål, vil ikke vare lenge (Moreville & Rosenfeld, 2007, s. 234). Administrasjon Hjelle seter er en liten bedrift lokalisert på Dovrefjell, ca 5 kilometer nord for Dombås. Stedet består av et hovedhus, med en kafé, peisestue og oppholdsrom for gjester, og hytter til utleie. Hjelle seter er en familiebedrift med to personer som er ansvarlig for driften hele året. I månedene juni, juli, august og september er opp til seks personer i 100 % stilling på stedet. Arbeidsoppgavene består primært av renhold av hytter, booking, servering og matlaging. Det er seks hytter til utleie på stedet. Hyttene er løst ut fra stedet og eies i dag av eksterne privat personer med kontraktfestet plikt til å gjøre hyttene disponible for Hjelle seter i fellesferien, juleferien og påskeferien. Resten av året disponerer hyttene av hytteeierne. Forretningsidé for nettstedet Daglig leder ønsker en dreining av forretningsideen til nettstedet mot primært salg av opplevelser som eksisterer i nærområdet, sekundært 4

hjemmelaget mat i Hjelle seter sine lokaler. Opplevelsene og den hjemmelagde maten bidrar til å få overnattings og middagsgjester. Dreiningen av forretningsideen til salg av opplevelser passer godt med resultatet fra den årlige ferieundersøkelsen gjort av Innovasjon Norge, hvor det er en markant økning i antall innenlands og utenlandsturister som søker opplevelser hvor man deltar i aktiviteter i naturen, opplever fjellet og inntak av lokal mat og drikke (Innovasjon Norge, 2014). Opplevelsene hjelleseter.no skal fremme er følgende: Natur Dovrefjell Fokstumyra naturreservat Pilgrimsleden Skiløyper Snøhetta Dyr Moskus Villrein Daglig drift av nettstedet Daglig leder ansvarlig for nettstedet. Per dags dato blir nettstedet oppdatert en eller to ganger i året. Daglig leder ser for seg tre årlige oppdateringer, hvor det blir satt av en eller to dager per gang til arbeid med nettstedet; nye bilder, tekst, pris m.m. Teknologisk plattform og infrastruktur I dag benytter Hjelle seter seg av Joomla som publiseringsverktøy for innhold på nettstedet, et verktøy med mange muligheter som kan være forvirrende for personer som ikke benytter seg av det daglig eller ukentlig. På serversiden viser statistikken for 2014 (Vedlegg 1) over bruk av båndbredde, HTTP trafikk, FTP trafikk m.m. at Hjelle seter ikke bruker opp tilgjengelige ressurser. Det er ikke nødvendig med noen oppgradering på serversiden per dags dato. Innhold Innhold i denne sammenheng defineres som alt av eksisterende innhold på nettstedet. Det er viktig å innhente informasjon om eksisterende innholdsobjekter på nettstedet for å tilegne seg kunnskap om hvordan objektene blir funnet av brukeren, siden tilgjengelighet trumfer brukervennlighet. Denne ned opp tilnærmingen gir kunnskap om hva som skiller ulike objekter fra hverandre, og hvordan dokumentstruktur og metadata 5

hjelper på tilgjengelighet. Dette balanseres ved en opp ned tilnærming av eksisterende informasjonsarkitektur (Morville & Rosenfeld, 2007, s. 239). Innholdsanalyse Innholdsanalysen i ett ned opp perspektiv viser et nettsted som i all hovedsak informerer om hytter og priser for leie av hyttene. Objektene har mangelfull informasjon om hva som skiller de fra hverandre, og lite metadata tilgjengelig (Vedlegg 2). Det er lite innhold som beskriver de aktiviteter som nevnes på hjem siden. I ett opp ned perspektiv viser nettstedet manglende god informasjonsarkitektur, blant annet vises samme informasjon på flere enn ett menypunkt (Vedlegg 3). Heuristisk evaluering Når man skal forbedre et eksisterende nettsted er det viktig å benytte muligheten til å innhente kunnskap om nåværende informasjons arkitektur og hva som eksisterer av gode løsninger før man utfører endringer på nettstedet. En måte å innhente denne kunnskapen er gjennom en heuristisk evaluering (Morville & Rosenfeld, 2007, s. 239). Det ble gjennomført en heuristisk evaluering av design, navigasjon, samt informasjon og språk. Evalueringen ble gjennomført av andre studenter i emnet Informasjonsarkitektur. En grundigere begrunnelse for valg av evalueringselementer og heuristikkene som siden ble bedømt etter, finnes i vedlegg 4. Under følger en oppsumering av svarene for evalueringen av design, navigasjon, informasjon og språk (fullstendig resultat av evauleringen er å finne i vedlegg 5). Design Nettstedet er responsivt og vises ok på mobilenheter, selv om noe av teksten kommer utenfor boksene på mindre skjermer. Flere lenker kommer til syne når sidene vises på mindre enheter, uten at lenkene har noe klar funksjonalitet. Lenker åpnes ikke i nytt vindu. På hjem siden er det for mange lenker til eksterne sider. Plassering av bilder er ikke konsist. Plassering av kontakt oss på høyre side anses som unaturlig. Menyelementer mangler knappe design, men har gode ordvalg. Forretningsidéen kommer ikke tydelig frem, og siden ser uferdig ut pga utadert design og ikke godt fargevalg. Navigasjon 6

Vanskelig å få tydelig oversikt over hvilke aktiviteter som tilbys. Brødsmulene fungerer godt. Menyen er konsis på både stor og liten skjerm. In English er missvisende siden den sender bruker til en enkelt side med kortfattet tekst. Navngivningen av aside navigasjon er unøyaktig. Hytter til salgs elementet i navigasjonen er missvisende. Det er for mange kontekstuelle lenker på hjem siden. Informasjon og språk Tekstmengden på nettstedet er passe, men det er for mange lenker som ikke åpnes i nytt vindu. Mangelfull engelsk versjon. Ikke eksisterende url er sender bruker til en ikke brukervennelig side. Mangelfull sjekk om brukerinput for telefonnumnerer er et telefonnummer. Validering av epost adresse fra bruker er velfungerende. Lenker er mangelfullt beskrever. Ikke tydelig hva som tilbys av aktiviteter. Vanskelig å finne telefonnummeret til Hjelle seter. Ingen informasjon om tidsrom for lav og høysesong. Aside boks er ikke konsis når det gjelder beskrivelse av aktiviteter som tilbys på stedet. Vanskelig å se hva som tilbys av hjemmelaget mat. Hytteroversikten er lett tilgjengelig, men krever mye grovlesing. Tvetydig når personlig stil og hjemmekoselig stil brukes om hverandre for beskrivelse av hyttene. Ikke konsist bildevalg for fremvisning av hytter Benchmarking Benchmarking, eller referansemåling, er i denne sammenheng en systematisk identifikasjon, evaluering og sammenligning av infromasjonsarkitektur spesifikasjoner av nettsteder (Moreville & Rosenfeld, 2007, s. 244). Referansemålingen kan utføres på et nettsted over tid for identifikasjon av suksessgraden endringene i informasjonsarkitekturen har gitt, eller man kan se på konkurrerende nettsteder. Ingen av referansemålingen ble utført i dette prosjektet av to grunner 1) prosjektet foregår over en kort tidsperiode og prosjektgruppen får ikke inn nok data til måling av suksessgrad 2) medlemmene i prosjektgruppen har ikke nok kunnskap i starten av prosjektet til å vite sikkert nok hvilke konkurrerende nettsteder som har god informasjonsarkitektur. Denne kunnskapen blir opparbeidet i løpet av kurset. 7

Helt siden pinoértiden til design av nettsteder har dårlige ideer blitt gjenbrukt, noe som hemmer god informasjonsarkitektur (Moreville & Rosenfeld, 2007, s. 245). Brukere Brukerne av verdensveven har mange ulike navn, og de telles som klikk, salg, reklame inntekter og antall visninger. Til syvende og sist er det brukerne som er de ultimate designerne for verdensveven. Hvis de ikke liker siden, går de til en annen for tilfredsstillelse av behovet. Samtidig kan man ikke behandle de som en homogen gruppe, da ulike brukere har ulike behov, og ulike sider skal tilfredsstille disse ulike behovene (Morville & Rosenfeld, 2007, s. 246). Søkelogger gir enkelt informasjon om hva brukeren ser etter og hvilke ord og uttrykk de benytter (Morville & Rosenfeld, 2007, s. 248). Statistikk En analyse av søkelogg gitt av cpanel på serversiden til Hjelle seter kan oppsummeres som følgende (for fullstendig analyse se vedlegg 6). Hytteoversikt er den mest besøkte siden Startsiden.no gir mange klikk til Hjelle seter Hjem er den hyppigste brukte inngangssiden Seter, hjelle, hjelleseter, hjelle seter og hjelle seter dovrefjell er de mest benyttede søkeord/fraser. I perioden 19.11.14 til 17.02.15 har Google registrert seter til salgs, hjelle seter og mosuks safari som de tre mest populære søkeordene for Hjelle seter sitt nettsted. Det er verdt å merke seg at Hjelle seter generer veldig lite trafikk til nettstedet på søkeord som promoterer opplevelser (vedlegg 7), noe som er forretningsidéen bak nettstedet. 8

Del 2 3. Strategi En strategi for informasjonsarkitektur er et dokument med begreper på høyt nivå som skal vise retningen og nødvendig mengde før man beveger seg inn i design av nettstedet (Morville & Rosenfeld, 2007, s. 265). Figur 2. Utviklingsprosessen for informasjonsarkitektur, Strategi Figuren er en bearbeidet versjon av Morville og Rosenfeld sin figur (Moreville & Rosenfeld, 2007, s. 264), og viser hvordan Strategi plassere seg i utviklingsprosessen. Det er et ønske fra prosjektgruppen å lage en lett lesbar rapport som er nyttig for både fagpersoner innen informasjonsarkitektur såvel som personer med liten eller ingen kunnskap om emnet. I dette kapittelet vises strategien kun som et sammendrag. De som ønsker mer informasjon om hvordan man har kommet frem til anbefalingene, bes lese kapittel 2 og vedlegg 8. Sammendrag strategi for informasjonsarkitektur av hjelleseter.no 9

Prosjektgruppen har inngått muntlig avtale med eier av hjellester.no om utarbeidelse av prototype for nytt nettsted. Prototypen skal baserer seg på forretningsideen for nettstedet, kontekstuelle forhold forbundet med hjelleseter.no, heuristisk evaluering av både nåværende nettstedsløsning og prototypen, brukertester, evaluering av merker og navigasjon, samt innholdet på dagens sider og tilgjenglighet. Dagens hjelleseter.no fremstår som konsturert på en måte hvor det ikke er tatt høyde for noen bakenforliggende strategi som fremmer forretningsideen, tilgjengeligheten og brukervennligheten. Prosjektgruppen anser det derfor som nødvendig å rekonsturere nettstedet både ifra et opp ned og et ned opp perspektiv, samt mye tydeligere få frem de opplevelsene som Hjelle seter er en del av. På bakgrunn av dette foreslås det følgende strategier: En rekonstruksjon av nettstedet både fra et opp ned og et ned opp perspektiv Tydelig få frem opplevelsene som Hjelle seter er en del av. Følgende tiltak anbefales for å imøtekomme strategiene: Organisering og merkesystemer (opp ned perspektiv) skal tydelig vise hva en gjest hos Hjelle seter kan oppleve. En bruker av hjellester.no skal kunne navigere etter opplevelse(produkt) gjennom kategorier. Forbedre innholdet på nettsidene så ulike opplevelser fremheves og oppfattes som relevante for brukerne. Slå sammen alle sidene med informasjon om de ulike hyttene til en side med ankre Legge til metadata for alle sider Navigasjonssystemet skal være av en slik kvalitet at lokal søkefunksjon ikke er nødvendig. Benytte Bootstrap i temaet for god skalering til mobil. 4. Design Design er den delen i utviklingsprosessen hvor man skal lage konkrete tegninger og illustrasjoner av hva man har kommet frem til gjennom de to gjennomførte punktene i prosessen (Moreville & Rosenfeld. 2007, s. 291). Figur 3. Utviklingsprosessen for informasjonsarkitektur Figuren er en bearbeidet versjon av Moreville & Rosenfeld, og viser hvordan Design delen henger sammen med de øvrige delene av prosessen 10

Dette kapittelet er bygget opp av to deler, en hvor man ser designet i et opp ned perspektiv ved hjelp av en blåkopi, og en del hvor designet sees fra bunnen og opp ved hjelp av wireframes. 4.1. Opp-ned En opp ned tilnærming av nettstedet ser innholdet i lys av hvordan det skal presenteres på et overordnet nivå. Blåkopier Blåkopier viser relasjonen mellom sider og andre innholdskomponenter på et nettsted, og kan brukes for fremstilling av organisering, navigasjon og merkesystemer (Moreville & Rosenfeld. 2007, s. 296). Moreville & Rosenfeld beskriver prosessen med å fremstille en overordnet blåkopi hvor man tar utgangspunkt i hjem side for å få frem mer og mer av arkitekturen som er beskrevet i strategien (kap. 3) ved å legge til flere og flere sider. Arbeidet gir en opp ned fremstilling av nettstedet. Denne prosessen tvinger informasjonsarkitekten til å bli realistisk og praktisk. Hjelle seter sin forretningsstrategi er, som nevnt i kapittel 2, er å få leid ut hytter til overnattingsgjester og selge hjemmelaget mat gjennom å fremme de opplevelsene som finnes i nærområdet. Dette har resultert i en del merker som danner grunnlag for blåkopien. Videre har prosjektgruppen gjennomført kortsortering på et tidlig stadie av utviklingsprosessen for informasjonsarkitektur (kap 5.1), for å få bedre innsikt i hvordan potensielle brukere av nettstedet tenker og organiserer innholdet i et overordnet perspektiv. Til slutt ble det gjennomført brukertester på en analog prototype av nettstedet (kap. 5.2). Tilsammen resulterer dette i følgende blåkopi: Figur 4.. Blåkopi Hjelle seter 11

Figuren viser Hjelle seter sitt nettsted på et overordnet nivå, opp ned perspektiv, hvor man tar utgangspunkt i Hjem siden. Det er fire hovedelementer på nettstedet: 1. Hjem 2. Navigasjon 3. Dyr 4. Natur Ved å legge opp til et design som ivaretar lokal navigasjon etter kategorier vil brukeren bli gitt god oversikt over hva som befinner seg i nærheten (Moreville & Rosenfeld. 2007, s. 124,125). Opplevelsene og maten blir brukt som kategorier på hjelleseter.no for å ivareta forretningsideen. 4.2. Ned-opp Når en bruker besøker et nettsted vil vedkommende ofte ikke komme til start/hjem siden til nettstedet, så sant ikke dette er bokmerket. Det er viktig at brukeren lett kan finne ut om informasjonen de søker etter er å finne på siden de har kommet til. Brukere leser ikke nettsider på en systematisk måte hvor man starter øverst på siden og arbeider seg nedover. Det er heller vanlig at de raskt ser rundt etter to elementer på nettsiden 1) noe som er interessant eller som vagt ligner på det de ser etter eller 2) noe som er klikkbart (Krug. 2014, s. 21). Dette betyr at brukere av nettstedet ikke leser sider, men skanner de. Årsaken til dette er at man ofte er ute på et oppdrag; det er et problem eller lignende som skal løses, man vet det ikke er nødvendig å lese alt og brukerne er gode til denne formen for lesing (Krug. 2007, s. 22). Det er tre negative elementer som lett kan ødelegge en god nettside når det gjelder organisering og fremstilling av nettsidens innhold (Krug. 2014, s.38). 12

1. Rop. Alt på siden eller altfor mange elementer skriker etter din oppmerksomhet, og det blir umulig å skille ut hva som er det viktige på denne siden 2. Uorden. Nettsiden ser ut som et rom hvor det har vært innbrudd. Elementer er ikke justert ved hjelp av et grid system 3. Rot. Det er rett og slett for mye på siden. Formaterer tekst for skanning Følgende prinsipper anbefales for at innholdet på nettsider er lettleslige for nettbrukere (Krug. 2014, s.39 41): Bruk mange overskrifter. Det er kun den første overskriften som skal være i kursiv. De skal ikke flyte rundt, og det skal være mer mellomrom over enn under overskriften. Ha korte paragrafer. Bruke kulelister. Godt med avstand imellom hvert kulepunkt Lag høydepunkter av nøkkelbegreper/uttrykk. Innholdet på Hjelle seter Innholdet på Hjelle seter sine nettsteder er bestemt av nettstedseier, og prosjektgruppen har organisert fremstillingen av innholdet etter prinsippene beskrevet tidligere i dette kapittelet. Videre har man benytter populær søkeord og uttrykk funnet i bakgrunnsundersøkelsen. Wireframe Rollen til wireframe er å skildre hvordan den enkelte siden kan se ut, noe som tivnger informasjonsarkitekturen til å vurdere problemer rundt plassering av elementer og innhold på siden (Moreville & Rosenfeld. 2007, s. 307). Nettsidene på Hjelle seter vil i all hovedsak være likt oppbygd med navigasjon på toppen, lokal navigasjon til venstre og innhold i senter (Figur 5). Sidene med kontaktskjema og informasjon om hyttene vil være oppbygd uten lokal navigasjon til venstre (Figur 6). Figur 5. Sider med lokal navigasjon 13

Wireframen viser hvorden de fleste sidene på nettstedet vil presenteres for brukerne. Det er ikke tatt med kulepunkter i wireframen. Figur 6..Sider uten lokal navigasjon 14

5. Tester Brukervennelighetstester (brukertester) har en grunnleggende idé:om du ønsker å vite om det du har laget er lett å bruke, observer noen mens de bruker det og noter hvor de møter på problemer (Krug. 2014, s. 115). 15

En brukertest skal ikke bevise noe, men heller finne de mest prekære problemene brukere opplever på nettstedet. Det er alltid mulig å finne flere problemer på et nettsted, men mellom tre og fem deltagere i en brukertest vil finne de fleste eksisterende problemer relatert til det som testes (Krug. 2014, s.119). Det har vært vanlig å benytte seg av deltagere i brukertester som passer en gitt målgruppe, f.eks. menn i alderen 30 til 40 år som interesserer seg for jakt og fiske. En slik innfallsvinkel kan gi mye kunnskap om hva spesielle personer mener er nyttig å ha på et nettsted, særlig er dette viktig hvis nettstedet er tilknyttet et spesielt fagfelt eller domene. Samtidig kan dette gi for snever kunnskap om hva den allminnelige nettbruker mener er et godt nettsted. Hjelleseter.no henvender seg ikke til en spesielle gruppe mennesker, og sett i sammenheng med ferieundersøkelsen gjennomført av Innovasjon Norge (Innovasjon Norge, 2014) kommer det tydelig frem at nettstedet ikke må ha en predefinert målgruppe for deltagerne i brukertester. Det er derfor å anbefale at man benytter seg av hvem som helst i brukertester under utviklingen av nettstedet, siden de fleste generelle feil og mangler vil bli merket uten bruk av store ressurser på lokalisering av personer i en spesifikk målgruppe. (Krug. 2014, s. 120). Dette kapittelet består først av en kort oppsummering hvor brukertester settes i sammenheng med uviklingsprosessen av informasjonsarkitketur. Dernest følger tre kapitler som hver seg beskriver gjennomføringen av de ulike testene. Det kan argumenteres for at heuristisk evaluering ikke er en brukertest, siden det er profesjonelle informasjonsarkitekter som står for gjennomføringen. På en annen side er de også brukere av nettsteder med en særlig god kompetanse for å finne frem til graden av brukervennelighet på et nettsted. Oppsumering Det har blitt gjennomført kortsortering, to runder med brukertester og en heuristisk evaluering av prototypen konstruert av prosjektgruppen for hjelleseter.no. Kortsorteringen og den første brukertesten ble gjennomført analogt. Ved å gjøre dette kom prosjektgruppen igjennom utviklingsprosessen av informasjonsarkitektur en gang før det ble startet et mer detaljert og grundig arbeid med informasjonsarkitekturen. Den andre brukertesten og den heuristiske evalueringen ble gjennomført på en digital prototype av hjelleseter.no. 5.1. Kortsortering En styrke med kortsortering er at den gir innsikt i nettbrukeres mentale modeller og hvordan de grupperer, sorterer og merker oppgaver og innhold i sitt eget hode. Dette forutsetter at testpersonene tenker høyt (Morville & Rosenfeld, 2007, s.255). I kapittel 2.2, Bakgrunnsundersøkelse gir konteksten fra nettstedseier tydelige krav om hvilke merker som beskriver opplevelsene hjellester.no kan tilby. 16

Samtidig kan brukerne komme med nye ord, uttrykk eller annen informasjon som kan hjelpe til med å få en bedre struktur rundt organiseringen av navigasjon, merker og innhold. Det ble gjennomført en semi åpen kortsortering (vedlegg 9) hvor eksisterende merker fra hjelleseter.no ble tatt med, samt merker gitt av nettstedseier som tydeligere gjenspeiler forretningsideen med nettstedet. Resultatet fra kortsorteringen dannet grunnlaget for navigasjon og merker til brukertester av den analoge prototypen, som beskrevet i kapittel 5.2. Resultat fra kortsorteringen: Bilde 1. Resultat av kortsortering deltager 1. Bildet viser hvordan deltager 1 i brukertesten valgte å sortere gitte merker. De kortene som er håndskrevne er lag til av deltageren. Bilde 2. Resultat av deltager to i kortsorteringen 17

Bildet viser hvordan deltager to vil organisere merkene på nettstedet. De håndskrevne kortene er merker lagt til av deltageren. 5.2. Brukertester Dette kapittelet er delt opp i to deler, som begge er en oppsummering av brukertester gjennomført på prototyper av nye hjellester.no. Først kommer en 18

del hvor den analoge prototypen ble testet, dernest en del som beskriver testing av den digitale prototypen. Brukertest av analog prototype Det ble gjennomført en brukertest på nettstedet basert utelokkende på merkelementer gitt av deltagerne i den åpne kortsorteringen og merker gitt av nettstedseier. Hensikten med denne brukertesten er å få tilbakemeldinger på strukturen av navigasjonselementene fra kortsortering når de er satt inn i sketsjer av html sider. Til å designe sketsjene benyttet prosjektgruppen seg av tidlige versjoner av wireframsene som beskrevet i kapittel 4.2. Det ble laget to prototyper, en helt uten lokal navigasjon på venstre side og en med lokal navigasjon på venstre side. Alle sidene ble skrevet ut, og brukt av 1 observatøren under brukertesten. Prosjektgruppen valgte å ha med nettstedseier som en av deltagerne i testen for å sikre at forretningsideen ble ivaretatt. Observatøren benyttet seg av en modifisert og oversatt utgave av et skript (Krug, 2010) for gjennomføring av testen (vedlegg 10). Oppgavene til deltakerne var å se på alle sketsjer av sider og si sin mening om menyelementene og sidens helhetsinntrykk. Deltakeren skulle si hva han/hun forventet å finne bak hvert menyelement, både i hovednavigasjon og sidenavigasjon. Under følger en oversikt over hovedfunnene i brukertesten(se vedlegg 11 for detaljert beskrivelse av resultatet). Topp fem problemer avdekket under brukertest av analog prototype. Deltager #1 1. Ville heller hatt en meny som heter tilbud hos oss, hvor man bl.annet kan finne mat. Ikke et eget menypunkt for mat. 2. Opplevelser kunne hete naturopplevelser. Det er mer hva Hjelle Seter tilbyr. 3. Forsiden fortjener en bedre layout 4. Savner en plass det kan stå om transportmuligheter og nærbutikker. 5. Deltager #2 1. Skjønner ikke hvorfor det er en meny som heter mat. 2. Mat burde ha en samlet kategori 3. Irrelevant med høysesong og lavsesong. Måtte isåfall være pga priser. 4. 1 Ved behov for å se all html sidene som ble benyttet i brukertesten, kontakt en av prosjektgruppemedlemmene. 19

5. Deltager #3 1. Synes moskussafari er litt i veien på hovedsiden. 2. Hadde absolutt ikke forventet å finne skiturer og skitrekk under opplevelser. 3. Høysesong burde være sommer, kanskje høst pga jakt og fiske. 4. Mister tråden når man velger opplevelser, for deretter å måtte velge mellom høysesong eller lavsesong. 5. Brukertest digital prototype Denne brukertesten ble gjennomført på et sent stadie i prosjektet for å få tilbakemeldinger på det som nærmer seg sluttproduktet. Prosjektgruppen inviterte 5 personer til å være deltagere i testen, hvorav en var nettstedseier. Dette var første gangen nettstedeier fikk se den digitale prototypen av hjellester.no, og derfor kunne han være både testdeltager og samtidig komme med tilbakemeldinger fra et eierståsted. Det var kun to personer, inklusive nettstedseier, som møtte opp til brukertesten. Dette er et tynnere grunnlag enn de tre til fem personene Krug anbefaler som deltagere ved hver brukertest. Det ble kun avdekket to problemer av deltagerne i brukertesten, og begge problemene er reparert. Brukertesten ble gjennomført etter metode beskrevet i vedlegg 12. I hovedsak skulle deltakerne gjennomføre følgende oppgaver: 1. Du er en person som søker etter å oppleve noe i fjellet. Hvilke opplevelser finner du på nettstedet? 2. Du har lyst på å ta med deg to gode venner å spise middag på Hjelle seter en torsdag kveld i juli. Er dette mulig? Er det mulig å spise middag på Hjelle seter i september? 3. Du og vennegjengen skal ta en etterlengtet ferie på fjellet, og dere skal vandre på deler av den gamle pilgrimsleden. Kan du oppleve dette ved Hjelle seter? Vennegjengen er på 6 personer inkludert deg. Kan du finne ut pris og navn på overnattings muligheten som Hjelle seter tilbyr for 6 personer? 4. Hvor ligger Hjelle seter? 5. Du skal hjelpe en venn som ikke er datakyndig med å bestille en hytte for 4 personer som ønsker å se Snøhetta og moskus. Kan du finne ut 20

om Hjelle seter tilbyr opplevelsene. Hvis ja, kan du finne pris på hytte til 4 personer og fylle ut et bestillingsskjema? 6. Når du drar på ferie er frokost en av de viktige områdene, og du sjekker alltid hva stedet tilbyr før du eventuelt bestiller en ferietur. Hva serverer Hjelle seter til frokost? 7. Hva er adressen til Hjelle seter? Topp problemer avdekket under brukertest av digital prototype Deltager #1 1. Savner at navnet på hytten jeg ønsker å bestille automatisk kommer i emne feltet etter å ha trykt på kontakt hjelle seter inne på siden for hytteutleie...... Deltager #2 1. Ønsker at hyttenavnet kommer automatisk frem når jeg bestiller hytter fra hytteutleie siden... 2. Savner highlight i navigasjonen når jeg er i underkategori 5.3. Heuristisk evaluering En heuristisk evaluering er en eksperts kritiske gjennomgang av nettstedet etter formelle eller uformelle retningslinjer for design. Det er normalt best å ha personer utenfor organisasjonen til å gjennomføre evalueringen. (Moreville & Rosenfeld. 2007, s. 240). Prosjektgruppen har benyttet seg av to medstudenter i emnet Informasjons arkitektur som ekspert som sammen gjennomførte evaluering. Heuristikkene baserer seg på Jokob Nielsens universielle heuristikker (Heuristic evaluation. 2015). Nettstedet ble målt etter følgende: Konsistens og standarder Brukere burde ikke måtte lure på om de forskjellige ord og handlinger skal bety det samme. Estetisk og minimalistisk design Nettsidene bør ikke inneholde informasjon som er irrelevant eller sjelden behov for. 21

Gjenkjennelse fremfor tilbakekalling Minimer brukers bruk av minnet gjør objekter, handlinger, og valg synlige. Bruker skal slippe å måtte huske informasjon fra en del av en dialog til neste. Match mellom systemet og den virkelige verden Systemet bør snakke brukers språk, med ord, fraser og konsepter som er kjent for bruker. Systemet bør følge den virkelige verdens konvensjoner, og la informasjonen komme i en naturlig, logisk rekkefølge. Brukerkontroll og frihet Brukere kan gjøre feil, og må lett kunne avbryte og finne veien tilbake til utgangspunktet. Systemstatus skal vises visibility Systemet skal alltid holde bruker informert om hva som skjer og hvor man er. Resultat fra evalueringen: Under følger det som ble registrert av feil/mangler under evalueringen Gjenkjennelse fremfor tilbakekalling. Det må komme frem når det er lav og høysesong på hytteutleie. Match mellom systemet og den virkelige verden Forelder kategoriene Dyr, Meny og Natur viser samme informasjon om underkategoriene. Duplisering av innhold. Brukerkontroll og frihet Lenke på side om Skiløyper åpner seg i en ny fane. Dette fungerer dårlig på mobil, men bra på desktop. Prosjektgruppen har utført forbedringer som løser de nevnte feil/mangler funnet i den heuristiske evalueringen. 6. Implementering Prosjektgruppen har arbeidet frem en prototype av nettstedet som er å finne følgende adresse: http://frigg.hiof.no/ia_v154/. 22

Del 3 7. Videre arbeid Nettstedseier ønsker å erstatte eksisterende innhold på hjelleseter.no med produktet produsert av prosjektgruppen. Før denne jobben utføres er det å anbefale at følgende arbeide utføres: Brukertester 23

Det bør gjennomføres en brukertest til før det nettstedet konstruert av prosjektgruppen erstatter det eksisterende innholdet på hjellester.no. 8. Referanser Heuristic evaluation. (2015). Wikipedia, Hentet fra http://en.wikipedia.org/wiki/heuristic_evaluation#nielsen.27s_heuristics Information architecture. (2015). Wikipedia, Hentet fra https://en.wikipedia.org/wiki/information_architecture Krug, S. (2014). Don't make me think, revisited: A common sense approach to Web usability. United States: New Riders. Krug, S. (2010). Advanced Common Sense. (n.d.). Retrieved March 18, 2015, from http://www.sensible.com/downloads rsme.html Morville, P., Rosenfeld, L., & Rosenfeld, L. (2007). Information architecture for the World Wide Web. Sebastopol, CA: O'Reilly Innovasjon Norge. (2014). Turistundersøkelsen oppsummering av sommersesongen 2014. Hentet fra http://www.innovasjonnorge.no/global/reiseliv/markedsdata/turistunders%c3 %B8kelsen%20 %20Oppsummering%20av%20sommersesongen%202014_sis te.pdf 9. Vedlegg Vedleggene i denne rapporten kommer i kronologisk rekkefølge etter en liten innholdsfortegnelse. Hvert vedlegg har nummererte sider som starter på 1. Opp i høyre hjørne står det Vedlegg n. Prosjektgruppen håper dette gjør det lett å finne frem i vedleggene. 1. Båndbredde og ressursbruk for hjelleseter.no i 2014 2. Innholdsanalyse i ned opp perspektiv 3. Karlegging av innhold i et opp ned perspektiv 4. Heuristisk evaluering av eksisterende nettsted 5. Resultater heuristisk evaluering av eksisterende nettsted 6. Søkelogg cpanel 7. Søkelogg Google 8. Detaljert strategi for informasjonsarkitektur 9. Kortsortering 10. Skript analog brukertest 11. Resultater brukertest av analog prototype 12. Brukertest med resultater for digital prototype 24