Skyra lar deg tilpasse det visuelle uttrykket på undersøkelser slik at de passer til ditt designsystem og merkevare.
Du kan definere egne designmaler som gjenbrukes på tvers av undersøkelser, eller gjøre lokale tilpasninger for en enkelt undersøkelse.
Avansert: Tilpasning med CSS
Designmalene dekker de fleste behov. Har du tekniske ressurser tilgjengelig og behov for mer detaljert kontroll, kan undersøkelser også styles direkte med CSS-variabler på nettsiden.
Designmaler
Du kan lage en designmal én gang, og gjenbruker den så mange ganger du ønsker.
En designmal er et gjenbrukbart designsystem for undersøkelser. Når du oppdaterer en mal, oppdateres alle undersøkelser som bruker malen automatisk. Du kan tilpasse designmalen for forskjellige typer undersøkelser som pop-up, inline og link-survey
Dette gjør det enkelt å:
sikre et konsistent uttrykk
administrere design sentralt
bruke samme profil på mange undersøkelser
Designmaler opprettes og redigeres under Settings > Design. Du må ha tilgangsnivå Admin for å redigere designmaler.
Justering av én undersøkelse.
Du kan gjøre lokale tilpasninger bare for den aktuelle undersøkelsen.
Bruk "overrides" for å tilpasse for den enkelte undersøkelsen. Dette gjøres under Survey Edit > Design
Hva kan tilpasses?
En designmal i Skyra gir deg full kontroll over undersøkelsens visuelle uttrykk.
Du kan blant annet tilpasse:
Farger – bakgrunn, tekst, knapper, lenker, kantlinjer osv.
Typografi – skrifttyper og skriftstørrelser for både overskrifter og brødtekst.
Former og stil – avrunding, kantlinjer, fokusringer og skygger.
Lys og mørk modus – egne fargepaletter for begge visninger.
Kort sagt kan nesten alle visuelle detaljer ved undersøkelsen tilpasses deres profil og designsystem.
Lys og mørk modus
Hver designmal inneholder egne innstillinger for lys og mørk modus, så du kan tilpasse utseende for hver modus. Når du oppretter en undersøkelse kan du velge om den alltid skal vises i lys modus, alltid i mørk modus eller om den automatisk skal følge brukerens systeminnstilling. For de fleste undersøkelser anbefales automatisk modus.
Universell utforming
Når du redigerer en designmal kontrollerer Skyra kontrastforholdene fortløpende.
Du får umiddelbart se om tekst, knapper, lenker og andre grensesnittelementer oppfyller kravene til universell utforming.
Resultatene vises med WCAG-score (AA eller AAA), slik at det er enkelt å oppdage og rette eventuelle problemer før undersøkelsen publiseres.
Opprett en designmal
Du administrerer designmaler under Settings → Design.
Du kan ha flere maler, for eksempel én for hovednettsiden, én for interne undersøkelser og én for kampanjer eller prosjekter.
Forhåndsvisningen bruker et eksempel spørsmål og ikke en av dine faktiske undersøkelser.
Velg design for en undersøkelse
Når du redigerer en undersøkelse finner du designinnstillingene under Survey → Edit → Design. Her velger du hvilken designmal undersøkelsen skal bruke.
Lokale tilpasninger
Dersom du ønsker å avvike fra designmalen kan du legge til lokale tilpasninger ved å bruke "add override".
En lokal tilpasning overstyrer kun de valgte designelementene, mens resten fortsatt hentes fra malen. Du kan for eksempel endre bakgrunnsfargen, knappfargen eller en enkelt tekstfarge uten å påvirke andre undersøkelser.
Det er to måter å velge elementet du vil tilpasse:
Velg fra "Add override" listen
Klikk på direkte på ønsket element i forhåndsvisningen
Ekstra designmuligheter for Link Surveys
For Link-surveys kan lokale tilpasninger også brukes på enkeltsider i undersøkelsen. Det gjør det mulig å gi for eksempel en introduksjonsside et eget design uten å lage en ny designmal.
Justering av utseende for enkeltsider gjøres via Survey → Page Design
Layout og effekter kan velges per side. Si f.eks "Tusen takk" med konfetti.
Legg til din logo eller bilde som en del av designet. Velg plassering av bilde, f.eks sidestilt, bakgrunn osv.
1. Page Design
2. Page Effect, Logo and Layout
Bruk Page Layout til å si "Tusen takk" med konfetti
3. Logo og header som er felles for alle sider i Link Survey
