Potto AI

Produktgenomgångsvideo

Visa en funktion steg för steg: lägg till skärmbilder eller en länk till din produktsida, så gör Potto om dem till en genomgång med berättarröst och undertexter som du kan redigera scen för scen innan du exporterar en MP4.

Från storyboardrad till bild i en genomgång

Det sista steget i genomgången av background remover som en storyboardrad och som en videobild. Texten på skärmen kommer från storyboarden; scenens layout, ikoner och rörelse läggs till när scenen renderas.

Scen 4 av 5 · 7 s

Text på skärmen

  • Transparent cutout
  • Flattened composite
Storyboardrad · Feature Walkthrough
Videobild · 0:24 · 16:9

Vad storyboardraden innehåller

Varje steg i en funktionsgenomgångsvideo är en storyboardrad: texten som visas på skärmen för det steget och, när berättarrösten är på, orden som ska sägas. Potto planerar raderna utifrån din länk eller dina skärmbilder i uppgiftens ordning, så det sista steget kommer efter den handling det är beroende av.

Vad bilden visar

Samma text som korta etiketter i stegets scen, i de färger och den logotyp som hämtats från sidlänken. I det här exemplet visar uppladdningssteget sidan för background remover som fångats från länken, och de senare stegen använder etiketter och en före-och-efter-scen; med dina egna skärmbilder kan vilket steg som helst visa ditt riktiga gränssnitt.

Vad du bör kontrollera innan du exporterar

Läs varje rad i programvarugenomgångsvideon mot den levande produkten: knappnamn, ordningen på handlingarna och resultatet på skärmen. Redigera orden på skärmen i storyboarden, byt in en skärmbild av den riktiga skärmen där det hjälper och förhandsgranska igen innan du exporterar.

Var en funktionsgenomgångsvideo gör mest nytta

En produktgenomgångsvideo svarar på en fråga: hur använder jag den här funktionen? Välj den plats där tittarna ställer frågan och låt platsen avgöra bilden, längden och hur många steg som visas.

16:9 · 30s

Artiklar i hjälpcentret

Lägg en genomgång högst upp i en guide-artikel så att läsarna ser varje steg innan de läser detaljerna. Håll en uppgift per video, använd de exakta knappnamnen från din app och välj 16:9 för en sida i hjälpcentret eller dokumentationen. När gränssnittet ändras bör du byta ut skärmbilderna i stället för att låta en inaktuell genomgång ligga kvar online.

16:9 · 28s

Funktionsuppdateringar och versionsinformation

När en funktion lanseras eller ändras visar en kort programvarugenomgångsvideo var den finns och hur man använder den nu. Öppna på skärmen folk redan känner igen, visa de nya stegen i ordning och avsluta med resultatet. För ett meddelande om fördelar och tillgänglighet passar en lanseringsvideo bättre än en genomgång.

16:9 · 34s

Onboarding av nya användare

Lär ut de första uppgifterna en ny användare behöver med en appgenomgångsvideo för varje funktion. En 9:16-bild passar telefoner och meddelanden i appen, och 1:1 passar ett flöde eller ett e-postmeddelande. Avsluta varje genomgång med nästa handling som användaren bör utföra i din produkt.

Så skapar du en produktgenomgångsvideo

Skapa en funktionsgenomgångsvideo i tre steg med skaparen ovan. Generering och förhandsgranskning är gratis, och ett kreditpris visas innan du exporterar.

  1. 1. Lägg till en länk eller skärmbilder

    Klistra in en offentlig produktlänk eller ladda upp en skärmbild av varje steg i ordning, upp till 8 bilagor per projekt. Välj Feature Walkthrough som videotyp och skriv en mening om funktionen, vem genomgången är till för och vilket resultat de ska nå.

  2. 2. Kontrollera varje steg

    Läs dispositionen och storyboarden mot din produkt. För varje scen kan du redigera orden på skärmen och berättarrösten, byta en skärmbild eller välja en fokuspunkt så att steget pekar på rätt kontroll. Behåll funktionsnamnen exakt som din app visar dem.

  3. 3. Förhandsgranska och exportera en MP4

    Titta på genomgången i webbläsaren gratis. Exportera en MP4 i 1080p och 30 fps i 16:9, 9:16 eller 1:1. Krediter debiteras först när du exporterar, baserat på längd, berättarröst och illustrationer.

Så bygger Potto din produktgenomgångsvideo

