Teknik · Årskurs 6

Idéer för aktivt lärande

Användargränssnitt och interaktion

Genom konkreta, fysiska aktiviteter som skissande och tester får eleverna uppleva hur designval direkt påverkar användarupplevelsen. När de får känna på frustration över otydliga gränssnitt och glädje över enkla lösningar skapas en djupare insikt som teoretiska genomgångar inte ger.

• Skolverket Kursplaner
• Lgr22: Teknik 4-6, Centralt innehåll, Teknikutvecklingsarbetets olika faser, Identifiering av behov
• Lgr22: Teknik 4-6, Centralt innehåll, Teknikutvecklingsarbetets olika faser, Skisser, ritningar och modeller

• 35–50 min
• Par → Hela klassen
• 4 aktiviteter

Aktivitet 01

• Projektbaserat lärande
• 35 min · Smågrupper

Gruppanalys: Jämför appar

Dela in eleverna i små grupper och ge dem två appar eller webbplatser att testa. De noterar vad som känns intuitivt eller förvirrande och diskuterar varför. Grupperna presenterar sina observationer för klassen med exempel på skisser.

Analysera vad som gör ett användargränssnitt effektivt och användarvänligt.

Handledningstips

Ge grupperna tydliga kriterier för att jämföra apparna, som: hur många steg krävs för att utföra en uppgift och hur lätt det är att hitta?

Vad att leta efter

Be eleverna rita ett enkelt användargränssnitt för en ny leksaksrobot. De ska inkludera minst tre knappar eller reglage och skriva en kort mening om vad varje reglage gör. Fråga dem sedan: Vilken färg skulle du välja för den viktigaste knappen och varför?

• Tillämpa
• Analysera
• Utvärdera
• Skapa
• Självreglering
• Relationsförmåga
• Beslutsfattande

Aktivitet 02

• Projektbaserat lärande
• 45 min · Par

Designutmaning: Skissa styrsystem

Elever arbetar i par och får en uppgift, som att designa ett gränssnitt för en robotdammsugare. De skissar wireframes med ikoner och flöden. Paret testar skissen på varandra och justerar baserat på feedback.

Designa ett enkelt användargränssnitt för en teknisk lösning.

Handledningstips

Be eleverna att skissa sitt styrsystem på papper innan de bygger prototyper, så att de fokuserar på logiken och inte bara utseendet.

Vad att leta efter

Visa bilder på två olika typer av fjärrkontroller (t.ex. en för TV med många knappar och en för en mediaspelare med få knappar). Fråga eleverna: Vilken fjärrkontroll tror ni är enklast att använda för någon som bara vill se på film? Motivera ert svar med begrepp som tydlighet och återkoppling.

• Tillämpa
• Analysera
• Utvärdera
• Skapa
• Självreglering
• Relationsförmåga
• Beslutsfattande

Aktivitet 03

• Projektbaserat lärande
• 40 min · Smågrupper

Prototyp-test: Rollspel

Bygg enkla pappersprototyper av gränssnitt. Elever testar varandras prototyper i rollspel som olika användare, som ett barn eller en senior. Notera problem och föreslå förbättringar i en gemensam matris.

Jämför olika typer av användargränssnitt och deras lämplighet för olika målgrupper.

Handledningstips

Använd rollspelet för att synliggöra hur feedback i realtid påverkar användarens upplevelse, till exempel med ljud eller ljussignaler.

Vad att leta efter

Eleverna skissar ett användargränssnitt för en app som hjälper till att sortera sopor. Låt dem sedan byta skisser med en klasskamrat. Varje elev får ge feedback på kamratens skiss med fokus på: Är det lätt att förstå vad man ska göra? Finns det tydlig återkoppling? Ge ett konkret förslag för förbättring.

• Tillämpa
• Analysera
• Utvärdera
• Skapa
• Självreglering
• Relationsförmåga
• Beslutsfattande

Aktivitet 04

• Projektbaserat lärande
• 50 min · Smågrupper

Stationer: UI-typer

Sätt upp stationer med touchskärm, tangentbord, röststyrning och fysiska knappar. Grupper roterar, testar uppgifter och bedömer lämplighet för målgrupper. Samla in reflektioner på post-its.

Analysera vad som gör ett användargränssnitt effektivt och användarvänligt.

Handledningstips

Dela upp stationerna så att varje elev får testa minst två olika UI-typer och dokumentera sina observationer i en tabell.

Vad att leta efter

Be eleverna rita ett enkelt användargränssnitt för en ny leksaksrobot. De ska inkludera minst tre knappar eller reglage och skriva en kort mening om vad varje reglage gör. Fråga dem sedan: Vilken färg skulle du välja för den viktigaste knappen och varför?

• Tillämpa
• Analysera
• Utvärdera
• Skapa
• Självreglering
• Relationsförmåga
• Beslutsfattande

Några anteckningar om att undervisa detta avsnitt

Börja med att visa exempel på bra och dålig design från elevernas vardag, gärna med känslomässiga reaktioner som attityderna till en frustrerande app. Låt eleverna arbeta i par eller små grupper för att främja diskussion och reflektion. Undvik långa genomgångar av teori innan de fått pröva själva, eftersom det minskar nyfikenheten.

Eleverna kan förklara varför logisk struktur, tydliga symboler och omedelbar återkoppling underlättar interaktionen med teknik. De använder rätt begrepp för att analysera och förbättra egna och andras designförslag i olika sammanhang.

---

Se upp för dessa missuppfattningar

• Under Gruppanalys: Jämför appar, tro elever att fler funktioner och knappar automatiskt gör ett gränssnitt bättre.

  Ge grupperna i uppgift att räkna antalet onödiga steg och misstag som uppstår på grund av otydliga funktioner. Diskutera sedan hur minimalism och prioritering av användarens behov kan minska frustrationen.

• Under Gruppanalys: Jämför appar, antar elever att alla gränssnitt passar alla användare lika bra.

  Låt grupperna jämföra appar som riktar sig till olika målgrupper, som barn eller vuxna, och diskutera hur ikonstorlek, färgval och språk påverkar användbarheten.

• Under Prototyp-test: Rollspel, uppfattar elever gränssnitt som endast handlar om utseende och inte funktion.

  Be eleverna att beskriva hur feedback och navigering fungerar i deras prototyp innan de fokuserar på utseendet. Fråga dem hur de skulle förbättra interaktionen om de fick ändra en sak.

---

Metoder som används i denna översikt

• Projektbaserat lärande