top of page
Ark E-bok applikasjon
Fordypningsoppgave i UX-design for bachelor i grafisk design, hvor fokus var på universell utforming og lesbarhet.
Tasks:
Research
UX/UI design
Prototyping
Usability testing
Tidslinje
Fordypnings prosjekt / høst semester 2019
Problemstilling
Oversikt
I fordypningsoppgaven tok jeg utgangspunkt i ARK E-bok-applikasjonen, med mål om å forbedre den i tråd med prinsippene for universell utforming og brukeropplevelse. Gjennom en analyse fant jeg at appen hadde flere svakheter, særlig for personer med nedsatt syn, blant annet på grunn av liten skriftstørrelse.
Prosjektets primærmålgruppe er "alle brukere", i tråd med universell utforming, mens sekundærmålgruppen er personer med nedsatt synsevne.
Brukertesting står sentralt i prosessen, og tilbakemelding fra testbrukere vil forme og validere designløsningene.
Temaer som universell utforming, UX-design, lesbarhet og interaksjonsdesign danner det teoretiske rammeverket. Målet er å utvikle et mer tilgjengelig og intuitivt grensesnitt ved å kombinere prinsippene for universell utforming med innsikt fra brukertester.
”Hvordan redesigne bokhandelen Ark sin e-bok applikasjon slik at den bedre innfrir kravene til universal utforming, samtidig som UX design står i fokus?
Forstå brukeren
Researchfunn/ dybdeintervju
Inkluderer testing av tidligere etablerte løsning for Ark e-bok applikasjon
Brukertesting og dybdeintervjuer av ARK-appen avdekket flere sentrale utfordringer knyttet til lesbarhet og navigasjon. Mann 23, som har nedsatt synsevne, opplevde teksten i appen som altfor liten, tett og med lav kontrast. Dette gjorde lesingen anstrengende og vanskelig, og han etterlyste bedre muligheter for å justere både font og kontrast. Disse utfordringene ble ikke bare rapportert av brukere med synsnedsettelse – også Mann 24, som ikke har synsvansker, bekreftet at liten tekst, tynn font og lav linjeavstand reduserte leseligheten betraktelig. Han måtte fysisk lene seg nærmere skjermen for å lese komfortabelt.
Begge brukerne påpekte dessuten manglende mulighet til å søke etter bøker i ulike kategorier, slik man er vant med i fysiske bokhandler. Dette ble oppfattet som en svakhet i både navigasjonen og informasjonsarkitekturen.
Mann 23 trakk også frem hvordan sterke bakgrunnsfarger og lav kontrast mellom tekst og bakgrunn ytterligere hemmet lesbarheten, særlig for personer med nedsatt syn.
Brukerne uttrykte klare forventninger om funksjoner som tekstjustering, tydeligere struktur og mer intuitiv navigasjon. De sammenlignet med lignende apper de bruker til daglig og mente at ARK-appen bør tilby de samme grunnleggende tilgjengelighetsfunksjonene. Dette peker tydelig på et behov for forbedringer i både visuell utforming og brukervennlighet.
"Teksten er for liten og tett, jeg blir sliten i øynene etter bare noen minutter."
Brukertest, Mann 23
Researchfunn/
spørreundersøkelse
Spørreundersøkelsen innkluderer bilder fra Ark sin tidligere etablerte løsning.
1. Liten tekst og bilder skaper utfordringer Flere deltakere, særlig med nedsatt syn, rapporterte problemer med liten skrift og bilder.
3. Stort behov for bedre lesbarhet Dårlig kontrast og liten tekst går igjen som hovedproblem, og bekrefter behovet for forbedringer.
2. Appen oppleves som uoversiktlig Flere mente at layout og struktur fungerer dårlig, spesielt for brukere med funksjonsnedsettelser.
4. Lesing på mobil er anstrengende 9 av 19 opplevde ubehag som såre øyne og dårlig oversikt – mobilvisning er en barriere.
5. Høy andel med nedsatt syn 42,1 % oppga synshemming, noe som understreker behovet for universell utforming.
"Jeg har nedsatt syn, og det er nesten umulig å lese uten å anstrenge meg." Respondent, spørreundersøkelse
Persona for prosjektet
"Daniel og Anne representerer to ulike brukerbehov; én som krever tilrettelegging for synshemming, og én som forventer sømløs og intuitiv navigasjon. Å designe for begge sikrer en e-bokopplevelse som er både universelt utformet og brukervennlig for alle."
Kortsortering
Kortsortering
med brukere
Siden ARK sin e-bokapp allerede er en etablert applikasjon og har en tilhørende nettside, benyttet jeg kortsortering som metode for å teste hvordan brukere oppfatter og organiserer informasjon. Målet var å legge grunnlaget for en mer brukervennlig og logisk navigasjonsstruktur tilpasset målgruppen.
Resultat fra
kortsortering
Kortsorteringen ble gjennomført for å forstå hvordan målgruppen organiserer informasjon, og brukes som grunnlag for å forbedre appens informasjonsstruktur.
Resultatene fra mann 23 og mann 24 ble sammenlignet for å identifisere fellestrekk. Eksempelvis ble «Logg ut» og «Innstillinger» plassert sammen av begge, noe som viser tydelige mønstre i brukernes tankegang.
Det ble oppdaget små avvik i gjennomføringen (noen ulike kort ble brukt), men dette påvirker ikke validiteten av resultatene.
Funnene fra kortsorteringen vil bli brukt som støtte i utforming av wireframes, i kombinasjon med egne vurderinger for å sikre en logisk og brukervennlig struktur.
Low fidelity skisser
Kortsorteringen ble gjennomført for å forstå hvordan målgruppen organiserer informasjon, og brukes som grunnmur for denne delen av prossesen.
Jeg startet med å produsere low fidelity skisser; før bruker test. Jeg ønsket å teste om informasjons arkitekturen jeg hadde etablert gjennom kort sortering fungerte, eller om endringer trengtes.
Informasjonsarkitektur
Å etablere en god informasjonsarkitektur er avgjørende for å sikre at brukerne enkelt finner frem i appen. I denne oppgaven bidrar det til å skape en logisk, intuitiv og tilgjengelig struktur som støtter både lesbarhet og universell utforming.
Etter testing av LowFid prototypen, konkluderte jeg med at informasjons artkitekturen ikke var ideell, og tok IA og designet i en ny retning.
Introduksjon
Ark E-bok applikasjon / redesign
Ark bokhandels orginale design stillte svak i henhold til universell utforming, noe jeg tok sterkt hensyn til i prossen min, og mine endelige design valg. Designet er modærne, stirent og enkelt å orientere seg rundt.
Knapper og menyer
Fargeprofil
Primær fargene er gjennomgående i hele designløsningen, uten å ta for mye fokus. Det var viktig for meg å ta med identiteten til Ark, da applikasjonen skal skille seg fra konkurrenter; men også ikke framstå annonym eller generisk.
Primærfarger
Sekundærfarger
For å oppnå best mulig lesbarhet for bruker, så har jeg lagt til funsjoner som vil la bruker endre på skrift størrelse og valg av font på tekst.
Bruker har tilgang til eget bibliotek gjennom hamburger-menyen. Funksjonellt vil “Mitt biblitek” være landing page etter at bruker ha registrert bruker og kjøp sin første bok/lyd-bok.
Muligheten for å velge mellom dark- og light-mode er en funksjon lagt til, da sterkt lys kan være belastene for brukere.
Typografi
Bruker vil ha enkel tilgang til både e-bøker og lyd-bøker.
Rydding og stirent design, som tar i bruk Ark sin farge identitet, for å styrke Ark bokhandels sin identitet og skille dem fra konkurrenter.
Informasjon er presentert på en enkel og intuitiv måte, for å forenkle brukers prosess.
“Inter er et godt valg for mobilapper på grunn av tydelig lesbarhet i små størrelser, åpne bokstavformer og et moderne, lettlest design; perfekt for skjerm og tilgjengelighet.”
Layout og grid
bottom of page