En skärminspelning fångar varje klick, paus och misstag. Potto bygger i stället genomgången utifrån dina skärmar: Claude Opus 5.5 planerar en funktion som en följd av steg, dina skärmbilder blir det visuella, och berättarröst, undertexter och musik läggs till, så att produktgenomgångsvideon känns som en redigerad handledning snarare än en rå inspelning.

  1. 01

    Börja med en offentlig länk eller dina egna skärmbilder

    Ge Potto en offentlig http- eller https-sida så läser den den sidan plus upp till 2 sidor till på samma webbplats, plockar upp ditt varumärkesnamn, dina färger, typsnitt och din logotyp och fångar den första skärmen i 1440×900. Sidor bakom en inloggning kan inte läsas, så för en app walkthrough video som visar en inloggad skärm laddar du upp skärmbilder i stället.

    • Offentlig sida plus upp till 2 sidor på samma webbplats
    • Skärmbilder för inloggade skärmar
    Sidan som fångades från länken i background remover-exemplet
  2. 02

    Ett manus som lär ut en funktion i rätt ordning

    Med videotypen Feature Walkthrough skriver Claude Opus 5.5 dispositionen, storyboarden och berättarröstmanuset som numrerade steg i samma ordning som dina skärmar, och visar varje åtgärd och vad den förändrar. Scenerna renderas med Pottos Remotion-scenkomponenter, med AI-genererade illustrationer och berättarröst.

    • Disposition, storyboard och manus av Claude Opus 5.5
    • Stegen följer ordningen på dina skärmar
    En stegscen från exemplet med borttagning av bakgrund
  3. 03

    Dina skärmbilder som det visuella

    En software walkthrough video är bara användbar om den visar skärmen som folk faktiskt kommer att se. Potto placerar dina skärmbilder i scenerna, och för var och en kan du välja en fokuspunkt, byta in en nyare skärmbild eller ersätta en illustration, så att ett steg kan rättas utan att hela genomgången görs om.

    • Välj en fokuspunkt för varje skärmbild
    • Byt ut en skärm utan att börja om
    En skärmbildsscen från AI image generator-exemplet
  4. 04

    Berättarröst på 32 språk, med undertexter

    Välj ett av 32 berättarröstspråk eller låt Potto upptäcka språket automatiskt; undertexterna markerar varje ord när det sägs. Bakgrundsmusiken kommer från Pottos eget bibliotek med originalmusik, utvald för att passa stilen och längden, och du kan byta ut den. Lyssna en gång efter produktnamn och knappetiketter innan du exporterar.

    • 32 berättarröstspråk eller automatisk språkigenkänning
    • Undertexter ord för ord
    En scen med undertexter från kettle-manualexemplet
  5. 05

    Exportera din produktgenomgångsvideo i tre bildförhållanden

    Exportera en 1080p MP4 i 30 fps i 16:9 (1920×1080) för hjälpcenter och dokumentsidor, 9:16 (1080×1920) för mobiler och meddelanden i appen, eller 1:1 (1080×1080) för ett flöde. Bildförhållandet påverkar inte priset, så välj den ram som passar där din produktgenomgångsvideo ska spelas upp.

    • Bilder i 16:9, 9:16 och 1:1
    • Priset påverkas inte av bildförhållandet
    Exempel i 16:9, 9:16 och 1:1

Fortsätt utforska Potto AI

Varje produktgenomgångsvideo lär ut en funktion. Dessa sidor täcker andra typer av video.

Vanliga frågor om produktgenomgångsvideo

