Del 2, Storyboard/manus

     

Av Peter Häggstrand, Multimedialabb Växjö universitet
januari 2000 för kursen MEA 702

Tillbaks till Dramaturgis huvudsida.

Kapitel 1, Definitoner

Kapitel 2, hur gör man?

Kapitel 1, definitioner

Inledning

När man sätter sig ned för att påbörja sitt stora hjärteprojekt är det lätt hänt att man vill sätta igång med de roliga produktionsbitarna med en gång, men som med allt annat här i livet så är planering A och O. Tyvärr, så är det!

Har du inte märkt behovet av det innan så kommer du att göra det i samband med ett multimedia projekt. Med så pass många människor, medietyper, alternativa vägar inom produkten, programvaror, innehåll och plattformar att ta hänsyn till så blir organiserandet av det hela helt avgörande för projektets lyckade genomförande.

1. Planeringen

I planeringen för ditt projekt finns många aspekter att ta hänsyn till. Man ska formulera ett mål, en målgrupp, göra en budget, marknadsundersökningar samt tusen och en ytterligare saker. Jag kommer inte att beröra det så mycket här och nu, men mycket av denna information hittar du i kursboken "Theoretical Foundations of Multimedia, av Robert S. Tannenbaum" Kapitel 8 och 9 som ger dig en bra bas att utgå från. I boken Writing for Interactive Media" ger sidorna 41 - 60 dig en god bild av vad resten kommer att handla om.

 

2. Synopsis

Det första man därefter bör göra är ett första utkast, ett synopsis. Här förklarar man i större drag hur det hela ska vara uppbyggt. Man resonerar igenom grundtanken och syftet, de viktiga elementen som ska ingå, hur de ska interagera med varandra, hur handlingen ska fortlöpa och vad resultatet/slutmålet ska bli. En synopsis är oftast det som först visas upp för en beställare för godkännande, så gör det enkelt för vem som helst att följa din tanke och få en känsla för hur det hela ska se ut/kännas. Här märker du också för första gången om din idé håller, så visa den för flera andra och lyssna till synpunkterna de kan ha. Testa gärna idén redan här på din tänkta målgrupp. Givetvis är synopsisen baserad på idéer som kommit till efter noggranna undersökningar om målgrupp och marknad. Eller hur?

3. Sälj din idé

Du har alltså en idé och vill få chefen/kunden att gå med på att börja producera det hela. Då kommer du in i en viktig fas, nämligen att skapa en offert (eller ett "förslag") som kunden/chefen fattar sitt beslut från. Utformningen av denna offert kan se ut på flera sätt, men jag kommer att gå igenom det vanligaste som ni även finner i "Wiriting for Interactive Media".

Förslaget är din chans att förklara innehållet på ett målande sätt och därmed förtydliga idén och dess förtjänster för beställaren så att han eller hon köper den innan du sätter igång med själva arbetet.

tillbaks till sidans början

 

4. Manus

I manuset beskriver du hela händelseförloppet. All ev dialog skrivs ut med beskrivningar av hur personerna säger saker och ting, vilka känslor de förmedlar o s v. Manuset berättar hela historien från början till slut, ungefär som en bok, med tydliga instruktioner om vad som sker. Handlar det om en företagspresentation så blir manuset mer en beskrivning av hela innehållet och hur det ska placeras enligt tankarna kring akt 1-3, d v s vilken vikt de har, när och var de ska presenteras, hur betoningen ska ligga, redigering av de texter som ska vara med m.m. Manuset ligger sedan till grund för ditt storyboard.

5. Flödesschema

Ett flödesschema är ett sätt att grafiskt beskriva hur de olika scenerna är sammanlänkade, vilka vägar som användaren kan gå och hur information inom produkten är sammanlänkad med varandra. Jämförelsen med både en organisationshierarki och en karta över alla avdelningarna på NK ligger nära till hands.

I modulerna hypermedia och interaktivitet kommer ni närmare att beröra ämnet, men redan nu har du säkert skaffat en första tanke på vilka scener som hör ihop med varandra.

