UpVoter logoUpVoter.io
Volver a documentación

Branding och visuell anpassning i UpVoter

Branding och visuell anpassning i UpVoter

Vad är branding i UpVoter?

Branding låter dig anpassa utseendet på din session så att det återspeglar din organisations eller events visuella identitet. Du kan oberoende konfigurera logotyper, färger och bakgrundsbilder för två olika vyer:

  • Projection View: den stora skärmen (TV, projektor) som publiken ser i rummet.

  • Participant View: varje deltagares smartphoneskärm.
  • Detta betyder att du kan ha, till exempel, event-logotypen på projektionen och din organisations logotyp på mobilgränssnittet, eller olika bakgrundsfärger för varje vy.


    Öppna brandingpanelen

    I sessionshanterings­panelen öppnar du Branding-avsnittet i sidomenyn.

    Panelen har två flikar:

  • Projection: konfigurerar utseendet på den stora skärmen.

  • Participant: konfigurerar utseendet på röstarens mobil­enhet.
  • Ändringar i en flik påverkar inte den andra. Varje flik har sin egen Spara-knapp och sin egen Reset values-knapp.

    > Anpassningar tillämpas inte förrän du trycker på Spara. Om du stänger panelen utan att spara kommer ändringar att försvinna.


    Projection-fliken

    Projection logo

    Bilden som visas i det övre vänstra hörnet på projektionsskärmen, synlig över alla frågor och slides i sessionen.

    Så laddar du upp logotypen:

  • Klicka på Upload logo.

  • Välj en PNG- eller JPG-fil. En PNG med transparent bakgrund ger bäst resultat över vilken bakgrundsfärg som helst.

  • Bilden laddas upp och sparas omedelbar.
  • Om du vill ta bort den klickar du på papperskorgen bredvid bilden.

    Background image

    Bilden som används som bakgrund för hela projektionen. Den skalas automatiskt och centreras för att täcka hela skärmen utan förvridning.

    Background opacity

    En skjutreglage från 0 till 100 som kontrollerar intensiteten på bakgrundsbilden. Standardvärdet är 30, vilket ger en subtil effekt som inte konkurrerar med innehållet. Ett värde på 0 gör bilden osynlig; ett värde på 100 visar den med full intensitet.

    Show title in projection

    Kontrollerar om frågans text visas på den stora skärmen. Om den är inaktiverad visar projektionen bara resultatstaplarna och alternativen, och döljer själva frågan.

    Projection colors

    | Fält | Vad det är till för |
    |---|---|
    | Background color | Solid bakgrund på skärmen (synlig när det inte finns någon bakgrundsbild eller den har låg opacitet) |
    | Primary color | Färg på resultatstaplarna och kanten på Q&A-kort |
    | Font color | Textfärg i projektionen (titlar, etiketter, procenttal) |
    | Correct bar color | Färg på den korrekta svarsalternativets stapel när den avslöjas (grön som standard) |
    | Points / ranking color | Färg på positionsnumren och poängen på poängtavla-slides (orange som standard) |


    Participant-fliken

    Welcome screen

    När sessionen har [UI_REQUEST_NAME]-växeln aktiverad (som ber deltagaren om ett alias) tillämpas branding från Participant-fliken även på välkomstskärmen där deltagaren skriver sitt namn innan de går in. Bakgrunden, primärfärgen, textfärgen och logotypen förblir konsekventa med vad de kommer att se under resten av sessionen.

    Participant logo

    Bilden som visas i deltagarens mobila webbapp. Den här logotypen är helt oberoende av projektionslogotypen. Det finns ingen återställning mellan de två: om ingen deltagarlogotyp laddas upp kommer deltagarvy­en inte att visa någon logotyp (den förblir tom), även om en logotyp har laddats upp i projektionsfliken.

    Show title to participant

    Kontrollerar om omröstningstemat eller frågepromten visas på mobilskärmarna. Det kan vara användbart att inaktivera det om promten redan projiceras på den stora skärmen och du vill att deltagarna ska hålla sina ögon riktade framåt.

    Participant colors

    | Fält | Vad det är till för |
    |---|---|
    | Background color | Bakgrund för mobilapplikationen |
    | Primary color | Färg på röstbekräftelseknappar och aktionselement |
    | Font color | Textfärg på mobilgränssnittet |


    Spara och återställ

    Spara: tillämpar ändringarna på den aktiva fliken. Projektionen och deltagarnas mobiltelefoner kommer att återspegla de nya färgerna och logotyperna inom några sekunder, utan att behöva uppdatera.

    Reset values: återställer alla fält på den fliken (och endast den fliken) till sina standardvärden: neutrala färger, ingen logotyp, ingen bakgrundsbild, opacitet 30.


    Rekommendationer efter eventtyp

    Företagsevent

  • Logotyp i PNG med transparent bakgrund, minst 400px bred.

  • Primärfärg: den exakta företagsfärgen från dina varumärkesriktlinjer.

  • Bakgrund: bild med suddig logotyp (opacitet 15-25%) eller ingen bild.

  • Korrekt stapelfärg: grön om det finns korrekta svar; samma som primärfärg för opinionspollningar.
  • Möte/församling

  • Ingen logotyp eller organisationens logotyp.

  • Neutrala och professionella färger. Undvik mycket mättade färger vid formell omröstning.

  • Ingen bakgrundsbild för att tvinga maximal tydlighet och skärmläsbarhet.
  • Dynamiskt event / gamification

  • Event-logotyp eller spelnamn.

  • Slående primärfärg (orange, lila, intensiv grön).

  • Bakgrundsbild med subtil textur, opacitet 20-40%.

  • Poängfärg i ljust orange för att göra rankingnummer framträdande.

  • Nuvarande begränsningar

  • Ingen förhandsgranskning i realtid: färgändringar förhandsgranskas endast när du sparar och tittar på själva projektionen eller deltagarens mobila enhet direkt.
  • Ingen automatisk kontrastverifiering: systemet varnar dig inte om din valda kombination av bakgrunds- och textfärger är svår att läsa. Kontrollera det visuellt innan eventen startar.
  • Inga fördefinierade mallar: organisatören konfigurerar allt från grunden i varje ny session, även om en session kan dupliceras för att återanvända dess konfiguration.
  • Bilder komprimeras inte automatiskt: om du laddar upp mycket stora bilder kan den första inläsningen vara långsam. Det rekommenderas starkt att optimera dem före uppladdning.
  • Branding och visuell anpassning i UpVoter — UpVoter.io