Brukerinnsikt om image hotspots

Elever er ofte positive til H5P-typen image hotspots. De forstår designet og klikker seg inn på punktene. De vil ikke at det skal være for mye innhold bak klikkpunktene. Vi anbefaler at selve klikkepunktene har en god kontrastfarge til bakgrunnsbildet.

Image hotspots og universell utforming

Fokusrekkefølgen på klikkpunktene må bli riktig. Legg inn klikkpunktene i riktig rekkefølge og test ut med tastatur. Gi hvert "item" et logisk navn, slik at de som bruker skjermleser får lest opp riktig tittel. Tekst skal være kodet som tekst. Eventuelle bilder skal ha alt-tekst. Hvis det er et mer komplekst bilde/modeller eller lignende kan du lage tekstalternativ under. Tekstalternativet kan ligge i en ekspanderbar boks eller du kan skrive/utdype i teksten på siden. For å gjøre siden lettere å bruke for de som bruker skjermleser anbefaler vi deg å bruke en overskrift (H2 eller H3) på siden i ED som introduserer image hotspots.

Les mer:Uu: H5P (generelt)

Innsikt fra brukertester

Mange punkter? Lag mellomtitler (middels overskriftnivå).

Elevene liker godt image hotspots: –Fint å kunne klikke på det jeg lurer på, heller klikking enn at det bare hadde vært et bilde på sida med streker ut til ei liste med forklaringer.
Elever ønsker ikke at det skal være så mye tekst bak klikkpunktene.
Elever setter pris på bilder, video og H5P i fagartikler.
Modeller med tekst kan noen ganger bli enklere å forstå dersom ulike elementer er klikkbare og kort forklart. Her anbefaler vi at hovedtrekk om modellen også blir skrevet med tekst på fagsiden.

Brukertestrapporter

Eksempler med innholdstypen

NDLA: Grønn vekst
Denne siden ble testet, og hadde opprinnelig en modell og en oversikt over de ulike stegene i den grønne trappa under modellen. Elevene måtte skrolle en del mellom illustrasjonen, forklaringen av stegene og ned til oppgavene. Etter testen ble det laget en image hotspots der de ulike stegene ble forklart på selve bildet med klikkpunkter. Modellene fikk en kort forklaring i teksten og de ulike stegene ble også lagt inn i en ekspanderende boks for å gjøre det lettere for brukere med skjermleser å få punktene samlet, og unngå så mange klikk.

Relatert innhold

Skrevet av Stina Grolid.