Tänk efter både en och två gånger på hur du själv som användare skulle vilja att navigeringsstrukturen såg ut. Hur tar man sig till den fakta man vill nå? Vart går man för att få hjälp? Kan jag nå hjälpen från alla sidor eller bara från huvudmenyn? Hur avslutar jag? Kommer jag automatiskt till en sida med presentation av producenterna eller slutar bara produkten rakt av? O s v ….

tillbaks till sidans början

 

6. Storyboard

Storyboard som begrepp kommer från filmens värld. Det är ett sätt att beskriva alla "scener" i filmen med hjälp av bilder och text för att tydligt visa vad som ska ske i varje scen och hur det ska se ut. Vilka saker finns med på bild, vilken kameravinkel ska användas och så vidare. Eller som någon så träffande formulerade det hela: Det är lite som att skriva ett recept. När du är färdig ska det bara vara att plocka fram ingredienserna och sätta igång!

Märk väl att du inte behöver ha artistiska färdigheter för att skissa ett bra storyboard, huvudsaken är att du kan beskriva vad som ska ske.

Ett väl genomarbetat storyboard kombinerat med ett flödesschema gör det enkelt för dina medarbetare att jobba självständigt och mot samma mål.

 

tillbaks till sidans början

 

Kapitel 2, hur gör man?

Jag hoppar över synopsis och planeringsbiten här, men som sagt, planeringen är viktig och du bör studera den noggrant i boken (se inledningen ovan). Synopsis är inte mycket mer att orda om än vad jag redan angivit under definitionen, vi kastar oss istället raskt över de andra bitarna:

Förslag/offert

Det är här det gäller. Ska du lyckas sälja in din idé till beställaren eller inte? Ditt förslag bör vara rätt omfattande skrivet och ska effektivt täcka in idéerna och syftet med produkten. Här bör du också förmedla varför det hela ska distribueras och produceras som ett interaktivt material och vad detta kommer att tillföra produkten vad gäller möjligheter och annat. Du bör även ha med en noggrann analys om hur marknaden kommer att mottaga din produkt. Sättet du gör ditt förslag på kommer också att påverka hur väl det kommer att mottagas av din beställare, och kan i slutändan vara en viktig anledning till att de accepterar dina idéer.

Boken "Writing for Interactive Medias" beskriver hur ett typiskt förslag kan vara utformat i kapitel 3:

  1. En titelsida som tilltalar. Viktigt här är att titeln är tilltalande och fastnar i folks medvetande, samtidigt som den ska beskriva vad det hela handlar om.
  2. Sammanfattning i en mening. Beskriv direkt vad det hela handlar om, helst i en enda slagkraftig mening.
  3. Premiss. En lite längre ingressliknande beskrivning av hela projektet, dess mål och syfte. Är det ett spel eller någon annan form av berättande drama, så beskriver du istället kanske handlingen. Tänk
    t ex på hur texten på baksidan av en videofilm är utformad. Andra saker som därefter bör dyka upp i just dessa varianter av multimedia är berättelsens gång i en mer sammanfattande stil, samt en karaktärsbeskrivning.
  4. Beskrivning av strukturen. Med hjälp av ett flödesdiagram beskriver du hur allt hänger ihop och är sammanlänkat.
  5. Beskrivning av finesser och speciella funktioner. Är det något speciellt med just din produkt så kan det vara bra att här framhäva det lite tydligare.
  6. Beskrivning gränssnittet dator - människa. Beskriv hur du ser på den typiska användningen av din produkt. Vad ska användaren göra, vad krävs av honom/henne?
  7. Beskrivning av en typisk scen. Gör en tydlig beskrivning av steg-för-steg i en typisk scen i din produkt. Visa och peka ut alla funktioner, bilder, medier, färger m.m. som möter användaren och förklara dess syfte.
  8. Marknadsbedömning. Se till att väl formulera vad som gör att din produkt kommer att fungera på ett tillfredsställande sätt på marknaden. Jämför med konkurrenterna, bevisa vilka som kommer att köpa just din produkt, vad din klient kommer att tjäna o s v…
  9. Slutligen bör du berätta vilket team av människor du har bakom dig. Dina och deras meriter bör du lista upp. Allt för att övertyga att det är just NI som är bäst på att producera en lösning åt din kund/beställare.

 

tillbaks till sidans början

 

