# Produktdemovideor: visa grejen på under en minut [Canonical HTML page](https://gradiently.design/sv/guide/product-demo-video) 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. ## The short version - 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. 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. | Sekunder | Moment | Vad som syns på skärmen | | --- | --- | --- | | 0 till 5 | Resultatet | Det färdiga: den fyllda kalendern, den skickade fakturan, den publicerade sidan | | 5 till 12 | Problemet | Det rörigt före, i en bild, med en rad tal eller textning | | 12 till 45 | Tre eller fyra steg | Bara klicken som för uppgiften framåt, pauser klippta | | 45 till 55 | Tillbaka till resultatet | Resultatet igen, nu när tittarna vet hur det gjordes | | 55 till 60 | Ett nästa steg | Ett 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. **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. **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. **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. **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. **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](https://gradiently.design/sv/guide/screen-recording-tips) 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](https://gradiently.design/sv/guide/video-captions-design) 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. Ett titelkort i 16:9 för en produktdemo med texten Fyll ett avbokat bord på 2 minuter på en gradient i varumärket Titelkortet namnger resultatet, inte funktionen. Det fungerar också som videons omslagsbild på startsidan. Ett avslutningskort i 16:9 med texten Testa på dina egna bokningar, med produktens adress under, på samma gradient 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](https://gradiently.design/sv/guide/video-background-website) förklarar filstorlekar och format, och [design av startsidor](https://gradiently.design/sv/guide/landing-page-design) tar upp var en demo hör hemma på sidan. För inläggen som meddelar den, se [grafik för lanseringsdagen](https://gradiently.design/sv/guide/launch-day-graphics). ## 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. ## FAQ ### 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.