Template / true crime / nordic noir

CASE 01
Skyggespor

Undersøg en mistænkelig mail, vurdér sporene og træf de rigtige valg. Designet er mere foto-realistisk og kan udbygges med SCORM-sporing, video, speak og interaktive indholdstyper.

Genkende typiske tegn på phishing og social engineering
Analysere afsender, links, formuleringer og kontekst
Vurdere risiko og reagere korrekt i Outlook og Windows
🔊 Her kan der tilføjes speak / voice-over (fx audio/intro.mp3)
Hændelse
En ansat modtager en mail om “overskredet lagergrænse”.
Afsender: it@cyberlearning.dk
Spor
Generisk sprog og pres for at handle hurtigt.
https://support.iteodne.com/
ikke samme domæne

Indholdstype 1 – opslagstavle med røde tråde og knappenåle

Her samles spor som i en efterforskning. Brug siden som intro til en sag, overblik over nøglefund eller opsummering af hændelsesforløbet.

Foto
Brug realistiske billeder eller skærmbilleder
Noter
Korte sagskort med pointer
Tråde
Vis relationer og tidslinje
Knappenåle
Forstærker den fysiske opslagstavle
Zoom
Kan kombineres med klik for detaljer
Speak
Læs op mens sporene gennemgås

Indholdstype 2 – ren tekst

Til forklaringer, regler, baggrund eller læringsmål. Siden kan have speak, enkle indgange og diskret motion-inspireret animation.

🎙️ Plads til speak / lydfil for denne side
  • Se efter afsenderdomænet, ikke kun navnet.
  • Hold musen over links for at kontrollere destinationen.
  • Vær opmærksom på usædvanlig hast, pres eller trusler.
  • Kontrollér henvendelser gennem andre kanaler ved tvivl.

Indholdstype 3 – tekst og foto/illustration

Anvend fotos eller realistiske illustrationer til at underbygge budskabet.

  • Brug foto af en situation, person eller skærm
  • Supplér med korte pointer
  • Kan kombineres med speak og indflyvning
Eksempel: En medarbejder arbejder hjemmefra og modtager en mistænkelig e-mail.

Indholdstype 4 – trinvis reveal / animation

Klik dig frem gennem hændelsesforløbet. Effekten minder om animate.style / motion-effekter og kan bruges til at styre fokus.

1. Brugeren modtager en mail med emnet “Din mail er blokeret”.
2. Mailen virker troværdig, men er generisk og presser modtageren.
3. Linket peger på et domæne, der ikke matcher afsenderen.
4. Den korrekte handling er at undlade at klikke og rapportere mailen.

Indholdstype 5 – bokse flere steder på siden

Her kan der være tre eller flere selvstændige informationsbokse med fotos eller illustrationer.

Afsender
Kontrollér mailadresse og domæne nøje.
Link
Hold musen over linket og tjek destinationen.
Sprog
Generiske formuleringer og hast kan være tegn på phishing.

Indholdstype 6 – læs mail i Outlook med flere forstørrelsesglas

Klik på forstørrelsesglassene for at åbne realistiske forklaringsbokse.

Outlook med mistænkelig e-mail

Indholdstype 7 – zoom ind forskellige steder i mailen

Klik på et fokusområde for at få et zoom og en forklaring.

Outlook

Indholdstype 8 – tydelig foto-/illustrationskarusel

Denne side er en karusel: klik på miniaturerne til højre for at skifte foto og tilhørende tekst.

Indholdstype 9 – slider / risikovurdering

Flyt slideren for at vurdere, hvor risikabel du mener mailen er.

Lav risiko
Høj risiko

Vurdering: Mailen virker umiddelbart legitim.

Brug

  • Aktiver deltagelse
  • Indsaml refleksion
  • Brug i diskussioner eller før/efter-sammenligning

Indholdstype 10 – video-side med embed fra Vimeo

Her kan der embeddes rigtige Vimeo-videoer, så de er lettere at afprøve.

🔊 Kombinér gerne med speak eller vejledningstext.

Indholdstype 11 – interaktiv video

Videoen pauser efter få sekunder. Klik på det rette sted for at fortsætte til korrekt eller forkert feedback.

Klik på det mistænkelige i videoen

Indholdstype 12 – HTML/CSS/JS / motion-lignende effekter

Her er et eksempel på hover, indflyvning og små bevægelsesinteraktioner inspireret af animate.style og motion.dev.

Fade in
Elementer kan komme ind trinvist for at styre opmærksomhed.
Tilt / hover
Denne boks reagerer på musens bevægelse.
Puls / fokus
Klik på boksen for at aktivere en kort fokus-animation.
👤
Log på
Indtast sikkerhedskoden for at fortsætte

Tak for nu

Du har nu set flere indholdstyper i et nordic noir / true crime-univers: opslagstavle, Outlook med forstørrelsesglas, zoom, karusel, slider, Vimeo-video, interaktiv video, Windows-logon og flere HTML/CSS/JS-effekter.

Denne pakke kan udvides med flere cases, quizspørgsmål, SCORM-rapportering, speak, rigtige lydfiler og egne Vimeo-links.