Marknaden
Priser
Logga inKom igång
FältguidenRörelse
Rörelse

Produktdemovideor: visa grejen på under en minut

De bästa demorna går inte igenom alla funktioner. De visar en person som får en uppgift gjord, snabbt. Här är en struktur på sextio sekunder, ett manus du kan anpassa och detaljerna som får den att se färdig ut.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Soft Silence · GR·5X50·8W

Kortversionen

  • En produktdemovideo fungerar bäst när den visar en verklig uppgift från problem till resultat, i stället för en rundtur bland alla funktioner.
  • Under en minut räcker för en demo på en startsida eller i ett socialt flöde. Längre genomgångar hör hemma i hjälpartiklar.
  • Visa resultatet inom de första sekunderna, så att tittarna vet vad de får innan du visar hur.
  • Textning är nödvändig eftersom produktdemor ofta ses utan ljud, på startsidor och i flöden.
  • Gör en separat stående version för sociala medier i stället för att beskära bredbildsversionen.
På den här sidan
Välj en uppgift, inte alla funktionerStruktur för en produktdemovideo på 60 sekunderSkriv ett demomanus som passar skärmenAtt spela in en ren demoTextning, titelkort och avslutningskortEn demo, alla placeringarAtt göra demon i Gradiently

En bra produktdemovideo visar en person som gör ett verkligt jobb med din produkt, från problemet till det färdiga resultatet, på under en minut. Öppna på resultatet, visa de tre eller fyra stegen dit och avsluta med en enda nästa handling. Använd en ren skärm, läsbar text, textning för den som tittar utan ljud och ett kort titelkort och avslutningskort i ditt varumärke. Motstå funktionsrundturen: tittarna minns ett resultat, inte en meny.

Välj en uppgift, inte alla funktioner

Innan du öppnar något inspelningsverktyg, skriv en mening: ”En [person] använder [produkt] för att [få resultat] på [kort tid].” Till exempel: en caféägare använder en bokningsapp för att fylla ett avbokat bord på två minuter. Den meningen är hela videon. Allt som inte tjänar den hör hemma i en annan video.

Funktionsrundtur

  • Börjar på inloggningsskärmen
  • Besöker varje flik i ordning
  • Förklarar inställningar som ingen frågat om
  • Slutar med ”och mycket mer”
  • Tre minuter och mer

Uppgiftsdemo

  • Börjar på det färdiga resultatet
  • Följer ett verkligt jobb, från start till slut
  • Visar bara klicken som spelar roll
  • Slutar med ett tydligt nästa steg
  • Fyrtio till sextio sekunder

Struktur för en produktdemovideo på 60 sekunder

Den här strukturen passar en startsida, ett lanseringsinlägg eller ett säljmejl. Tiderna är en vägledning, ordningen är det som räknas.

0 till 5Resultatet

Vad som syns på skärmen

Det färdiga: den fyllda kalendern, den skickade fakturan, den publicerade sidan
5 till 12

Moment

Problemet

Vad som syns på skärmen

Det rörigt före, i en bild, med en rad tal eller textning
12 till 45

Moment

Tre eller fyra steg

Vad som syns på skärmen

Bara klicken som för uppgiften framåt, pauser klippta
45 till 55

Moment

Tillbaka till resultatet

Vad som syns på skärmen

Resultatet igen, nu när tittarna vet hur det gjordes
55 till 60

Moment

Ett nästa steg

Vad som syns på skärmen

Ett avslutningskort med en enda handling och din adress
SekunderMomentVad som syns på skärmen
0 till 5ResultatetDet färdiga: den fyllda kalendern, den skickade fakturan, den publicerade sidan
5 till 12ProblemetDet rörigt före, i en bild, med en rad tal eller textning
12 till 45Tre eller fyra stegBara klicken som för uppgiften framåt, pauser klippta
45 till 55Tillbaka till resultatetResultatet igen, nu när tittarna vet hur det gjordes
55 till 60Ett nästa stegEtt avslutningskort med en enda handling och din adress
Resultat, problem, steg, resultat, handling. Att visa resultatet först ger tittarna en anledning att se stegen.

Skriv ett demomanus som passar skärmen

Skriv manuset i två kolumner: vad som sägs och vad som visas. Varje rad tal ska beskriva något som syns i det ögonblicket. Om du hör dig själv förklara något som inte syns på skärmen, stryk raden eller byt bild.

text
SÄG                                   VISA
Fredag kl. 7 på kvällen. Sex gäster avbokar.    Kalender med rött hål kl. 7:30
Det betydde förr ett tomt bord.       Samma hål, foto av tyst matsal
Öppna väntelistan.                    Klick på Väntelista
Välj hålet. Tryck på Erbjud.          Markera 7:30, klick på Erbjud
Första gästen som tackar ja får det.  Telefonavisering, Tacka ja trycks
Bordet fullt igen. Två minuter.       Kalender, hålet fyllt, timer 1:52
Testa på dina egna bokningar.         Avslutningskort: tablefull.app
Ett manus i två kolumner för en demo på 45 sekunder. Varje rad är kort nog att sägas medan handlingen pågår.

Läs det högt med en timer innan du spelar in. Om det blir för långt, stryk hela steg i stället för att prata snabbare.

