Brukt riktig, kan accordion være en bra måte for brukeren å få raskt overblikk og finne det innholdet man er ute etter. Men du kan også risikere å skjule innholdet og gjøre det vanskelig for brukeren.

Alle brukerveiledninger for eksterne nettsider | Sider merket Liferay

Accordion kalles også for toggler eller trekkspill. Her er noen råd til deg for hvordan du kan bruke accordion på eksterne nettsider. Merk at wikisider på Innsida ikke har accordion som mulighet. Noen velger å kode det inn, det er på egen risiko.

Tenk nøye gjennom bruken av accordion. Ofte er det en bedre strukturering av innholdet som skal til.

Slik ser en accordion ut

NTNU har tre ulike design for accordion.

Fordeler

• Får raskt overblikk, essensielt innhold blir synlig/detaljer fjernes og dette kan redusere kognitiv belastning.
• Slipper å scrolle.
• Enklere navigasjon på mobil, tar mindre plass.
• Kan redusere lastetid på sida (alt innhold lastes ikke samtidig).
• Kan vise prosess (først det, så gjør du det).

Ulemper

• Man kan gå glipp av innhold (hvis accordion er brukt feil, hvis tittel er svak).
• Søk blir dårligere, selv om innholdet indekseres.
• Brukere med nedsatt syn og motorikk kan streve med accordion.
• De som søker etter et ord på ei side, vil ikke få treff.
• Å tvinge folk til å klikke på overskrifter én om gangen kan være tungvint, spesielt hvis det er mange emner på listen som man må klikke seg igjennom. Hvis folk trenger å åpne de fleste underemner for å få svar på spørsmålene, eller for å få hele historien, er ikke accordion løsningen. Da er det bedre å eksponere alt innholdet på en gang. Det er lettere å rulle nedover siden enn å bestemme hvilken overskrift du skal klikke på.
• Å vente på at innhold skal åpne seg, er en kostnad for brukeren.

Bruk accordion når

• brukeren trenger bare noen informasjonselement på sida.
• brukeroppgaven er en steg-til-steg-prosess.
• informasjonen i hver seksjon er uavhengig av de andre og det er lite sannsynlig at brukeren trenger tilgang til flere seksjoner samtidig. FAQ er god kandidat for accordion.

Bruk ikke accordion når

• du har innhold som er tabeller, bilder, video (som Youtube, Gobistories og Panopto) etc.
• det er svært lite innhold og at det dermed føles meningsløst å måtte klikke på ulike seksjoner.
• innholdet er vanskelig å oppsummere. Da er det ofte vanskelig å finne en entydig tittel som gir essensen av hva man kommer til.
• innholdet er hierarkisk med flere undernivå, dette kan bli utfordrende å legge i et flatt format som det som accordion er. Brukeren kan miste oversikt over hvor hen er. Vurder heller tabeller eller vertikal lokal navigasjon.
• leseren ønsker å fordype seg i fortløpende lesing. Forstyrrer helheten hvis man fragmenterer informasjonen.

Hva blir viktig

• Enormt viktig med korte og gode titler for hver enkelt seksjon, og titlene må skille seg tydelig fra hverandre.
• Maks 7 seksjoner i hver accordion. Har du flere enn dette, blir det uoversiktelig.
• Ikke overless siden med flere accordions. Da bør du heller omstrukturere innholdet.
• Ikke skjul viktig informasjon bak accordion (typ meld på her, frist).

Om NTNUs accordion

• Innholdet i NTNUs accordion er søkbart fra eksterne søkemotorer.
• Accordion er navigerbar for personer som bruker tab og andre verktøy.
• Man kan kanskje tro det er irriterende at seksjonen man har vært inne på ikke lukker seg når man åpner en ny seksjon. Men på NTNU har vi gått for løsningen der brukeren selv velger hvilke seksjoner som hen ønsker å ha åpne. Folk skal kunne sammenligne innholdet i to eller flere seksjoner, og dette trumfer den alternative løsningen med automatisk lukking.