Undersökningar – Teman

Generellt

Temaredigeraren gör det möjligt för användare att använda och redigera olika teman, så att enkäterna representerar det önskade varumärket eller utseendet. Redigeraren har grundläggande och avancerade inställningar, som vi kommer att förklara i den här guiden. Det är bra att notera att du inte kan justera utseendet på elementet om det inte finns med i undersökningen. Innan du anger titeln på undersökningen kan du t.ex. inte justera inställningarna för titeln på undersökningen.

CRM-service erbjuder också gärna kunder färdiga mallar ifall det finns ett behov av att alltid använda specifika layoutinställningar. Om du är intresserad av att få en anpassad mall, vänligen kontakta vårt supportteam.

Generella verktyg för temaredigering

Temaredigeraren har flera olika typer av inställningar, men det finns också en gemensam uppsättning verktyg som används i många av dessa inställningar. Dessa inkluderar saker som färgväljare och opacitetsväljare. Vi går nu igenom dessa universella inställningsverktyg, och senare i den här guiden kommer vi bara att nämna dem vid namn.

Färgväljare

I många fall bestäms färginställningarna med hjälp av inställningen för färgväljaren (se bilden nedan). I vissa fall kan du också se en picklista där du kan välja bland en uppsättning populära färger, men färgväljaren och inmatningsfältet för HEX-kod finns i alla inställningar.

En palettikon med etiketten "Färg" och färgkoden "#000000".

 

Färgen kan redigeras genom att HEX-koden matas in manuellt eller genom att använda färgväljaren för att välja önskad färg. Inmatningsfältet för HEX-färg kan vara helt synligt eller klippt för att passa in i inställningsblocket, men du kan redigera det genom att klicka var som helst i fältet. I färgväljaren kan du antingen välja önskad färg genom att klicka på den med musen, eller så kan du manuellt mata in RGB-värden (se bilden nedan).

Gränssnitt för färgväljarverktyg med en gradient från svart till rött och RGB-inmatningsfält.

Inställningar för ogenomskinlighet

Elementets ogenomskinlighet avgör hur transparent elementet är i förhållande till bakgrunden. Ogenomskinlighet 100% innebär att elementet är helt synligt, medan 0% innebär att det inte är synligt alls. Ogenomskinlighet sinställningar kan läggas till genom att skriva procentandelen i fältet eller, om det finns tillgängligt, genom att använda nedåt- och uppåtpilarna för att justera värdet (se bilden nedan).

Ett grafiskt verktygsgränssnitt som visar en "Opacitet"-inställning på "100%" med upp- och nedpilar för justering.

 

Bakgrunden spelar roll för slutresultatet, så om du till exempel använder 50% transparens med ett svart teckensnitt på en vit bakgrund eller med ett vitt teckensnitt på en svart bakgrund blir slutresultatet ett grått teckensnitt (se bilden nedan).

Texten "Opacity example" med transparens på vit bakgrund till vänster och samma text med transparens på svart bakgrund till höger.

Generella inställningar för temat

I de generella inställningarna för temat kan du använda en picklista för att välja ett av de färdiga temana. Du kan antingen använda temat som det är eller redigera det. Varje tema har också ett ljust och ett mörkt läge. Det ljusa läget är alltid standard, men du kan växla till det mörka färgschemat genom att trycka på aktivera det mörka läget under Temainställningar (se bilden nedan).

Skärmdump av ett användargränssnitt med temainställningar, som erbjuder ljust eller mörkt läge och utseendealternativ för frågor.

Frågans utseende avgör om frågan har konturpaneler eller inte. Standardvärdet är med paneler, men du kan alltid växla mellan alternativet Utan paneler för att ändra det. Med det här alternativet tas de yttre panelerna bort, men vissa frågor kan fortfarande visa en tunn kontur för att göra frågan lättare att läsa.

Teckensnitt för enkäter

På fliken Teman kan du redigera teckensnitten i enkäten. Varje teckensnittstyp kan justeras separat, men i inställningarna för Grundläggande utseende kan du justera inställningarna för teckensnittsfamilj och teckenstorlek på enkätnivå (se bilden nedan).

Gränssnittsalternativ för att ställa in teckensnittsfamiljen för enkäten till "Open Sans" och teckenstorleken till "100%".

Inställningar som gäller för hela enkäten påverkar alla teckensnitt som inte har justerats separat. Om vi till exempel har angett att typsnittsfamiljen i en fråga ska vara Times New Roman, kvarstår den inställningen även om vi ändrar typsnittsfamiljen i undersökningen till Arial.

Specifika inställningar för teckensnitt

I de specifika teckensnittsinställningarna kan användarna redigera teckensnittsfamilj, stil, färg, opacitet och storlek (se bilden nedan).

Ett användargränssnitt som visar typsnittsalternativ: familj (Open Sans), stilar, färg (svart), ogenomskinlighet (91%) och storlek (24px).

Stilar från Ordinarie till Tung justerar hur tjockt det valda teckensnittet är. Alla typsnitt stöder inte alla stilar, så när du är osäker är det bra att alltid hålla ett öga på texten som det typsnitt du redigerar påverkar.

Du kan också ange teckensnittets färg och opacitet i inställningarna. Teckenstorleken anges i pixlar och siffran kan justeras genom att skriva den på fältet eller använda nedåt- och uppåtpilarna för att göra den mindre eller större.

Inställningar för temabakgrund

I enkätens bakgrundsinställningar kan du ställa in och anpassa enkätens bakgrundsbild (se bilden nedan).

En skärmdump av ett grafiskt användargränssnitt för bakgrundsinställningar med alternativ för bildanpassning och scrollbeteende.

I inställningarna för bakgrundsbilder kan du antingen ladda upp en bild genom att klicka på mappikonen eller klistra in en länk till en onlinebild i det angivna inmatningsfältet. När bilden har laddats upp eller länkats kan du välja en visningsstil.

Inställningen ”Automatisk” bibehåller bildens ursprungliga dimensioner och bildförhållande, och rutar in den om den är mindre än enkätbehållaren. Alternativet ”Innehålla” ändrar bildens storlek så att den passar in i behållaren samtidigt som bildförhållandet bibehålls, och lägger även till rutor vid behov. Alternativet ”Täcka” gör att bilden fyller hela behållaren med bibehållet bildförhållande.

Ytterligare anpassningsalternativ gör att du kan styra hur bilden beter sig när användarna bläddrar igenom enkäten. Genom att aktivera växlingsknappen Fast position kommer bakgrundsbilden att förbli stationär och skapa en fast bakgrundseffekt när innehållet rullar över den. Alternativt kan du välja Rulla så att bakgrunden rör sig tillsammans med innehållet i undersökningen.

För att justera bildens transparens använder du slutligen egenskapen Ogenomskinlighet, som gör det möjligt att ställa in bildens synlighetsgrad.

Inställningar för undersökningens rubrik

I grundläget för undersökningens huvudinställningar kan användarna justera typsnitten för rubrik och beskrivning på en grundläggande nivå. De kan också justera undersökningens logotyp om logotypen har ställts in i undersökningens generella inställningar. Du kan läsa mer om de generella inställningarna för undersökningen här.

I det avancerade läget för undersökningen får användaren fler inställningar för både information och logotyp. De kan också justera höjden på innehållsytan och välja vilken höjd som ska visas på smartphones (se bilden nedan).

Skärmdump av ett användargränssnitt med inställningar för höjd, smartphonehöjd, innehållsyta och textbredd.

Bredd på innehållssområdet avgör om sidhuvudets innehållsbredd följer bredden på undersökningen eller bredden på behållaren. Det första alternativet matchar bredden på undersökningen medan alternativet Passa till behållare automatiskt justerar innehållsytans bredd så att den matchar det utrymme där undersökningens innehåll visas.

Alternativet Textens bredd justerar bredden på rubrikområdet som innehåller rubriken och beskrivningen av undersökningen. Justeringarna görs genom att skriva in det önskade pixelvärdet i fältet eller genom att använda nedåt- och uppåtpilarna för att justera värdet.

Bakgrundsinställningar för undersökningens rubrik

Inställningarna för bakgrunden till undersökningens rubrik ger användaren möjlighet att ge rubriken ett mer personligt utseende. Detta kan göras genom att redigera bakgrundsfärgen och genom att använda bakgrundsbilden (se bilden nedan).

Skärmdump av ett användargränssnitt för bakgrundsinställningar med färg- och bildalternativ.

Det finns tre alternativ för bakgrundsfärgen i sidhuvudet – Ingen använder den bakgrundsfärg som bestäms av det bastema som används. Accentfärg använder enkätens accentfärg. Accentfärgen justeras i enkätens inställningar för Utseende. Om du väljer inställningen Sed aktiveras färgväljaren och andra alternativ för färginmatning.

I inställningarna för bakgrundsbilder kan du antingen ladda upp en bild genom att klicka på mappikonen eller klistra in en länk till en onlinebild i det angivna inmatningsfältet. När bilden har laddats upp eller länkats kan du välja en visningsstil.

