VibeTeacherSETT 2026

Instruktionsstöd

Tydliga steg-för-steg-instruktioner för alla elever

En elev som inte förstår uppgiften kan inte visa vad den kan. Tydliga instruktioner handlar inte om att sänka nivån — det handlar om att ta bort onödiga hinder.

Funktioner

  • Huvudvy med uppgiftens mål och nästa steg
  • Steg-för-steg-läge med avbockning
  • Checklista med progressbar
  • Tre instruktionsnivåer: kort, tydlig, extra stöttad
  • "Missade du lektionen?"-funktion
  • Visuell planeringstavla med kort
  • Fokusläge utan distraktioner

Prompten

Prompt
Skapa en enkel och tydlig webbsida i en enda HTML-fil som fungerar lokalt utan internet, utan API och utan inloggning.

Syftet med sidan är att hjälpa elever som behöver extra tydlighet, struktur och lugn när de ska förstå en uppgift. Sidan ska vara anpassad för elever som lätt blir överbelastade av för mycket information, och därför behöver en mycket tydlig och avskalad layout.

Jag vill att sidan ska hjälpa eleven att förstå en skoluppgift på flera olika sätt, men utan att visa för mycket på en gång.

Sidan ska innehålla detta:

1. En huvudvy som heter till exempel "Min uppgift", där eleven först ser:
- vad uppgiften handlar om
- vad målet är
- vad eleven ska göra just nu

2. Ett steg för steg-läge där uppgiften delas upp i mindre delar.
Varje steg ska vara tydligt, kortfattat och lätt att bocka av.

3. En checklista där eleven kan markera vad som är klart.

4. En enkel tidslinje eller planering som visar i vilken ordning eleven ska arbeta.

5. En version av instruktionen i tre nivåer:
- kort version
- tydlig version
- extra stöttad version

6. En funktion som hjälper eleven om eleven har missat lektionen. Där ska det stå:
- vad vi gjorde
- vad du måste göra nu
- vad du kan vänta med eller hoppa över
- vem du kan fråga

7. En visuell planeringstavla där momenten visas som tydliga kort.

8. Ett fokusläge där nästan allt runtomkring försvinner så att eleven bara ser det viktigaste och kan ta en sak i taget.

9. En progressbar eller tydlig översikt som visar hur långt eleven har kommit.

Det är viktigt att sidan har:
- mycket tydlig visuell struktur
- lugn och ren design
- få färger
- få distraktioner
- korta textstycken
- tydliga rubriker
- god läsbarhet
- en känsla av trygghet och enkelhet

Tänk UI/UX för elever som behöver stöd i exekutiva funktioner, struktur, arbetsminne och fokus. Det ska kännas självklart vad eleven ska göra härnäst.

Skapa hela lösningen som en färdig HTML-fil med inbyggd CSS och JavaScript.

Utgå från att detta är en skoluppgift på gymnasiet.

[här kommer instruktionen]

Lärarguide

Hur ofta har du sett en elev sitta och stirra på ett uppgiftspapper utan att komma igång? Inte för att uppgiften är för svår — utan för att instruktionerna är överväldigande. För mycket text, för många steg, otydlig ordning.

Det här drabbar framför allt elever med svårigheter i exekutiva funktioner — alltså förmågan att planera, prioritera och hålla igång sitt arbete. Det är vanligt vid ADHD, men också hos många andra elever som helt enkelt behöver mer struktur.

Med den här prompten skapar du ett verktyg som presenterar samma uppgift på flera olika sätt: - En översikt med det viktigaste - Steg-för-steg med avbockning - En visuell planeringstavla - Tre nivåer av instruktioner (kort / tydlig / extra stöttad) - En "missade du lektionen?"-funktion

Det sista är särskilt värt att nämna. Många elever med hög frånvaro möter ett klassrum där "alla andra vet vad de ska göra". Känslan av att vara utanför gör att tröskeln för att komma tillbaka blir ännu högre. En tydlig "här är du, det här behöver du göra nu" kan vara skillnaden.

Progressbaren är också viktig psykologiskt. Att se att man faktiskt rör sig framåt — även om det bara är ett litet steg — ger motivation att fortsätta. Det gäller alla elever, men särskilt de som ofta känner att de "aldrig blir klara".

Fokusläget tar bort allt utom den aktuella uppgiften. Perfekt för elever som blir distraherade av för många element på skärmen.

Tips: Skapa ett instruktionsstöd för en riktigt uppgift och låt eleverna testa det. Fråga sedan: Vad hjälpte? Vad saknades? Och vem i klassen hade egentligen nytta av detta? (Spoiler: nästan alla.)