Att spela in en ren demo

  1. 1

    Lägg upp realistisk demodata

    Fyll produkten med trovärdiga namn, siffror och bilder. Tomma tillstånd och ”Test test 123” får en produkt att se oanvänd ut.

  2. 2

    Städa och förstora skärmen

    Dölj bokmärken och aviseringar, stäng andra flikar och zooma gränssnittet till 125 % eller mer så att texten klarar en telefonskärm.

  3. 3

    Spela in ett steg per tagning

    Korta tagningar är lätta att göra om och klippa. Flytta pekaren långsamt och pausa kort efter varje klick.

  4. 4

    Spela in rösten separat om du kan

    Att läsa manuset över färdigt material ger smidigare timing än att prata medan du klickar.

  5. 5

    Zooma in där det spelar roll

    Beskär eller skala in på knappen eller fältet som används, så att tittarna slipper leta över ett helt skrivbord.

Skärminspelning tar upp behörigheter, ljud och vad som ska delas i detalj.

Textning, titelkort och avslutningskort

Demor på startsidor spelas oftast automatiskt utan ljud, och flöden börjar också utan ljud, så textningen bär berättelsen. Håll varje textrad till en kort rad som matchar rösten, placerad där den inte täcker den del av gränssnittet du visar. Textning av video tar upp stil och placering.

Rama in demon med två designade bilder i ditt varumärke: ett titelkort som namnger resultatet och ett avslutningskort med en handling. De gör att en skärminspelning ser ut som en produktvideo i stället för en inspelning, och de är vad folk ser som omslagsbild innan de trycker på play.

Tablefull-demo
Fyll ett avbokat bord på 2 minuter.
Gradiently · @gradiently

Titelkortet namnger resultatet, inte funktionen. Det fungerar också som videons omslagsbild på startsidan.

Tablefull
Testa på dina egna bokningar.
tablefull.app
Gradiently · @gradiently

Avslutningskortet ber om en enda sak. Två knappar och ett socialt användarnamn delar uppmärksamheten på tre håll.

En demo, alla placeringar

En demo behöver oftast finnas på flera ställen: startsidan, ett lanseringsinlägg, ett säljmejl och korta sociala videor. Gör bredbildsversionen först och bygg sedan en stående version för sociala medier med skärminspelningen centrerad på din bakgrund, en rubrik ovanför och textning nedanför. Att beskära en bredbildsdemo till stående kapar bort halva gränssnittet.

Startsida 1920×1080

1920 × 1080

Flöde 1080×1350

1080 × 1350

Reels och Shorts 1080×1920

1080 × 1920

LinkedIn 1200×1200

1200 × 1200

Fyra hem för samma demo. Bredbildsinspelningen ligger inuti varje ram på din bakgrund i stället för att beskäras.

På en webbplats, komprimera filen, ge videon en omslagsbild och låt besökarna starta den själva om den har ljud. Videobakgrund på webbplats förklarar filstorlekar och format, och design av startsidor tar upp var en demo hör hemma på sidan. För inläggen som meddelar den, se grafik för lanseringsdagen.

Att göra demon i Gradiently

Med Pro kan du spela in skärmen och din röst i webbläsaren, granska klippen, trimma dem på Gradiently tidslinje, lägga till textning och musik och designa titel- och avslutningskorten på samma Mark så att varje bild matchar. Gör de stående och kvadratiska versionerna från samma design i ett steg, och Designern kan skriva utkast till textraderna och inläggstexten i din varumärkeskits röst.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Hur lång ska en produktdemovideo vara?

Under en minut för startsidor och sociala videor. Längre genomgångar på två till fem minuter passar hjälpcenter och säljsamtal, där tittarna redan har tänkt lära sig produkten.

Vad ska en produktdemovideo innehålla?

Resultatet först, problemet i en bild, tre eller fyra steg av en verklig uppgift, resultatet igen och en enda nästa handling, med textning hela vägen.

Ska en demovideo ha berättarröst?

Det hjälper, men skriv textning också, eftersom demor på startsidor och i flöden oftast spelas utan ljud. Videon ska gå att förstå utan ljud.

Vilken storlek ska en produktdemovideo ha?

1920×1080 för webbplatser och YouTube, plus en stående version i 1080×1920 och en flödesversion i 1080×1350 med inspelningen på en bakgrund i varumärket.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Välj en uppgift, inte alla funktionerStruktur för en produktdemovideo på 60 sekunderSkriv ett demomanus som passar skärmenAtt spela in en ren demoTextning, titelkort och avslutningskortEn demo, alla placeringarAtt göra demon i Gradiently

Dela den här guiden

Nästa i Rörelse

Videoredigering för nybörjare: tidslinjens grunder på vanlig svenska

Läs vidare

Alla guider om Rörelse
Rörelse

Skärminspelning för guider och demos: ett rent arbetssätt

6 minuters läsning

De flesta guider är svåra att titta på av skäl som inte har med programvaran att göra: oreda, pyttesmå texter, svamel och dåligt ljud. Här är ett arbetssätt som löser alla fyra.

Rörelse

Undertexter på video: läsbara och i varumärkets stil

6 minuters läsning

Mycket video i sociala medier ses utan ljud, och då är undertexterna manuset. Så här ställer du in dem så att de läses direkt och ändå ser ut som du.

Sociala medier

Grafik för produktlansering: checklistan för lanseringsdagen

4 minuters läsning

Lanseringar går snett i de små detaljerna: en gammal header, en länkförhandsvisning som saknas, en story som ingen ändrat storlek på. Här är varje tillgång, dess storlek och när den ska ut.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently