# Design for helsemarkedsføring: tydelig, rolig og tilgjengelig

[Canonical HTML page](https://gradiently.design/nb/guide/healthcare-marketing-design)

De som leser klinikkens innlegg, kan være bekymret, ha smerter eller lese på en liten skjerm med slitne øyne. Design for denne leseren først, så blir resten enklere.

## The short version

- Design for helsemarkedsføring bør være tydelig, rolig og tilgjengelig, fordi mange lesere er engstelige, syke, eldre eller leser på en liten skjerm.
- WCAG krever minst 4,5:1 i kontrast for vanlig tekst og 3:1 for stor tekst. Helsegrafikk bør oppfylle dette overalt der ord vises.
- Karuseller med helsetips fungerer best med ett tips per bilde, enkelt språk og et siste bilde som forteller når man bør oppsøke hjelp.
- Påstander i helsemarkedsføring bør beskrive hva en behandling kan hjelpe med, aldri love helbredelse eller resultater, og følge reglene fra relevant fagmyndighet.
- La aldri farge alene bære betydningen, siden en betydelig andel mennesker har en form for nedsatt fargesyn.

Godt **design for helsemarkedsføring** er først og fremst tydelig, rolig og tilgjengelig. De som leser klinikkens innlegg, kan være bekymret for et symptom, ha smerter, være eldre eller myse mot telefonen på et venterom. Derfor må ordene være enkle, kontrasten sterk, layouten ryddig og alle påstander varsomme. Da blir klinikkens feed noe pasientene stoler på og deler, fremfor enda en annonse de scroller forbi. Denne guiden dekker paletter med faktiske kontrasttall, karuseller, størrelser og påstander du bør unngå.

## Dette må design for helsemarkedsføring gjøre

- **Berolige.** En rolig palett og god plass demper stemningen før noen har lest et ord.
- **Informere.** Ett tydelig budskap per bilde, med pasientenes ord fremfor kliniske termer.
- **Inkludere.** Sterk kontrast, stor tekst og undertekster, slik at eldre og personer med nedsatt syn ikke stenges ute.
- **Være varsomt.** Beskriv tilbudet ærlig og la diagnostisering skje i konsultasjoner.

Klinikker, tannleger, fysioterapeuter, apotek og terapeuter deler disse behovene, med egne særtrekk. [Sosiale innlegg for tannleger](https://gradiently.design/nb/guide/dentist-social-media-posts) og [sosiale medier for terapeuter](https://gradiently.design/nb/guide/therapist-social-media) går dypere inn på to av dem.

## Helsepaletter med målbar kontrast

Helsebransjen velger ofte lyseblått og hvitt. Det kan virke klinisk og svikter ofte i kontrasttester når teksten er mellomblå. Et roligere, mer særegent grep er dyp blågrønn eller blekkfarge til tekst og struktur, varmt brukket hvitt fremfor skarpt hvitt, og en mykere aksent til former og fremheving fremfor ord.

- Dyp blågrønn: #0f3d3e
- Klinikkblågrønn: #0f766e
- Myk mint: #5eead4
- Varm hvit: #f5f1ea
- Blekkblå: #1e3a5f

En rolig klinikkpalett. Dyp blågrønn og blekkblå bærer teksten. Myk mint brukes til former og bakgrunner, aldri små ord.

| Tekst på bakgrunn | Kontrastforhold | Bruk til |
| --- | --- | --- |
| Dyp blågrønn `#0f3d3e` på hvitt | 11,95:1 | All tekst, alle størrelser |
| Blekkblå `#1e3a5f` på varm hvit `#f5f1ea` | 10,22:1 | All tekst, alle størrelser |
| Klinikkblågrønn `#0f766e` på hvitt | 5,47:1 | Brødtekst og overskrifter |
| Klinikkblågrønn `#0f766e` på varm hvit | 4,86:1 | Brødtekst, like over minstekravet |
| Blågrønn `#14b8a6` på hvitt | 2,49:1 | Bare former, består ikke for tekst |
| Myk mint `#5eead4` på hvitt | 1,48:1 | Bare dekorasjon |

Kontrastforhold beregnet med WCAG-formelen. AA krever 4,5:1 for vanlig tekst og 3:1 for stor tekst. Sikt godt over minimum for et publikum som omfatter eldre.

Gradienter og bilder gjør kontrast vanskeligere fordi den endres over bildet. Kontroller det lyseste punktet bak hver linje, ikke gjennomsnittet. WebAIMs [kontrastkontroll](https://webaim.org/resources/contrastchecker/) gir et raskt svar, og [fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer alle reglene. Gradiently hjelper her: en Mark roer seg bak ordene, og Auto-tekstfarge velger lys eller mørk tekst til hver linje fra Markens egen palett. Dermed forblir tipset lesbart uansett plassering. Kontroller likevel resultatet mot tallene over.

## Lag en karusell med helsetips

Tipskaruseller blir lagret og delt fordi de er nyttige uten å være salgstaler. Hold hvert bilde til ett tips i enkelt språk, bruk samme layout gjennom hele serien, og avslutt alltid med når man bør oppsøke profesjonell hjelp. Det siste bildet er både ansvarlig og din mildeste handlingsoppfordring.

1. **Forside: løftet** «Fem måter å beskytte ryggen ved skrivebordet på.» Et tall og en tydelig fordel.
2. **Ett tips per bilde** En kort overskrift og én eller to setninger. Trenger tipset et avsnitt, trenger det et eget innlegg.
3. **Enkle ord** «Reis deg hver halvtime», fremfor «reduser langvarig statisk belastning». Skriv slik at en tolvåring kan følge det.
4. **Når man bør få hjelp** Det siste bildet viser tegnene som betyr at man bør bestille time eller oppsøke akutt hjelp, og hvordan man bestiller.

Et karusellbilde med helsetips og teksten Reis deg hver halvtime, tips 2 av 5, med en kort begrunnelse under

Ett tips, én setning som begrunnelse og et bildenummer så leseren vet hvor langt de er kommet.

Et avsluttende karusellbilde med overskriften Når du bør komme til oss, som ber leseren bestille hvis ryggsmerten ikke avtar eller bekymrer

Avslutningsbildet: når man bør bestille, skrevet uten å skremme. Hent de faktiske tegnene fra egne behandlere, ikke fra en mal.

[Tipskaruseller](https://gradiently.design/nb/guide/tips-carousel) dekker antall bilder og forsider grundigere.

## Påstander i helsemarkedsføring: dette bør du unngå

Helsereklame er regulert i mange land, og fagorganer legger ofte til egne regler. Detaljene varierer, så sjekk gjeldende veiledning fra din fagmyndighet før publisering. Et varsomt mønster gjelder likevel nesten overalt: Beskriv hva en tjeneste kan hjelpe med, unngå resultatløfter, bruk aldri frykt til å selge, og antyd ikke at et sosialt innlegg erstatter en undersøkelse.

### Unngå

- «Kurerer ryggsmerter for godt»
- «Garanterte resultater etter tre behandlinger»
- Før- og etterbilder uten samtykke eller sammenheng
- «Ikke ignorer dette symptomet, det kan være alvorlig»
- Påstander om at «studier viser» uten navngitte kilder

### Gjør dette

- «Fysioterapi kan bidra til å lindre ryggsmerter»
- «De fleste behandlingsplaner begynner med en undersøkelse»
- Pasienthistorier delt med skriftlig samtykke
- «Merker du dette, bestill en sjekk. Vi er her»
- Lenker til en side fra en offentlig helsetjeneste

> **Pasientenes personvern kommer først** Publiser aldri pasientbilder, navn, historier eller selv gjenkjennelige avtaledetaljer uten tydelig skriftlig samtykke. En vennlig takkemelding fra en pasient er fortsatt en personopplysning.

## Tilgjengelig helsedesign utover kontrast

- Sett brødtekst stort. Det som virker stort på en dataskjerm, er lite på en telefon på armlengdes avstand.
- Stol aldri på farge alene. Kombiner en rød advarsel med et ikon eller et ord for lesere med nedsatt fargesyn. Se [fargeblindhet i design](https://gradiently.design/nb/guide/color-blindness-design).
- Skriv alternativ tekst til hvert bilde du publiserer, og beskriv hva det viser og sier.
- Tekst alle videoer, siden mange ser uten lyd og noen ikke kan høre den. [Design av videoteksting](https://gradiently.design/nb/guide/video-captions-design) viser hvordan.
- Hold animasjoner rolige og korte, og bruk aldri blinkende lys.

## Størrelser til klinikkens sosiale medier og trykk

Lokale pasienter finner ofte en klinikk via Google, så Google Business-innlegg betyr like mye som Instagram. Venterom trenger fortsatt plakater og brosjyrer.

- Instagram-innlegg 1080×1350: 1080 × 1350
- Facebook-innlegg 1200×1200: 1200 × 1200
- Google Business-innlegg 1200×900: 1200 × 900
- A4-plakat 2480×3508: 2480 × 3508
- A5-brosjyre 1748×2480: 1748 × 2480

Fem størrelser som dekker klinikkens behov på nett og på venterommet, i riktig forhold. A4 og A5 er ved 300 dpi for trykk. [Google Business-innleggsstørrelse](https://gradiently.design/nb/guide/google-business-post-size) har mer om Google-formatet.

Lag en sesongkampanje, som en påminnelse om influensavaksine, én gang og tilpass den til hvert format fremfor å bygge den fem ganger. Det sparer klinikklederen for timer og holder budskapet likt overalt.

## FAQ

### Hvilke farger passer best til helsemarkedsføring?

Rolige farger med sterk kontrast: dyp blågrønn, blekkblå eller grønn til tekst, varmt brukket hvitt som bakgrunn og mykere toner bare til former og pynt.

### Hvilket kontrastforhold trenger helsegrafikk?

WCAG AA krever minst 4,5:1 for vanlig tekst og 3:1 for stor tekst. For et publikum som omfatter eldre, bør du sikte godt over minimum.

### Hva bør en klinikk publisere i sosiale medier?

Karuseller med helsetips, medarbeiderpresentasjoner, åpningstider og tjenesteoppdateringer, sesongpåminnelser og pasienthistorier delt med skriftlig samtykke.

### Kan helseaktører bruke påstander i sosiale innlegg?

Begrens påstandene til hva tjenesten kan hjelpe med, unngå resultatløfter og følg landets reklameregler og veiledningen fra fagmyndigheten din.

### Hvilken størrelse har et Google Business-innlegg?

1200×900 piksler, et 4:3-format som vises på Google Business-profilen din.