top of page
shared image (2)_edited.jpg

Från fysisk kortlek till digital samtalsupplevelse

På uppdrag av AcadeMedia utvecklade vi en digital prototyp av deras uppskattade samtalskortlekar som används inom skolor. Målet var att öka tillgängligheten utan att förlora det pedagogiska och mänskliga värdet.

Min roll

Min huvudsakliga roll innefattade:

  • Planering, facilitering och genomförande av en workshop med test av första digitala versionen

  • Genomförande av intervjuer och observationer för insiktsinsamling

  • Skapande av komponenter i prototypen

  • Design av användarresor och struktur baserat på insikter från testerna

 

Jag var särskilt involverad i att översätta den fysiska upplevelsen till en digital kontext utan att förlora känslan av närhet och reflektion.

Bild på de fyra olika kortlekarna
Utgångspunkt & problemformulering

AcadeMedia använde fysiska kortlekar i olika skolmiljöer, men såg ett behov av att tillgängliggöra dessa digitalt. Utmaningen låg i att:

​

“Hur kan vi utveckla en enkel digital lösning som gör AcadeMedias samtalskortlekar mer tillgängliga i skolans vardag, utan att förlora deras reflekterande och pedagogiska värde?”

Bild på kortlek och korten
Designprocess
Research

Vi inledde med:

  • Intervjuer

  • En workshop där deltagare fick använda både den fysiska och digitala versionen av kortleken (A/B-upplägg)

  • Observationer och analys av interaktioner, känslor och barriärer

 

Insikter:

  • Många upplevde fysisk kortlek som mysig men opraktisk

  • Digitala prototypen upplevdes som rörig i början

  • För många klick och för mycket text bromsade samtalsflödet

Foto från workshopen där deltagare spelar kortleken.
Idégenerering & koncept

Vi diskuterade flera lösningar:

  • Ljuduppläsning av kort

  • Visuellt stöd med symboler & färgkodning

  • Möjlighet att favoritmarkera kort

 

Efter återkoppling från AcadeMedia prioriterades mobilformat, vilket innebar att vi skiftade från iPad till mobilvy under projektets gång. Detta krävde stor omarbetning av layout och flöde.

Post-it lappar med lösningsidéer
Designlösning: Talkio

Startsida

  • Fyra kortlekar, scrollbara (horisontellt på mobilvy)

  • Enkel onboarding och tydlig navigering

 

Kategorival

  • Användaren kan välja samtalskategori: t.ex. respekt, förståelse, ansvar

 

Spelläge

  • Användaren väljer mellan olika övningar (rollspel, skrivövning m.m.)

  • Ljudfunktion för att läsa upp kort

  • Möjlighet att vrida enheten för liggande vy

 

Kortvy

  • Stor, tydlig fråga

  • Ikon kopplad till tema

  • Funktion för att spara favoriter

 

Identitet

  • Vi tog fram namnet “Talkio” samt en lekfull men seriös logotyp anpassad för skolmiljö

Surfplatta- och mobilversion för start- och kategorisidan.
Surfplatta- och mobilversion för kortsidan, både stående och liggande vy.
Fyra frames som visar olika interaktioner
Test & iteration

Våra användartester (workshop + intervjuer) visade att:

  • Användarna uppfattade färgkodning och symboler som intuitiva

  • För långa texter eller klickvägar försvårade flödet

  • Det var viktigt att matcha den emotionella tryggheten i det fysiska formatet även i appen

Vi agerade snabbt på feedback:

  • Förenklade navigation

  • Lade till visuell återkoppling

  • Justerade språk och placering av instruktioner

Slutsats
Resultat & effekter

  • En responsiv och inkluderande lösning, där samtal kan ske oavsett plats, enhet eller deltagare

  • Förankrad i skolmiljön, men designad med flexibilitet för att passa även utanför klassrummet

  • En prototyp redo för implementation, utan behov av att spara data, i linje med AcadeMedias önskemål

Reflektion & lärdomar

Jag lärde mig hur viktigt det är att aldrig anta att en lösning är självklar bara för att den känns självklar för oss som skapat den.

​​

Projektet gav mig:

  • Praktisk erfarenhet av att översätta en fysisk produkt till en digital tjänst

  • Möjlighet att jobba med testning och iterativ design, två av mina favoritmoment

  • Större förståelse för tillgänglig design i utbildningsmiljöer

bottom of page