Ikoner

Bygger på: Colour, Typography, Voice, Constant / Contextual, Emotional Modes, Bildspråk

Statusnotering: Den här sidan är draft. Modellen omstyrd 2026-06-12: fyra arenor ersätter de tre konsekvensnivåerna (se changelog) — användningssituationen sorterar, konsekvensen motiverar varje arenas stränghet. Karaktärstestet och introt har Torfinns prosa; övriga avsnitt väntar på skrivsessionen. Tillåtelistan i baseline/iconography/allowlist.json styr arenan patientmötande.

Varför ikoner ser ut som de gör hos Aleris

Olikt fotografier har ikoner inte en identitetsbärande funktion. De är informationsbärande genom att på ett ögonblick kommunicera olika koncept. De binder ihop olika sammanhang genom att vara visuellt identiska till tjocklek, formspråk och hur de gestaltar dessa koncept. Ikoner blir en del av den röda tråden genom en visuell identitet – ofta genom att inte synas, bara fungera.

Aleris använder ikoner på tre olika sätt:

I digitala tjänster. Som en del av gränssnittet i våra tjänster är ikonerna inbakade i själva gränssnittet. De håller sig till konventionella regler för vad olika ikoner betyder. Syftet är att underlätta för vår publik att orientera sig, förstå och hitta i våra tjänster. Här får man inte hitta på en ikons innebörd, utan vi lutar oss på allmängiltiga tolkningar.

I presentationer och trycksaker. Här används ikoner som visuella markörer på ett sätt som gränser till illustration. Vi kan använda ikoner med glimt i ögat, sammanställa flera ikoner till nya varianter, välja från ett bredare urval och leka med olika koncept för att få fram en poäng. Utrymmet att tolka och hitta på är mycket mer tillåtande än i våra digitala tjänster.

I skyltning och vägfinning. Ikoner som en del av vägfinning behöver vara direkt kopplade till markörer som är relaterade till just skyltning och orientering. Detta urvalet är ännu striktare än för digitala tjänster.

Gemensamt för alla tre är att ikoner mycket sällan är ren utsmyckning, utan de är en integrerad del av kommunikationen genom den visuella kopplingen till budskapet i texten.

[Författarprompt — revidering efter arenabeslutet: texten ovan beskriver tre sätt; modellen är nu fyra arenor. (1) "Digitala tjänster" delas i patientmötande och interna verktyg — eller behåll en gemensam beskrivning men låt stycket sluta i en hänvisning till arenatabellen. (2) "Presentationer och trycksaker" — trycksaker till patienter hör till arenan patientmötande; stycket behöver avgränsas till internt material, och "mycket mer tillåtande" kvalificeras med arenahänvisning. (3) Sista styckets "mycket sällan ren utsmyckning" — stäm av mot att dekorativ roll är tillåten i presentationer. Småspråk: "koncept" ×3, "Som en del av gränssnittet ... inbakade i själva gränssnittet" dubblerar, "Detta urvalet" → "Detta urval".]

Karaktärstestet

Beslutat 2026-06-12. Det konstanta i Aleris ikonografi är inte stilen — det är karaktären. Testet gäller varje ikon, i varje arena, i varje kanal:

Matchar ikonen den nära expertens uttryck när den används så här?

Våra ikoner ska också gestalta den nära experten. Vissa ikoner har mer personlighet än andra och kan kommunicera koncept eller idéer. Andra har betydelser som nötats in genom åratal av exponering i appar och mjukvaror — "sök", "radera", "meny". Den nära experten använder rätt ikon i rätt kontext, eftersom det är att vara tydlig, behjälplig och konsekvent.

Frågan bedöms i sitt sammanhang. En lekfull ikon kan passera i en intern workshop-presentation och samtidigt vara fel på patientinformation — samma ikon, olika svar. Det som inte ändras är temperamentet.

Karaktärstestet fångar kategoriskt: vapen, logotyper/varumärken, religiösa symboler, aggressiva eller alarmistiska motiv. Sådana ikoner hör inte hemma i någon arena — inte för att sammanhanget är fel, utan för att temperamentet är det.

Vad ikoner gör — och inte gör

[Författarprompt: Fem roller som ikoner kan bära. De fyra funktionella: vägledning, status, kategori, action. Den femte — illustration — gäller enbart arenan presentationer och internt material: ikonen gör en illustrations arbete, bär stämning eller koncept. För varje roll — en mening om vad den gör, ett konkret Aleris-exempel, ett anti-exempel. Gränsen mot F10: när ikonen ersätter en bild av människor där människor bär budskapet, vinner F10 — illustrativa ikoner bär koncept, inte relationer.]

Vägledning (navigation)

Ikonen hjälper personer att navigera till rätt plats eller innehåll. Till exempel en pil, en kartnål eller en flagga. Konventionellt läge. Anti-exempel: En säng eller en person som går.

Status

Ikonen hjälper personer att förstå vad som händer i en process eller med ett objekt som de observerar. Konventionellt läge. Till exempel ett öppet eller stängd kuvert, en play- eller stop-ikon. Anti-exempel: En pil, en karta eller väder-ikoner.

Kategori

Ikonen svarar på frågan "vad är det här?" En specialitet, en vårdform, en dokumenttyp. Den kan göra så att en lista går att överblicka utan att läsa varje rad. Till exempel ögat som markör för ögonsjukvård, eller dokumentikoner som skiljer kallelse från provsvar. Anti-exempel: ögat som "visa lösenord" i ett formulär — samma glyf, men där är den en gränssnittskonvention, inte en kategori.

I ikonväljarens vokabulär motsvarar kategorirollen identitetsikonen (vad en sak är); navigation, status och action är gränssnittsikoner.

Action

Ikoner som underlätter för personer att förstå "här är ett val" och att kunna kalibrera sina förväntningar på vad valet leder till för konsekvens. Detta är en kategori som är hårt styrt av konventionerna inom GUI och UX-design. Till exempel tre horisontella streck för meny, en checkbox som är tom eller ifylld eller en vinkel (chevron) för att öppna eller stänga. Anti-exempel: Ikoner som har godtyckliga eller påhittade betydelser utan koppling till vanlig praxis.

Illustration

Vi använder även ikonerna till att visuellt berika en affisch eller presentation. Då kan ikonerna modifieras, fyllas med bilder eller användas enbart som de är.

Fyra arenor

Beslutat 2026-06-12 Det är arenan som avgör vad som gäller, inte mediet eller målgruppen i sig. Konsekvensen av ett misstag är det som motiverar en arenas begränsningar. En patientbroschyr byggd i PowerPoint hör till arenan patientmötande, inte till presentationer.

Patientmötande Interna digitala verktyg Presentationer & internt material Skyltning & vägfinning
Exempel aleris.se, mina sidor (MyAleris), patientguider, broschyrer, kallelser — digitalt och tryck Qlik-dashboards, admin-verktyg, interna system Workshop-presentationer, interna dokument, arbetsmaterial Skyltar och orientering i lokaler
Stil Outline, en streckvikt Outline föredras Outline, solid och duotone tillåtna Konventionsstyrd
Roll Enbart funktionell (vägledning, status, kategori, action) Funktionell Funktionell + illustrativ/dekorativ Enbart vägledning
Styrning Kurerad tillåtelista med redaktörsgrind (baseline/iconography/allowlist.json) Generös tillåtelista med kategoriska undantag Karaktärstestet + kort spärrlista Striktaste urvalet; orienteringskonventioner
Misstagets kostnad Förtroende, tillgänglighet, begriplighet — dyrt Internt, korrigerbart — måttligt Lågt Orientering och säkerhet — högst

Modellen är uppbygd efter principen att lägga till friktion där fel är dyra och att vara tillåtande där fel är billiga. Tabellen är en vägledande kalibrering, inte en regelbok.

Undantagen i interna verktyg — två sorters överträdelser

Beslutat 2026-06-12. Den generösa tillåtelistan för interna verktyg (Qlik-väljaren är referensimplementationen) utesluter två kategorier, av olika skäl:

  • Karaktärsöverträdelser — logotyper, vapen, religiösa symboler. Följer av karaktärstestet och gäller i alla arenor.
  • Funktionsöverträdelser — sifferikoner. I en dashboard konkurrerar de med faktisk data och riskerar att bli ensamma betydelsebärare. Gäller specifikt instrumentella ytor; i en presentation är de oproblematiska.

Duotone i presentationer och internt material

Beslutat 2026-06-12. Duotone binds till två petrol-steg — aldrig godtyckliga par, aldrig tvärs över färgfamiljer. Vilka två steg (t.ex. petrol-500 + petrol-100) specificeras i arenans tillämpningsdokument.

Konstant och kontextuellt

Konstant — det som alltid gäller

  • En källfamilj: Font Awesome Pro. Inga blandade ikonbibliotek.
  • Karaktärstestet, inklusive de kategoriska uteslutningarna.
  • Ikoner som betyder specifika saker står aldrig ensamma, utan kompletteras med en etikett. Dekorativa ikoner i presentationsarenan är undantagna.
  • Färg ur paletten — ikoner introducerar aldrig egna färger.

Kontextuellt — det som anpassas per arena

  • Stil: tre stilar som kan variera efter kontext; outline (regular), solid och duotone.
  • Roll: funktion eller illustration.
  • Styrning: tre nivåer med ikoner – grönlistad (strängast), gullistad (mer generös), rödlistad (ej tillåtna).

[Författarprompt: Stil (outline/solid/duotone), roll (funktionell/illustrativ), styrningsmekanism (kurerad lista / generös lista / spärrlista / orienteringskonvention), storlek och densitet. Skrivs i samma stil som F10:s kontextuella avsnitt, med arenatabellen som ankare. ÖPPEN PUNKT (noterad 2026-06-15): de fyra styrningsmekanismerna är inte samma sorts sak. Tre är Aleris-ägda urval (kurerad lista / generös lista / spärrlista) som pekar inåt mot egna listor; "orienteringskonvention" pekar utåt mot en extern, vedertagen vägfinningsstandard som Aleris inte äger (utrymning, tillgänglighet, riktning, ISO 7001-typen). Säg asymmetrin rakt ut i texten, annars läses de fyra som likvärdiga varianter av "en lista" när den fjärde är en annan styrningslogik: följ standard, inte välj från vår lista.]

Styrning per arena

[Författarprompt: Varför patientmötande kurerar (friktionen är poängen — behåll formuleringen från tidigare utkast), varför interna verktyg får en generös lista i stället för en grind, varför presentationer klarar sig med test + spärrlista, varför skyltning är striktast. Var listorna bor. Vem som äger redaktörsbeslutet i patientmötande-arenan. Hur en ikon flyttar mellan arenor. "Specificitet simmar inte uppåt": att en ikon fått en lokal innebörd i ett verktyg (appikon i Qlik) skapar ingen regel utanför verktyget. ÖPPEN PUNKT (noterad 2026-06-15): skyltningens styrning är kvalitativt annorlunda än de tre andra — den lyder under externa vägfinningskonventioner (ISO 7001, ISO 7010, tillgänglighetssymboler) som Aleris inte äger, och definieras tillsammans med Physical-kapitlet, inte i en JSON-allowlist. Researchunderlag finns i _sources/.]

Patientmötande-listan finns i baseline/iconography/allowlist.json med visualisering på baseline/iconography/index.html. Interna verktygs-listan (Qlik-pickern) implementeras i sitt verktyg och deklarerar sin arena. Presentationer har ingen lista — karaktärstestet och spärrlistan ovan räcker. Skyltningens urval definieras med Physical-kapitlet — kopplingen är registrerad i physical/README.md (stub som samlar alla kända Physical-beroenden).

Tre principer som blev tydliga genom v1-curationen

[Författarprompt: Uppdaterade hemvister:

  1. Vi lutar oss in i framtiden (mobile-screen över telefonlur) — gäller alla arenor; skriv ut i Aleris-ton.
  2. Avvakta tills det behövs (tids-kategorin med bara clock) — tillåtelist-logik, gäller arenan patientmötande; flyttas till det avsnittet eller baseline-dokumentet.
  3. Specialist-domän, inte UI-affordance (eye som ögonklinik, inte "visa lösenord") — tvärsgående princip, gäller alla arenor.]*

Vad Aleris-ikoner inte är

[Författarprompt: Anti-lista i F10-format, arenamedveten:

  • Inte aggressiva, alarmistiska eller visuellt skrikiga — i någon arena (karaktärstestet).
  • Inte ersättning för bilder med människor där människor bär budskapet (F10 vinner) — gäller även illustrativ användning i presentationer.
  • Inte ensamma betydelsebärare när de bär betydelse.
  • Inte färgbärare utanför paletten.
  • Inte dekorativa i gränssnitt (patientmötande, interna verktyg) — dekoration hör hemma i presentationsarenan.]*

Snabbtest

Innan du sätter en ikon:

  1. [Författarprompt: Vilken arena är du i? — användningssituationen avgör, inte mediet. Patientmaterial är patientmötande oavsett om det görs i PowerPoint.]
  2. [Författarprompt: Klarar ikonen karaktärstestet i sitt sammanhang?]
  3. [Författarprompt: Bär den betydelse — och står den i så fall ensam? För patientmötande: finns den på tillåtelistan? Om texten redan är tydlig är ikonen dekoration — och dekoration hör hemma i presentationsarenan.]

Patientmötande-grinden: [Författarprompt: "Skulle ikonen klara den lugnaste Aleris-ytan?" — om den känns rörig på patientinformation hör den inte hemma i patientmötande-arenan. Tidigare formulerad som grind för hela systemet; sedan omstyrningen är den arenans lokala kvalitetsgrind.]

[Författarprompt: Avslutande stycke i F10-andan. En till två meningar: varför ikonografi hör hemma i Foundation — en karaktär, fyra arenor, stränghet motiverad av konsekvens — och inte är en teknisk implementationsfråga. Tonsignaturen.]