Manus

Ditt manus är det som kommer att ligga till grund för storyboardet längre fram. Ett manus påminner rätt mycket om en bok, eller för er som någon gång medverkat i en teaterpjäs, ett scenmanus. Hela historien från början till slut skrivs ut i detalj. Alla dialoger, rumsbeskrivningar, hur medierna dyker upp, vad som händer o s v. Scen för scen.

Skriver du ett manus för ett interaktivt spel eller drama så blir din uppbyggnad av historien väsentlig. När ska huvudpersonerna dyka upp? Vad har de för bakgrund? Vad sägs? I vilken ordning ska saker och ting ske för att åstadkomma den effekt du eftersträvar?

Gör "helt enkelt" en berättelse du själv skulle tycka om att läsa. Var noggrann när du gör det för att vara säker på att historien håller hela vägen. Du kan inte ersätta en dåligt berättad historia med flashiga effekter och funktioner och samtidigt få en hög kvalitet.

Skriver du för en mer traditionell multimedia applikation som t ex en företagspresentation, ett läromedel eller något annat så blir ditt manus lite annorlunda till sin utformning även om grundtanken är den samma.

Här bör du istället beskriva vad som ska presenteras i varje scen. Vad ska användaren se/göra i varje scen. Hur ser bakgrunden ut, vilken musik/ljudeffekt finns? Vilken typ av information ska presenteras, var och framför allt, hur ska den presenteras? Vart kommer man om man klickar här och där?

Manuset blir en sorts genomgång av hela produkten så som det är tänkt att användaren ska gå igenom den. Flödesschemat och storyboardet tar därefter vid.

tillbaks till sidans början

 

Flödesschema

Flödesschemat eller arkitekturen är en viktig del i ett interaktivt berättande. Just det att användaren i så stor utsträckning kan påverka skeendet och navigeringen gör att det ställs stora krav på en genomtänkt arkitektur med logiska kopplingar mellan de olika noderna ( en nod är ett ställe man flyttar till från ett annat, t ex en ny webbsida, en ny scen, en annan film. De olika noderna är sedan kopplade till varandra i en hierarki).

Det är här du exakt specificerar vilka sidor/scener som hör ihop, vilka underscener som man kan nå från vilka huvudscener, vägen användaren ska ta/kan ta genom din produkt. Man markerar även huruvida användarens vägval är enkelriktat eller om det går att backa tillbaka en eller flera nivåer.

Exakt hur det hela kan se ut beror mycket på vad det är för typ av berättande du tänkt illustrera. Är det en linjär historia där man går från punkt A - Ö eller är det en invecklad historia där användaren navigerar åt alla möjliga håll och kanter? Det kanske till och med är flera parallella handlingar som utvecklas från en gemensam startpunkt.

Exempel på flödesschema:



Ett enkelt linjärt flödesschema där berättelsen går från punkt A- Ö utan att användaren behöver bekymra sig om vart han/hon ska härnäst.
Den här formen passar bra till presentationer som t ex ska stå och snurra i en loop på en mässa eller liknande. Formen är byggd som en bok där man bara vänder blad, eller som en film där man inte påverkar händelseförloppet.


Det här är en annan bild där man ger användaren möjlighet att avbryta direkt från introduktionen. Användaren väljer sedan att gå till en menysida där han kan välja spår eller backa tillbaks till inledningen. De båda spåren ger i sin tur möjlighet att backa tillbaks till menyn för att välja ett nytt spår, samt att gå till slutet.

Observera att det bara är ett exempel som innefattar 5 sidor. Alla sidor måste specificeras på detta sätt, det duger inte med att säga att del 1 består av 10 sidor, utan att därmed rita upp de 10 sidorna!





Här börjar nu matrisen bli invecklad.
I detta exempel kan användaren välja tre alternativa spår som var och en producerar olika slut på det hela. Man kan dessutom inom de olika alternativen ta alternativa vägar som leder tillbaka till huvudspåret. När man nått ett slut, kan man välja nästa huvudspår och så vidare.

Vidare kan man från alla noder nå hjälpsidorna och komma tillbaks.


Slutligen ett exempel hämtat från min egen skiss jag gjorde över en ny webbsajt skapad i Flash.

