Type prosjekt
Semesteroppgave
Gruppeprosjekt (3 medlemmer)
Verktøy
Figma
FigJam
Rolle
Spesielt ansvar for benchmarking, visualisering av brukerflyter, samt nedskrivning av observasjoner og intervjuer fra brukertestene.
Introduksjon
Oversikt
Thorium Reader
Thorium Reader er en gratis e-bok applikasjon som er tilgjengelig for nedlastning på tvers av flere operativsystemer (Windows, MacOS, Linux). Gjennom applikasjonen kan brukere importere e-bøker de selv eier, eller de kan importere publikasjoner gjennom «Open Publication Distribution System» (OPDS), hvilket er gratis kataloger med bøker. Applikasjonen har et fokus på inkluderende og tilgjengelig design, og prøver å imøtekomme varierte behov gjennom funksjoner som høytlesningsverktøy og mulighet for å tilpasse leseropplevelsen gjennom visuelle virkemidler.
Dagens utfordring
Noen av utfordringene ved dagens applikasjon som var spesielt fremtredende var hvor mye brukerene slet med å opprette og se merknader i e-boken. Dette er en handling som bør fremkomme tydelig og være lett tilgjengelig. I tillegg slet brukerene med å forstå ikonene i verktøylinjen, hvilket bidro til at brukeropplevelsen ikke opplevdes spesielt intuitivt for flere av deltakerene. Det var ikke bare navigasjonen i verktøylinjen som var vanskelig, men også det å finne ut hvor man befant seg i boken viste seg å være nærmest umulig.
Vår løsning
Løsningen ble å omstrukturere verktøylinjen med nye snarveier, ikoner og etiketter slik at brukeren raskt for informasjonen de trenger for å kunne navigere seg til den funksjonen eller informasjonen de ønsker. I tillegg kan brukeren enkelt se hvor i boken de befinner seg der sidetall og en progresjonsbar tydelig signaliserer dette. Disse tiltakene bidro til å redusere antall steg brukerene benyttet for å gjennomføre kjerneoppgaver, noe som bidro til en mer helhetlig og intuitiv brukeropplevelse.
Forstå
Dagens informasjonsarkitektur og dens utfordringer
Vi benyttet oss av flere metoder for å identifisere utfordringer ved dagens løsning, inkludert analyse av hele Thorium (struktur, navigasjon og layout). I tillegg gjennomførte vi benchmarking av tre eksisterende konkurrenter for å finne Thorium sine styrker og svakheter sammenlignet med lignede applikasjoner. Tillsutt gjennomførte vi fem brukertester med fem deltakere som aldri før hadde benyttet seg av Thorium for å se hvor smertepunktene ved dagens løsning lå.
Analyse
Struktur
Thorium er strukturert som et hierarki, der innhold organiseres ovenfra og ned. Applikasjonen har fire hovedkategorier som forgrener seg til forskjellige underkategorier, der de fleste grener ender i tre lag. Dette bidrar til at innholdet er relativt lett tilgjengelig for brukeren.
Nettsidekart (sitemap) av hele Thorium.
Analyse
Layout
Home og All publications
Thorium har et minimalistisk layout som hovedsaklig består av tre seksjoner: 1. Global navigasjon, 2. området der primærinnholdet vises (bøker/publikasjoner) og 3. footer.
«Home» er siden brukeren først møter når de laster ned applikasjonen eller åpner den, her vises en oversikt over brukeren sine påbegynte og nylig importerte bøker.
Under «All publications» kan brukeren filtrere og sortere blant alle publikasjonene de har importert. De to sidene (Home) er tilnærmet identiske, bortsett fra at «All publications» tilbyr funksjoner som søk, filtrering og visningsvalg; noe «Home» ikke tilbyr. Den inkonsekvente bruken av funksjoner på tvers av to sider som er nesten identiske, kan fremstå forvirrende og uforutsigbar for brukerene.
E-bokleseren
E-bokleseren er vinduet som vises når en publikasjon åpnes av brukeren. Den består av tre seksjoner i en topp-ned struktur. Øverst befinner verktøylinjen seg, deretter primærinnholdet (publikasjonen som er åpen), og nederst en footer som viser leseren sin progresjon i boken.
Verktøylinjen består av ikoner uten etiketter, tooltips aktiveres når brukeren hovrer knappen. Dette kan bidra til å gjøre det vanskelig for nye brukere å navigere seg, ettersom ikke alle ikonene er like gjenkjennbare. I tillegg brukes det enkelte steder tvetydige ikoner, eksempelvis for "back to bookshelf" og "settings". Det er ikke like lett å forstå hvilken side man befinner seg på, ettersom sideindikasjonen kun viser hvor leseren befinner seg i forhold til seksjonen i boken de er i (ikke hele boken).
Benchmarking
Oversikt over hvordan konkurrentene har løst det
Som en del av redesignprosessen, gjennomførte vi analyser av informasjonsarkitekturen til tre lignende e-bok tjenester (Kindle, Adobe digital ed., Apple books). Vi så blant annet på struktur, layout, etiketter og navigasjon. Analysene bidro til en oversikt over hvilke funksjoner konkurrentene har, og hvilke de kan mangle. På den måten så vi raskt hva som er standarden og det som forventes av en slik applikasjon, og hva vi bør ta i betraktning for vårt redesign.
Tabellen viser en oversikt over noen av funksjonene vi så på i løpet av analysen av konkurrentene.
Brukertest av nåværende løsning
Hvordan er brukeropplevelsen av Thorium slik den er i dag?
Vi gjennomførte fem brukertester av Thoriums nåværende informasjonsarkitektur. Testene bestod av seks oppgaver, etterfulgt av et semistrukturert intervju. Deltakerene fikk beskjed om å tenke høyt mens de gjennomførte oppgavene, på den måten fikk vi innblikk i tankeprosessen til brukerene mens oppgavene ble gjort.
Oppgavene for brukertestene
Importer boken «To Dikt» av «Henrik Ibsen» fra katalogen «Bokselskap»
2a. Lag en merknad i boken («To Dikt»)
2b. Finn merknaden du opprettet
Finn ut når du sist leste boken «Moby Dick» (tidspunkt og dato)
Endre bakgrunnsfargen i e-bokleseren og dobbeltsjekk at endringene ble gjort
Rediger navnet på katalogen «Bokselskap» til «Bokselskapet»
Sentrale funn
Etter testene viste det seg at de fleste brukerene opplevde det å navigere i hovedapplikasjonen som enkelt, imidlertid var det store utfordringer knyttet til e-bokleseren og dens verktøylinje. I intervjuene påpekte flere oppgave 2a (opprett en merknad) og 3 (finn sist du leste boken «Moby Dick») som ekstra vanskelig. Hovedsaklig skyldes dette mangel på informasjon fra applikasjonen, noe som gjorde at brukerene ofte måtte prøve ulike funksjoner før de fant det de skulle. I noen tilfeller gav enkelte også opp i å fullføre en oppgave.
Definere
Valg av fokusområde for redesignet
Problemdefinering
Størst utfordringer knyttet til vinduet for e-bokleseren
Basert på analysen, benchmarking og brukertestene bestemte vi oss for å fokusere kun på e-bokleseren, ettersom det var i denne delen av applikasjonen at de største utfordringene befant seg. I tillegg kan e-bokleseren bli betraktet som en svært viktig del av applikasjonen, siden brukeren med stor sannsynlighet vil tilbringe mest tid i dette vinduet. For redesignet vil navigasjonen, inkludert ikoner, etiketter og organisering stå sentralt som områder for forbedring.
Et utdrag av tilbakemeldingene fra brukertestene som bidro til valget om å fokusere på e-bokleseren.
Utvikle
Forbedring av informasjonsarkitekturen for e-bokleservinduet
Sitemap
Ny organisering og struktur av verktøylinjen
Det første vi gjorde var å omorganisere verktøylinjen i tre grupper basert på funksjonaliteten til verktøyet: 1. Globale overordnede funksjoner, hvilket er funksjoner som er bredere, som for eksempel innstillinger, 2. Spesialiserte funksjoner, som er unike funksjoner som tekst-til-tale og 3. Innholdsinteraksjoner, som er funksjoner der brukeren samhandler mer direkte med innholdet, for eksempel bokmerker og merknader. I tillegg opprettet vi nye snarveier for «bokmerker» og «merknad», tidligere var disse funksjonene gjemt under «navigate».
Etiketter for navigasjonen
Oversikt over gamle og nye tooltips i verktøylinjen
Ikoner til verktøylinjen
Valg av nye ikoner gjennom brukermedvirkning
Ikonsorteringsøvelse med brukerene
For å lage en brukervennlig og intuitiv verktøylinje bestemte vi oss for å ha en ikonsorteringsaktivitet med 10 brukere. Brukerene fikk i oppgave å finne et ikon som passet til etiketten. De ble presentert for en rekke ikoner, som inkluderte ikoner som lignet på Thorium sin nåværende ikoner samt nye ikoner. For å gi kontekst inkluderte vi en kort beskrivelse for hver etikett. Brukerne ble bedt om å velge ikonet de følte best representerte etiketten med tilhørende beskrivelse. Etter øvelsen ble de ikonene som ble valgt flest ganger av brukerene inkludert i vårt redesign av verktøylinjen.
Levere
Redesign av applikasjonen
Vi utviklet en interaktiv High-Fidelity (Hi-Fi) prototype av Thorium med våre foreslåtte endringer, både for å illustrere og simulere endringene, slik at vi kunne gjennomføre brukertester av vårt redesign.
Figma prototypen som ble brukt til brukertestene kan ses HER
Hi-Fi prototype
Visualisering av den nye løsningen med våre endringer
Connect CMS Image fields (Image 1–10)
Verktøy- og progresjonslinjen
Illustrasjon over snarveien "Bookmarks" i verktøylinjen
Brukertest av vår Hi-Fi prototype
Validering og testing av våre foreslåtte endringer i e-bokleseren
For å undersøke effekten av vårt redesign, gjennomførte vi fem nye brukertester med nye deltakere. Vi brukte hovedsaklig de samme oppgavene som i første testrunde, med unntak av noen oppgaver som forekom utenfor e-bokleseren. Samtidig la vi til noen nye oppgaver som omhandlet de endringene vi hadde gjort.
Oppgavene for brukertest II
1a. (tidligere 2a) Lag en merknad i boken "Pride and Prejudice"
1b. (tidligere 2b) Finn merknaden du opprettet
Gå til side 121 i boken
Lag et bokmerke og finn det
Endre bakgrunnsfargen i bokvisningen til svart
Sentrale funn
Resultatet fra testene indikerte at de nye implementerte forslagene i stor grad bidro til forbedringer av brukerflyten. Brukerne klarte å fullføre oppgavene i færre steg enn i den originale versjonen, og uttrykte mindre forvirring og frustrasjon under testen enn brukerne fra den første brukertesten.
Avslutning
Refleksjoner
Våre foreslåtte endringer knyttet til informasjonsarkitekturen av e-bokleseren viste seg å være effektive virkemidler for å gjøre navigasjonen av denne delen av applikasjonen mer intuitiv og brukervennlig. Der brukertestene indikerte at Thorium Reader kan dra stor nytte av vårt redesign.
Fremtidig arbeid
I dette prosjektet fokuserte vi kun på e-bokleseren, samtidig oppdaget vi gjennom analysen at flere deler av applikasjonen kan dra nytte av et redesign. Eksempelvis kan startsiden bli mer perontilpasset slik at favoritter, samlinger og lesestatistikk, kan komme tydelig frem. I tillegg bør søkefunksjonen og filtreringmulighetene forbedres slik at den blir mer presis. I tillegg kreves flere brukertester og iterasjoner av vår løsning, slik at brukeropplevelsen blir enda bedre for flest mulig.
Læringsutbytte
Dette prosjektet bidro til å styrke min kompetanse innen informasjonsarkitektur, samt det å jobbe iterativt gjennom aktiv brukermedvirkning i form av brukertester og ikonsorteringsøvelser. Jeg fikk se hvor stor betydning plassering av ulike funksjoner faktisk har på brukeropplevelsen, der små endringer kan ha stor betydning for brukeren. Videre bidro prosjektet til økt kunnskap knyttet til visualisering og analysering av brukerinnsikt på en fordelaktig måte, slik at endringer baserer seg på konkrete funn.
