# Produktdemovideo: vis produktet på under et minut

[Canonical HTML page](https://gradiently.design/da/guide/product-demo-video)

De bedste demoer viser ikke hver eneste funktion. De viser én person, der får én opgave løst, hurtigt. Her er en struktur på tres sekunder, et manuskript du kan tilpasse, og de detaljer, der får den til at se færdig ud.

## The short version

- En produktdemovideo virker bedst, når den viser én rigtig opgave fra problem til resultat frem for en rundtur i alle funktioner.
- Under et minut er nok til en demo på en landingsside eller i et feed på sociale medier; længere gennemgange hører hjemme i hjælpeartikler.
- Vis resultatet i de første sekunder, så seerne ved, hvad de får, før du viser hvordan.
- Undertekster er afgørende, fordi produktdemoer ofte ses uden lyd, på landingssider og i feeds.
- Lav en separat lodret version til video på sociale medier i stedet for at beskære den brede version.

En god **produktdemovideo** viser én person, der løser én rigtig opgave med dit produkt, fra problemet til det færdige resultat, på under et minut. Start med resultatet, vis de tre eller fire trin, der fører dertil, og slut med én enkelt næste handling. Brug en ren skærm, læsbar tekst, undertekster til dem, der ser uden lyd, og et kort brandet titelkort og slutkort. Modstå fristelsen til en funktionsrundtur: seerne husker et resultat, ikke en menu.

## Vælg én opgave, ikke alle funktioner

Før du åbner et optageværktøj, så skriv én sætning: »En [person] bruger [produkt] til at [opnå resultat] på [kort tid].« For eksempel: en caféejer bruger en bookingapp til at fylde et aflyst bord på to minutter. Den sætning er hele videoen. Alt, der ikke tjener den, hører hjemme i en anden video.

### Funktionsrundtur

- Starter på loginskærmen
- Besøger hver fane i rækkefølge
- Forklarer indstillinger, ingen har spurgt om
- Slutter med »og meget mere«
- Tre minutter og stigende

### Opgavedemo

- Starter på det færdige resultat
- Følger én rigtig opgave fra start til slut
- Viser kun de klik, der betyder noget
- Slutter med ét tydeligt næste skridt
- Fyrre til tres sekunder

## En struktur til en produktdemovideo på 60 sekunder

Strukturen passer til en landingsside, et lanceringsopslag eller en salgsmail. Tiderne er vejledende; det er rækkefølgen, der betyder noget.

| Sekunder | Trin | Det, der er på skærmen |
| --- | --- | --- |
| 0 til 5 | Resultatet | Det færdige: den fyldte kalender, den sendte faktura, den udgivne side |
| 5 til 12 | Problemet | Det rodede før i ét billede, med én linje speak eller undertekst |
| 12 til 45 | Tre eller fire trin | Kun de klik, der bringer opgaven videre, pauser klippet væk |
| 45 til 55 | Tilbage til resultatet | Resultatet igen, nu hvor seerne ved, hvordan det blev lavet |
| 55 til 60 | Ét næste skridt | Et slutkort med én handling og din adresse |

Resultat, problem, trin, resultat, handling. Når resultatet vises først, får seerne en grund til at se trinene.

## Skriv et manuskript til demovideoen, der passer til skærmen

Skriv manuskriptet i to kolonner: det, der siges, og det, der vises. Hver linje speak skal beskrive noget, der er synligt i det øjeblik. Hører du dig selv forklare noget, der ikke er på skærmen, så stryg linjen eller skift billedet.

```text
SIG                                            VIS
Fredag aften kl. 7. Et bord til seks aflyser.  Kalender med et rødt hul kl. 7:30
Før betød det et tomt bord.                    Samme hul, foto af stille spisesal
Åbn ventelisten.                               Klik på Venteliste
Vælg hullet. Tryk Tilbyd.                      Vælg 7:30, klik Tilbyd til venteliste
Første gæst, der siger ja, får det.            Notifikation på telefon, Accepter trykket
Bordet er fuldt igen. To minutter.             Kalender, hul fyldt, timer 1:52
Prøv det på dine egne bookinger.               Slutkort: tablefull.app
```

Et manuskript i to kolonner til en demo på 45 sekunder. Hver linje er kort nok til at blive sagt, mens handlingen sker.

Læs det højt med et stopur, før du optager. Bliver det for langt, så stryg hele trin i stedet for at tale hurtigere.

## Sådan optager du en ren demo

1. **Opsæt realistiske demodata** Fyld produktet med troværdige navne, tal og billeder. Tomme tilstande og »Test test 123« får et produkt til at se ubrugt ud.
2. **Ryd op og forstør skærmen** Skjul bogmærker og notifikationer, luk andre faner, og zoom brugerfladen til 125 % eller mere, så teksten kan læses på en telefonskærm.
3. **Optag ét trin pr. optagelse** Korte optagelser er nemme at tage om og klippe. Bevæg markøren langsomt, og hold en kort pause efter hvert klik.
4. **Optag stemmen for sig, hvis du kan** At læse manuskriptet over færdige optagelser giver en jævnere timing end at tale, mens du klikker.
5. **Zoom ind, hvor det betyder noget** Beskær eller skalér ind på den knap eller det felt, der bruges, så seerne ikke skal lede over et helt skrivebord.

[Skærmoptagelse](https://gradiently.design/da/guide/screen-recording-tips) gennemgår tilladelser, lyd og hvad du skal dele, i detaljer.

## Undertekster, titelkort og slutkort

Demoer på landingssider afspilles som regel automatisk uden lyd, og feeds starter også uden lyd, så underteksterne bærer historien. Hold hver undertekst til en kort linje, der matcher speaken, placeret hvor den ikke dækker den del af brugerfladen, du viser. [Undertekster til video](https://gradiently.design/da/guide/video-captions-design) gennemgår stil og placering.

Ram demoen ind med to designede billeder i dit brand: et titelkort, der navngiver resultatet, og et slutkort med én handling. Det er dem, der får en skærmoptagelse til at ligne en produktvideo frem for en optagelse, og det er dem, folk ser som plakatbillede, før de trykker på afspil.

Et titelkort i 16:9 til en produktdemo med teksten Fyld et aflyst bord på 2 minutter på en brandet gradient

Titelkortet navngiver resultatet, ikke funktionen. Det fungerer også som videoens plakatbillede på landingssiden.

Et slutkort i 16:9 med teksten Prøv det på dine egne bookinger og produktets adresse nedenunder, på den samme gradient

Slutkortet beder om én ting. To knapper og et brugernavn på sociale medier deler opmærksomheden i tre.

## Én demo, alle placeringer

En demo skal som regel leve flere steder: landingssiden, et lanceringsopslag, en salgsmail og korte videoer på sociale medier. Lav den brede version først, og byg så en lodret version til sociale medier med skærmoptagelsen centreret på din baggrund, en overskrift over og undertekster under. Beskærer du en bred demo til lodret, skærer du halvdelen af brugerfladen væk.

- Landingsside 1920×1080: 1920 × 1080
- Feed 1080×1350: 1080 × 1350
- Reels og Shorts 1080×1920: 1080 × 1920
- LinkedIn 1200×1200: 1200 × 1200

Fire hjem til den samme demo. Den brede optagelse sidder inde i hver ramme på din baggrund i stedet for at blive beskåret.

På en hjemmeside skal du komprimere filen, give videoen et plakatbillede og lade besøgende selv starte den, hvis den har lyd. [Videobaggrund på hjemmesiden](https://gradiently.design/da/guide/video-background-website) forklarer filstørrelser og formater, og [design af landingsside](https://gradiently.design/da/guide/landing-page-design) gennemgår, hvor en demo hører hjemme på siden. Opslagene, der annoncerer den, finder du i [grafik til produktlancering](https://gradiently.design/da/guide/launch-day-graphics).

## Sådan laver du demoen i Gradiently

Med Pro kan du optage skærmen og din stemme i browseren, gennemse klippene og derefter klippe dem til på tidslinjen i Gradiently, tilføje undertekster og musik og designe titel- og slutkort på den samme Mark, så hvert billede passer sammen. Lav den lodrette og den kvadratiske version fra det samme design i ét trin, og Designer kan skrive udkast til undertekster og opslagstekst i dit brandkits stemme.

## FAQ

### Hvor lang skal en produktdemovideo være?

Under et minut til landingssider og video på sociale medier. Længere gennemgange på to til fem minutter passer til hjælpecentre og salgsmøder, hvor seerne allerede har tænkt sig at lære produktet.

### Hvad skal en produktdemovideo indeholde?

Resultatet først, problemet i ét billede, tre eller fire trin af én rigtig opgave, resultatet igen og én enkelt næste handling, med undertekster hele vejen.

### Skal en demovideo have speak?

Det hjælper, men skriv også undertekster, fordi demoer på landingssider og i feeds som regel afspilles uden lyd. Videoen skal give mening med lyden slået fra.

### Hvilken størrelse skal en produktdemovideo have?

1920×1080 til hjemmesider og YouTube plus en lodret version i 1080×1920 og en feedversion i 1080×1350 med optagelsen sat på en brandet baggrund.