Aktivitet 01
Ikon-test: Rita och gissa symboler
Elever ritar ikoner för handlingar som 'spara' eller 'ta bort'. De visar ritningarna för en partner som gissar betydelsen. Gruppen diskuterar varför vissa symboler missförstås och ritar om dem.
Vad gör en symbol lätt att förstå för alla?
HandledningstipsGe eleverna tydliga instruktioner för att skapa pappersprototyper: en ruta för skärmen, plats för ikoner och en enkel navigationslinje. Be dem att inte förklara sin design muntligt, utan låta kamraten utforska prototypen själv.
Vad att leta efterGe eleverna en lapp där de får rita en ikon för en vanlig funktion (t.ex. 'spara', 'inställningar', 'sök'). De ska sedan skriva en mening om varför de valde just den bilden och vem den är tänkt att kommunicera med.
FörståTillämpaAnalyseraSkapaRelationsförmågaSocial Medvetenhet
Skapa en komplett lektion→· · ·
Aktivitet 02
Pappersprototyper: Designa app-skärm
Elever skissar en enkel app-skärm på A4-papper med knappar och symboler. Smågrupper testar genom att peka på skärmen och beskriva vad som händer. De noterar problem och föreslår förbättringar.
Hur kan vi testa om vår design fungerar för någon annan?
HandledningstipsUnder ikon-testet, uppmuntra eleverna att anteckna vilka symboler som var svåra att gissa och varför. Gör en gemensam lista på tavlan för att synliggöra de vanligaste missuppfattningarna.
Vad att leta efterEleverna presenterar sina enkla prototyper (t.ex. en ritad skiss av en appskärm). Klasskamraterna får ge feedback på två saker: 1. Vad var lätt att förstå? 2. Vad var svårt att förstå eller vad saknades? Läraren samlar in prototyperna och feedbacken.
FörståTillämpaAnalyseraSkapaRelationsförmågaSocial Medvetenhet
Skapa en komplett lektion→· · ·
Aktivitet 03
Användartest: Testa kamratens design
Varje elev skapar en prototyp för en spelapp. De byter prototyper i par och ger feedback på tydlighet. Tillsammans itererar de designen baserat på observationer.
Varför är det viktigt att tänka på användaren först?
HandledningstipsSätt en tydlig tidsgräns för användartesterna, till exempel fem minuter per test. Det skapar en känsla av verklighetstrogenhet och visar eleverna hur viktigt det är att designa för snabb förståelse.
Vad att leta efterVisa två olika ikoner för samma funktion (t.ex. två olika 'hem'-ikoner). Ställ frågan: 'Vilken ikon tror ni att de flesta användare förstår snabbast och varför?' Samla in snabba svar genom handuppräckning eller digital omröstning.
FörståTillämpaAnalyseraSkapaRelationsförmågaSocial Medvetenhet
Skapa en komplett lektion→· · ·
Aktivitet 04
Klassröstning: Bäst ikon-utmaning
Elever föreslår ikoner för en gemensam app-idé. Hela klassen röstar och motiverar val. Vinnarna förklarar varför deras ikon är mest användarvänlig.
Vad gör en symbol lätt att förstå för alla?
HandledningstipsVid klassomröstningen, be eleverna motivera sitt val med en kort mening. Det tränar dem i att reflektera över designval och att uttrycka sina tankar tydligt.
Vad att leta efterGe eleverna en lapp där de får rita en ikon för en vanlig funktion (t.ex. 'spara', 'inställningar', 'sök'). De ska sedan skriva en mening om varför de valde just den bilden och vem den är tänkt att kommunicera med.
FörståTillämpaAnalyseraSkapaRelationsförmågaSocial Medvetenhet
Skapa en komplett lektion→Några anteckningar om att undervisa detta avsnitt
Användarvänlig design lärs bäst ut genom att eleverna själva ställs inför de utmaningar som riktiga designers möter. Undvik att ge för mycket vägledning i början, men var redo att ställa frågor som får eleverna att reflektera, till exempel: 'Hur vet användaren vad den här ikonen betyder?' eller 'Vad händer om någon aldrig har sett den här symbolen förut?' Fokusera på att skapa en klassrumsmiljö där eleverna känner sig trygga med att göra fel, eftersom det är just genom felen som de lär sig. Låt eleverna jämföra sina lösningar med varandra, så de ser att det finns många sätt att lösa samma problem på, och att det bästa sättet ofta är det som fungerar för flest.
Eleverna visar förståelse för användarvänlig design genom att förklara varför deras ikoner och prototyper fungerar eller inte fungerar för olika användare. De använder feedback från kamrater för att förbättra sina lösningar, och kan argumentera för sina val med konkreta exempel. Lyckad inlärning syns när eleverna aktivt justerar sin design baserat på andras upplevelser.
Se upp för dessa missuppfattningar
Under ikon-testet, tro elever att design handlar bara om att det ser snyggt ut.
Under ikon-testet, be eleverna att observera vilka ikoner som är svåra att gissa och diskutera varför. Använd deras anteckningar för att visa att en vacker ikon inte hjälper om den inte är tydlig. Jämför elevernas egna ikoner med de som fungerade bäst i testet för att visa skillnaden mellan utseende och funktion.
Elever tror att deras egen design alltid är bra för alla.
Under användartestet, be eleverna att notera om kamraten förstod prototypen direkt eller om det fanns oklarheter. Diskutera sedan i helklass hur olika erfarenheter påverkar förståelsen. Använd elevernas feedback för att justera prototyperna och visa att en design aldrig är 'klar' bara för att eleven själv förstår den.
Elever antar att symboler är självklara utan testning.
Under ikon-testet, be eleverna att rita en ikon för en funktion de valt och sedan låta en kamrat gissa vad den föreställer. Notera vilka symboler som missuppfattades och diskutera varför. Använd detta för att visa att ingen symbol är universell och att testning alltid krävs.
Metoder som används i denna översikt