Jag började med en laddningssida med länkar till Macromedia ShockWave för de som saknar det. Om Shockwave redan är installerat är det meningen att sajten ska börja ladda i bakgrunden och användaren kommer till menysidan.

Menysidan innehåller tre traditionella val: Arbeten - Privat - Blandat.
Varje val har sedan en fördjupat struktur med olika underrubriker och andra noder kopplat till underrubrikerna. Alla noder är direkt kopplade till menysidan där man gör ett nytt val.

Ja, studera skissen själv och se om du kan följa min tråd genom berättelsen. Som du säkert märker har jag inget direkt slut på det hela eftersom det är en webbsajt och inte en CD-ROM.

tillbaks till sidans början

Storyboard

Ett storyboard slutligen, är det dokument där allt vävs ihop och som du lämnar över till de som ska arbeta med produktionen av det hela tillsammans med manuset som ger dem en helhetsbild och en känsla för vad det är de ska åstadkomma.

Storyboardet är en blandning mellan bilder och text som tydligt illustrerar varje scen och dess komponenter. Ungefär som en tecknad serie där historien illustreras och kommenteras med text.

Bilden som skisseras är för att ge producenterna en aning om hur scenen ska se ut grafiskt, var för någonstans stolen ska stå i förhållande till bordet t ex. Vilket synfält användaren ska ha när scenen börjar. Vilket musikstycke som hörs i bakgrunden, vilka dialoger som ska in, vilka knappar som ska synas, hur knapparna ska bete sig, vilken film som ska visas på den uppskissade tv-skärmen och så vidare...

Har ni inte tidigare angett vilka typsnitt som ska användas till rubriker, underrubriker, brödtext så bör ni ange det här. Likaså storlek på de olika varianterna, färger och ev texteffekter som ska framträda. Bakgrundsfärger, ljudeffekter och andra händelser som ska ske i den scen som beskrivs. Det behövs inga konstnärliga anlag för skissen, bara så den som är ansvarig för grafiken förstår (tillsammans med manuset) hur resultatet bör se ut.

Ett typiskt sätt att illustrera det hela på är så här:

Det här är ett klassiskt storyboard för enklare beskrivningar av vad som sker i tre olika scener som ligger efter varandra. Användbart när du ska tänka i filmtermer eller för enklare presentationer utan så mycket interaktivitet runt omkring.

Skissa hur scenen ser ut i rutorna, markera scenens namn, vilken "kameravinkel" som betraktaren ska få sig till livs, vad som sägs/skrivs i scenen, vilka element som ska vara med o.s.v.

Här har vi då ett mer detaljerat storyboard för den interaktiva presentationen/spelet/berättelsen.

Tanken här är att specificera ALLT som förekommer, sker och ska ske i scenen:

  1. Skriv projektnamn här
  2. Vilket kapitel/avdelning/spår
  3. Vilken scen i det kapitlet
  4. Datum
  5. Vilka bilder, vad de heter, som ska vara med i denna scenen
  6. Vilka ljud/musiksnuttar ska vara med?
  7. Videoklipp som är med
  8. Andra medier (text, animationer)
  9. Specificera vad som ska hända när användaren kommer till scenen. T ex, rubriken ska komma in från höger, musiken tonas upp, en boll kommer studsande från vänster.
  10. Vilka typsnitt för rubrik, underrubrik, brödtext
  11. Färgdefinitioner
  12. Övrig info till producenten
  13. Specificera interaktiviteten. T ex, tv-skärmen klickas = filmen drar igång, knapp som ändras när man är över den med muspekaren, klickljud aktiveras vid...



Storyboard för interaktiva scener som ni kan ladda ned och skriva ut (kräver Acrobat Reader)

Ja, det är inte så mycket mer att orda om i detta läget. Mycket mer finns att säga för den som vill fördjupa sig i den ädla konsten att skriva för interaktiva medier. Läs igenom boken "Writing for Interactive Media". Det är den helt klart värd!

Lycka till!

Peter Häggstrand

tillbaks till sidans början

© MultiMediaLab, Vƒxjž universitet - Uppdaterad: 2000.01.27 (Peter Häggstrand)