Inställningen ”Täcka” bibehåller bildens bildförhållande och fyller hela sidhuvudområdet. Alternativet ”Fyll” fyller rubrikrutan med bilden och sträcker ut bilden samtidigt som bildförhållandet bibehålls. Alternativet ”Innehålla” ändrar bildens storlek så att den passar in i rubrikrutan med bibehållet bildförhållande. Om bilden är mindre än rubrikrutan fylls det återstående området av bakgrunden. Alternativet ”Rutor” upprepar bilden så att den fyller hela rubrikrutan med bibehållet bildförhållande.

Om du markerar alternativet Överlappa kommer enkäten att delvis överlappa med sidhuvudet (se bilden nedan).

En skärmdump av ett gränssnitt för en enkät med en frågeruta som delvis ligger i det gröna området och delvis i det grå området

OBS: Bakgrundsfärgen spelar ingen roll om bakgrundsogenomskinlighet är inställd på 100%, men ju mindre opaciteten är, desto mer syns bakgrundsfärgen bakom bilden.

Inställningar för justering av innehåll i enkät-huvudet

I de avancerade inställningarna för enkäthuvudet finns också justeringsinställningar för logotyp, enkättitel och enkätbeskrivning. Alternativen left (vänster), Centrum och Höger styr den horisontella justeringen, medan alternativen Topp, Mitt och Botten styr den vertikala justeringen (se bilden nedan).

Två rader med rutor märkta med positionsord: "left (vänster), centrum, höger" och "Topp, mitt, Botten"

I inställningarna ovan (Centrum & Botten) kan vi placera rubriken centrerat i undersökningen och den nedre delen av rubriken. Dessa inställningar demonstreras i bilden Överlappningsexempel i föregående kapitel.

Inställningar för undersökningens utseende

Med de grundläggande inställningarna för undersökningens utseende kan användaren anpassa accentfärgen, undersökningens transparens, teckensnittsinställningar, undersökningens skalfaktor och hörnradie. Genom att växla mellan de avancerade alternativen får användaren ännu fler alternativ för var och en av dessa, och ytterligare inställningar för sidan, frågelådorna osv.

Undersökningens Accentfärg

Undersökningens accentfärg är den färg som används för att markera undersökningens nyckelelement som titel, aktuellt fokuserat fält och valt val. I grundinställningarna bestäms accentfärgen med hjälp av färgvalsrutan som innehåller en färgväljare, ett HEX-inmatningsfält och en rullista (se bilden nedan).

 Ett färgväljargränssnitt som visar en turkos accentfärg med hex-koden #19B394.

Opacitet för enkät-element

Inställningen för panel- och frågebakgrund opacitet justerar hur genomskinliga panelerna och frågorna är i förhållande till enkätens bakgrund. Samma typ av inställning är tillgänglig för inmatningselement som textrutor och bakgrunden för radiogruppsknappar (se bilden nedan).

Gränssnitt med två opacitetsinställningar på 100% med nedrullningspilar för justeringar.

Inställningar för skala i enkät

Med hjälp av inställningarna för enkätens skala är det möjligt att justera storleken på enkätens element. Justera värdet genom att ange önskad procentsats i fältet eller genom att använda nedåt- och uppåt pilarna för att ställa in värdet (se bilden nedan).

En skalfaktor för enkät som är inställd på 100% med nedåt- och uppåt pil för justering.

Skala för enkäten kan gå över 100%. När du justerar inställningarna för skala är det bra att testa enkäten efteråt för att se till att den behåller sin läsbarhet.

Inställningar för hörnradie i enkät

I de grundläggande inställningarna för enkätens utseende påverkar justeringen av enkätens hörnradie alla rektangulära element i enkäten. Värdet justeras i pixlar och 0px betyder skarpt hörn. Ju högre siffra, desto rundare blir hörnet. Användaren kan antingen skriva in värdet i inmatningsfältet eller använda pilarna för att redigera värdet (se bilden nedan).

Ett fält i användargränssnittet märkt "Corner radius" med en inmatningsruta som visar "4px" och pilar uppåt/nedåt.

Om användaren vill justera hörnradien för de rektangulära elementen individuellt kan detta göras i de avancerade inställningarna.

Undersökningar – Grundläggande guide
Undersökningar – Olika typer av frågor och andra komponenter
Undersökningar – Generella inställningar
Undersökningar – Starta en ny undersökning
Redigeraren för undersökningar
Undersökningar – Inställningar för frågor och element
Combined Shape