Fra kaotisk til intuitivt bildesøk

MyEachtraX

Lifelogging handler om å systematisk registrere og dokumentere hverdagslivet med digitale verktøy som bilder, video og aktivitetslogger. MyEachtraX er en mobiloptimalisert plattform for lifelogging som gjør det mulig å hente bilder basert på tid, sted og hendelser. Systemet kombinerer avanserte teknologier som LLM, MLLM, CLIP og FAISS for rask, nøyaktig og kontekstbasert søking.

I MIX204 ved Universitetet i Bergen fikk vi i oppgave å forbedre brukeropplevelsen for MyEachtraX. Målet var å gjøre grensesnittet mer intuitivt og effektivt, med et tydelig fokus på UX/UI-forbedringer gjennom Figma-prototyping. Vi skulle levere en løsning som økte nøyaktighet og hastighet kun ved hjelp av design, uten å endre systemets kjernefunksjonalitet.

Som UX-designer i prosjektgruppen hadde jeg ansvar for den brukersentrerte prosessen: fra å avdekke brukerinnsikt og analysere smertepunkter, til iterativ prototyping, brukertesting og validering av designvalg.

Dette har jeg gjort

Redesign UI/UX Brukerundersøkelse Prototyping/testing Mobildesign Teamarbeid Maskinvare

Teknologi

Figma FigJam Framer

Oppsummering av AI

Intuisjon over kompleksitet: MyEachtraX var et kraftig system, men preget av uklar navigasjon og frustrerende brukeropplevelse. Vi startet med å forstå brukerens behov og kognitive belastning, for å gjøre systemet mer intuitivt og sømløst.
Evolusjon og innovasjon: Små, inkrementelle endringer som tydeligere farger, større ikoner og forbedret layout fjernet umiddelbar friksjon. Samtidig løste disruptive innovasjoner, som et helt nytt filtersystem og redesignet kartinteraksjon, de underliggende problemene som hindret effektiv søking og gjenfinning.
Kontroll gjennom klarhet: Vi erstattet uforståelig automatikk med et manuelt filtersystem som gir brukeren full kontroll, og gjør søkeprosessen presis og forutsigbar.
Resultater drevet av design: Brukertesting viste raskere oppgaveløsning, høyere nøyaktighet og en mer tilfredsstillende opplevelse. Prosjektet viser hvordan brukerfokusert design kan transformere et komplekst verktøy til et effektivt og engasjerende system.

PROBLEM

Gjøre det mobile grensesnittet så enkelt og intuitivt at nybegynnere
lett forstår hvordan de skal starte, søke og navigere

Selv om MyEachtraX var teknologisk avansert, var brukeropplevelsen preget av frustrasjon og ineffektivitet. De brukte mer tid på å
kjempe mot grensesnittet enn på å finne det de lette etter. En innledende brukertest av det eksisterende systemet ga oss dyp
innsikt i brukernes smertepunkter.

Bildevisning

Rotete layout gjorde det vanskelig å finne riktige bilder.

Filtrering

Manglende manuelle filtre og irrelevante resultater skapte frustrasjon.

UX/UI

Uklart grensesnitt, manglende veiledning for nye brukere, og høy kognitiv belastning.

PROSESSEN

Vi fulgte en iterativ og brukersentrert prosess for å utvikle en mer sømløs opplevelse

Ekspertintervjuer ble gjennomført for å forstå utfordringene i dybden. Ekspertene pekte spesielt på behovet for en tydeligere visuell struktur, mer logiske arbeidsflyter og mer konsistent tilbakemelding. Dette la grunnlaget for redesignarbeidet.

Vi utviklet en prototype i Figma, der vi både gjorde små visuelle justeringer og større mer omfattende endringer. I stedet for å designe et nytt system fra bunnen av, valgte vi å iterere direkte på det eksisterende grensesnittet. Denne strategien lot oss beholde gjenkjennelige elementer, samtidig som vi målrettet løste de identifiserte problemene.

Prototypen ble testet på eksperter og nybegynnere, og testingen gav oss verdifull innsikt. Flere av tilbakemeldingene handlet om små detaljer, som at knapper måtte være større for mobilbruk, ikoner tydeligere og navigasjonen mer forutsigbar. Alt dette ble implementert i nye iterasjoner, noe som sikret at designet faktisk adresserte de faktiske problemene brukerne opplevde.

LØSNINGEN

En fullstendig redesignet brukeropplevelse med enkelhet og intuisjon i fokus

Vi utviklet en raskere, mer fleksibel og brukervennlig opplevelse, med et tydelig fokus på å gjøre systemet tilgjengelig for uten å miste funksjonaliteten som mer erfarne brukere forventer.

Smart tagging

Hurtigere søk med forslag basert på topp-termer og nylige søk, tilgjengelig med ett trykk.

Ny filtermeny

Persistent filtermeny plassert rett under søkefeltet, alltid tilgjenglig, slik at brukeren kan justere søket uten å miste flyten.

Fleksibelt bildegalleri

Redesignet layout inspirert av iPhone-kamerarullen, med zoom og enkel scrolling.

Favoritter

Brukere kan merke og samle bilder underveis, noe som gjør det enklere å sammenligne og velge ut de beste forslagene.

MyEachtraX-konseptet var allerede solid — vi har bygget videre på det. Med en smidigere opplevelse, smartere funksjoner og forbedret ytelse på mobil, føles systemet nå som et naturlig og brukervennlig verktøy rett fra lomma.

RESULTATET

Et tydelig løft i brukervennlighet, navigasjon og visuell struktur

Dette kom tydelig frem i den siste runden med brukertesting. Navigasjonen ble opplevd som intuitiv, og det nye filtersystemet ble fremhevet som en av de største forbedringene. Samtidig ga det ryddigere og mer profesjonelle grensesnittet en følelse av ro og trygghet, og bidro til at brukerne følte seg mer selvsikre i bruken av systemet. Ikke minst viste testene målbare resultater: alle deltakere løste oppgavene raskere enn i den opprinnelige versjonen. Tilbakemeldinger fra eksperter og brukere bekreftet dermed at redesignet ikke bare fjernet frustrasjon og friksjon, men også skapte en løsning som i større grad samsvarte med brukernes behov og forventninger.