Vad en produktgenomgångsvideo är, hur den skiljer sig från en demo, och vilka indata, redigeringar och priser du bör känna till innan du exporterar.

  1. Vad är en produktgenomgångsvideo?

    En produktgenomgångsvideo är en kort video som lär ut hur man använder en produkt, eller en funktion i den, genom att gå igenom stegen i dess riktiga gränssnitt i ordning, oftast med berättarröst och undertexter. Tittarna följer med och når samma resultat i sin egen app. Potto skapar produktgenomgångsvideor från dina skärmbilder eller från en länk till din produkt: den planerar stegen, placerar dina skärmar i animerade scener och lägger till berättarröst, undertexter och musik. Den spelar inte in din skärm och genererar ingen digital presentatör.

  2. Hur skiljer sig en produktgenomgång från en demovideo?

    En produktgenomgång lär ut en funktion steg för steg, medan en demo visar vad en hel produkt gör och varför den är viktig. En demo svarar på "borde jag använda det här?"; en genomgång svarar på "hur gör jag det här?" för någon som redan har produkten öppen. I Potto är de separata videotyper, så välj Funktionsgenomgång när målet är en how-to och Produktdemo när målet är en översikt.

  3. Vad är videotypen Funktionsgenomgång?

    Funktionsgenomgång är ett av alternativen i menyn Videotyp i Pottos skapare, bredvid Auto, Produktdemo, Explainer, Produktlansering, Artikel till video och Data Story. Den säger till AI:n att planera din video som numrerade steg för en funktion, i den ordning på skärmar som du anger. Välj den själv i stället för Auto när du vill ha en produktgenomgångsvideo och inte en allmän översikt.

  4. Hur skapar jag en produktgenomgångsvideo?

    Lägg till skärmbilder för varje steg, eller en offentlig länk till din produkt, i skaparen högst upp, välj Funktionsgenomgång som videotyp och skriv en mening om funktionen, målgruppen och resultatet de ska nå. Potto tar fram ett utkast, en disposition, ett storyboard, berättarröst och undertexter; du kontrollerar varje steg mot din produkt, förhandsgranskar genomgången gratis i din webbläsare och exporterar en MP4.

  5. Ska jag utgå från en länk eller från skärmbilder?

    Använd en länk för en offentlig sida och skärmbilder för allt bakom en inloggning. Potto läser en offentlig http- eller https-sida som du anger, plus upp till 2 sidor till på samma webbplats, och fångar dess första skärm i 1440×900. Sidor som kräver inloggning kan inte läsas, så för en appgenomgångsvideo av en inloggad skärm, ladda upp en skärmbild per steg i ordning. Ett projekt rymmer upp till 8 bilagor, skärmbilder och dokument sammanlagt.

  6. Kan jag ladda upp en skärminspelning till min genomgång?

    Inte för närvarande. Potto kan för närvarande inte ta en befintlig video, som en skärminspelning, för analys eller redigering; den skapar en ny produktgenomgångsvideo från skärmbilder, en länk till en offentlig sida eller ett dokument. Om du redan har en inspelning, exportera en stillbild för varje steg och ladda upp skärmbilderna i ordning.

  7. Kan jag redigera stegen innan jag exporterar?

    Ja. Innan du exporterar kan du redigera texten på skärmen och berättarröstens manus för varje scen i en programvarugenomgångsvideo. För det visuella kan du byta ut en skärmbild, välja dess fokuspunkt, generera om en AI-illustration eller ersätta den med din egen uppladdning. Förhandsgranska igen efter varje ändring och jämför varje steg med den skarpa produkten.

  8. Använder genomgången mina varumärkesfärger och min logotyp?

    Ja, när du väljer ett varumärkespaket eller slår på standardvarumärket. Dess fyra varumärkesfärger tillämpas på det visuella, typsnittet väljer du bland Inter, Space Grotesk eller Bricolage, och din logotyp visas i inlednings- och avslutningsscenerna. När du utgår från en länk plockar Potto även upp varumärkesnamnet, färgerna, typsnitten och logotypen från den sidan.

  9. Vilka språk kan berättarrösten använda?

    Berättarrösten kan använda vilket som helst av 32 språk, eller så identifierar Potto språket automatiskt. Undertexterna markerar varje ord när det sägs. För en programvarugenomgångsvideo, lyssna igenom en gång innan du exporterar med tanke på produktnamn, menyetiketter och förkortningar, eftersom det är de ord tittarna letar efter på sin skärm.

  10. Vilka format kan jag exportera?

    Potto exporterar varje produktgenomgångsvideo som en MP4 i 1080p vid 30 fps. Välj 16:9 (1920×1080) för hjälpartiklar, 9:16 (1080×1920) för telefoner, eller 1:1 (1080×1080) för ett flöde eller ett e-postmeddelande. En 4:5-ram och GIF-export är inte tillgängliga.

  11. Hur många krediter kostar en produktgenomgångsvideo?

    Att generera och förhandsgranska en genomgång i din webbläsare är gratis; krediter debiteras först när du exporterar. Priset beror på videons längd, berättarröstens längd och hur många AI-illustrationer du använder, och bildförhållandet påverkar det inte. Till exempel kostar en 30-sekunders video med engelsk berättarröst och inga illustrationer 153 krediter, och lägger du till 2 illustrationer blir det 199 krediter. Varje konto kan starta upp till 30 videoprojekt och generera upp till 60 illustrationer per dag.

Potto AI

Skapa en produktgenomgångsvideo

Lägg till skärmbilder eller din produktlänk, kontrollera varje steg och se kreditpriset innan du exporterar din genomgång som en MP4.