Etiska designval

Mål

Efter kapitlet ska du kunna...

• förklara hur design påverkar beslut
• känna igen mörka mönster
• skapa tydliga och ärliga val
• resonera om konsekvenser av tekniska val

Uppmärksamhet

Fyra designval styr blicken

Gränsen

Att guida är normalt – att lura är problemet

Mörka mönster

Design på användarens bekostnad

Mörka mönster gynnar webbplatsen genom att lura, pressa eller försvåra för användaren.

Exempel

Känn igen mörka mönster

Interaktiv jämförelse

Samma val – två olika designer

Ansvarsfull design

Gör viktiga val begripliga

• Tydliga knappar
• Ärlig text
• Rimliga standardval
• Enkel väg tillbaka

Tumregel

Sätt användaren först

Nya funktioner

Alla har inte samma webbläsare

En ny HTML- eller CSS-funktion kan fungera i din webbläsare men saknas i en annan version eller webbläsare.

Kontrollera stöd och planera ett fungerande alternativ.

Can I use

Kontrollera webbläsarstöd

1. Sök efter funktionen eller formatet.
2. Jämför stöd i Chrome, Firefox, Safari och Edge.
3. Bestäm om en reservlösning behövs.

Stödet förändras. Kontrollera aktuella uppgifter när du bygger.

Progressiv förbättring

En grund som fungerar för alla

Sidan ska inte bli oanvändbar när det modernaste alternativet saknas.

Bildformat

Erbjud flera alternativ

<picture>
  <source srcset="bild.avif" type="image/avif">
  <source srcset="bild.webp" type="image/webp">
  <img src="bild.jpg" alt="Beskrivning av bilden">
</picture>

Webbläsaren använder den första bildtyp som den klarar.

Interaktiv reservlösning

Vilken bild väljs?

Tillgänglighet

Kan alla använda webbplatsen?

• Fungerar tangentbordet?
• Syns fokusmarkeringen?
• Har viktiga bilder alt-text?
• Är kontrasten tillräcklig?

Etisk design stänger inte medvetet ute användare.

Responsiv design

Din egen skärm är inte den enda

Testa både smal och bred vy.

Språk

Använd ord som målgruppen förstår

Tonen ska passa webbplatsens målgrupp och situation.

Integritet

Fråga bara efter det som behövs

• Förklara varför formulärfältet behövs.
• Samla inte in extra personuppgifter.
• Kontrollera hur informationen hanteras.

Externa tjänster

Tekniska val kan skicka data vidare

Kontrollera vilka företag som tar emot data.

Uppkoppling

En tung sida kan stänga ute

• Optimera media.
• Ta bort onödiga filer.
• Kontrollera Network-panelen.

Bilder av människor

Identifierbara personer kan finnas i bakgrunden

Även om publicering ibland kan vara juridiskt möjlig är den inte automatiskt det bästa etiska valet.

Etisk kontrollfråga

”Får vi?” räcker inte

Juridik och etik är två olika bedömningar.

Automatiska funktioner

En funktion kan få oväntade konsekvenser

Automatiska årsminnen kan vara roliga för en användare men lyfta fram sorgliga eller känsliga händelser för en annan.

Systemet känner inte automatiskt till människans sammanhang.

Före lansering

Fråga om konsekvenserna

• Vem gynnas av standardvalet?
• Kan användaren förstå och ångra valet?
• Vem riskerar att stängas ute?
• Vilken data eller uppkoppling krävs?
• Kan funktionen såra eller överraska?

Fundera själv

Fyra situationer

1. Varför behövs reservformat till AVIF?
2. Varför bör filstorleken hållas nere?
3. Vad gör du med personer i bildens bakgrund?
4. Vilken automatisk funktion kan bli olämplig?

Sammanfattning

Kom ihåg

• Design påverkar användarens beslut.
• Mörka mönster lurar, pressar eller gömmer val.
• Progressiv förbättring ger en fungerande grund.
• Tillgänglighet, responsivitet och prestanda är etiska frågor.
• Tänk på integritet och människor i bilder.
• Fråga både ”får vi?” och ”bör vi?”.