Transcript Multimediasuunnittelu

Multimediasuunnittelu
Erkki Rämö
”Digitaalinen media”, s. 23 - 50
Multimediaohjelmien käyttökohteita
•
•
•
•
•
•
opetusohjelmat
kulttuuri- ja taideteokset
viihdeohjelmat ja pelit
dokumentointi
edutainment
markkinointi ja yritysviestintä.
Multimediatuotannon työryhmä (1)
• Tuottaja/projektipäällikkö
– Tuottaja vastaa rahoituksen hankkimisesta,
sopimusneuvotteluista ja budjetoinnista.Hän kokoaa työryhmän
ja tekee tuotantoaikataulut. Tuottaja toimii projektinvetäjänä sekä
kantaa vastuun projektin onnistumisesta.
• Taiteellinen johtaja
– Taiteellinen johtaja (Art Director) toimii tuotannon taiteellisena
johtajana sekä suunnittelijana. Hän vastaa multimedian tyyliin
vaikuttavista asioista.
Multimediatuotannon työryhmä (1)
• Käsikirjoittaja/suunnittelija
– Käsikirjoittaja suunnittelee multimedian sisällön. Hänen
tehtävänään on miettiä, miten halutut asiat kerrotaan
multimedian keinoin. Käsikirjoittaja määrittelee rakenteen sekä
valitsee käytettävän aineiston
Multimediatuotannon työryhmä (2)
• Äänisuunnittelija/äänittäjä
– Äänisuunnittelija vastaa mediatuotannon äänisuunnittelusta,
äänenkäsittelystä ja äänittämisestä. Äänisuunnittelija työskentelee
yhdessä muusikoiden kanssa sekä vastaa myös videotuotannon
äänistä.
• Videokuvaaja/editoija
– Videokuvaaja kuvaa ja käsittelee videokuvaa multimedian vaatimusten
mukaan.
Multimediatuotannon työryhmä (2)
• Graafikko
– Graafikko suunnittelee ja toteuttaa erilaiset graafiset elementit
• Käyttöliittymäsuunnittelija
– Käyttöliittymäsuunnittelija vastaa käyttöliittymän suunnittelusta,
ideoinnista jatuotannollisesta toteutumisesta.
• Animaattori
– Animaattori vastaa piirros- ja tietokoneanimaation tuottamisesta.
Multimediatuotannon työryhmä (3)
• 3D-graafikko
– 3D-graafikon vastuualueena on kolmiulotteisten kappaleiden,
animaatioiden ja kuvien mallintaminen.
• Mediamateriaalin käsittelijä
– Mediamateriaalin käsittelijän toimenkuvaan kuuluu
tallennusformaattien ja värisyvyyden ja -palettien muuntaminen
multimedia- ja verkkotuotantoon sopiviksi.
Multimediatuotannon työryhmä (3)
• Kuvankäsittelijä
– Kuvankäsittelijä vastaa pääsääntöisesti digitaalisen
kuvamateriaalin valmistuksesta ja käsittelystä.
• Kuvatoimittaja/kuvaaja
– Kuvatoimittaja työskentelee käsikirjoittajan ja taiteellisen johtajan
kanssa vastaten kuvamateriaalin toimittamisesta sekä
hankkimisesta.
Multimediatuotannon työryhmä (4)
• Koostaja
– Koostajan tehtävänä on rakentaa eri
mediaelementeistä rakenteen mukainen yhtenäinen
teos. Koostajan työtehtävään kuuluu myös
ohjelmointi.
Multimediatuotannon työryhmä (4)
• Ohjelmoija/ohjelmistosuunnittelija
– Ohjelmoija vastaa multimediatuotteen ohjelmoinnista,
tietokantasovelluksista ja teknisestä toteutuksesta.
• Myyntihenkilö/yhteyshenkilö
– Myyntihenkilö hoitaa asiakassuhdetta ja vastaa
asiakkaalle tiedottamisesta
Tarjouksen asiasisältö
• tarjouksen kohde
• mitä tarjoukseen sisältyy
• mitä tarjoukseen ei sisälly
• aikataulu
• vastuut
• tarjouksen hinta
• maksuehdot
• tarjouksen voimassaoloaika.
Suunnitteludokumentit
• synopsis
• asiakäsikirjoitus
• tuotantokäsikirjoitus
• rakennesuunnitelma
• kustannusarvio
• aikataulu
• käyttöliittymäsuunnitelma
• sopimukset
• tuotantosuunnitelma.
Synopsis (1)
• Miksi multimediatuote tehdään?
• Mikä on multimediatuotteen tavoite?
• Kuinka tuotetta käytetään (käyttötarkoitus)?
• Kenelle se tehdään?
• Mikä on tuotteen sisältö?
• Mikä on sisällön rakenne?
• Millainen tuote on? Miltä se näyttää ja kuulostaa?
• Kuinka sisältö kerrotaan?
Synopsis (2)
Lisäksi tarpeen mukaan mainittava:
• alustava aikataulu
• kustannusarvio
• tekniset määritykset
• tuotteen jakelu loppukäyttäjille.
Liitteeksi tehdään:
• suunnitelma käyttöliittymästä
• rakennesuunnitelma.
Asiakäsikirjoituksen tehtävät
• valmiin sovelluksen hahmottaminen
• työryhmän sisäinen kommunikointi
• tilaajan kanssa kommunikointi
• tuotannollinen perusta.
Asiakäsikirjoituksen sisältö
• rakenne
• mediavalinnat
• toiminnallisuus
• visuaalisuus
• kertojaäänien sisällöt
• audiovisuaalinen materiaali
• informaatiosisältö.
Asiakäsikirjoituksen pohjalta
suunnitellaan:
• käyttöliittymä
• visuaalinen yleisilme
• äänimaailma
• videoiden ja animaatioiden käyttö
• valokuvien käyttö
• tietoliikenneominaisuudet
• tekniset määritykset
• käytettävät ohjelmat.
Esimerkki asiakäsikirjoituksesta
Ruutu 7: Volvon uuden automallin esittely
1. Grafiikka
Kuva Volvon uudesta S70 mallista. Taulukko teknisistä ominaisuuksista.
2. Otsikko
Volvoon voit luottaa.
3. Teksti
Volvo on uuden ajan auto, jossa yhdistyvät turvallisuus ja tilavuus. Uuden
Volvon varusteisiin kuuluvat ABS-jarrut, ilmatyynyt, ilmastointi ja laadukas
cd-soitin. Ostamalla uuden Volvon olet mukana uudenlaisen autoilun
maailmassa.
4. Ääni
Kertojaääni: ”Volvo S70 suojelee kuljettajaa ja matkustajia erittäin tehokkaasti
useimmissa kolaritilanteissa. Uusi Volvo S70 sai sekä Euro-NCAP:n
törmäystestissä että sivutörmäystestissä viisi tähteä.”
5. Video
Videokuvakkeesta ruudulle avautuu video, jossa esitellään ABS-jarrujen ja
ilmatyynyn toimintaa.
Tuotantosuunnitelma on selvitys:
• mediamateriaalin tuotantoprosesseista
• aikatauluista
• työryhmästä ja vastuualueista
• projektin seurannasta ja dokumentoinnista
• sovelluksen teknisestä käyttöympäristöstä
• sovelluksen testauksesta
• valmiin sovelluksen jakelusta ja
markkinoinnista.
Tuotantokäsikirjoitus
• Toimii työohjeena projektiin osallistuville henkilöille.
• Tiedot teknisestä toteutuksesta, visuaalisuudesta,
toiminnallisuudesta ja rakenteesta.
• Määritykset sovelluksessa käytetyistä tekniikoista sekä
tiedostomuodoista.
• Ohjeet, miten valmistetaan mediamateriaali ja
koostetaan materiaalista teknisesti toimiva kokonaisuus.
• Määritellään esim. videoruudun koko, tiedostomuoto
pakkaustapoineen sekä lähdemateriaali, jotta
• videokoostaja kykenee tuottamaan koostovaiheessa
tarvittavan videotiedoston.
Tuotantokäsikirjoitus:
Teknisiä määrityksiä
• käyttöjärjestelmävaatimukset
• laitteistovaatimukset
• ohjelmistovaatimukset
• näyttöresoluutio
• videotiedostojen pakkaus
• äänitiedostojen formaatit
• kuvien tiedostomuodot ja värisyydet
• tietoliikennevaatimukset.
Tuotantokäsikirjoitus:
Tuotannollisia määrityksiä
• materiaalin varmuuskopiointi
• materiaalin sijainti työryhmän verkossa
• työhön käytettävät ohjelmistoversiot.
Tuotantosopimus
• Sopijaosapuolet
• Toimitusehdot
• Vastuuhenkilöt
• Takuu ja päivitykset
• Sopimuksen kohde
• Aikataulu
• Tekijänoikeudet
• Hinta
Toimitusehdot
• Tilauksen yksilöinti
• Toimitus ja sen hyväksyminen
• Viivästymiset
• Oikeudet
• Vastuut
Aikataulu janakaaviona
Työajan ja kustannusten
jakautuminen
Esimerkki kustannusarviosta(1)
Esimerkki kustannusarviosta(2)
Esimerkki kustannusarviosta(3)
Multimedian rakenne
•
•
•
•
•
•
Lineaarinen rakenne
Kalanruotorakenne
Puumainen rakenne
Verkostorakenne
Matriisirakenne
Pyramidi- l.
labyrinttirakenne
Lineaarinen rakenne
Kalanruotorakenne
Puumainen rakenne
Verkostorakenne
•Verkostomaisessa rakenteessa jokainen yksittäinen elementti sisältää useita
etenemisvaihtoehtoja.
•Käyttäjä pääsee liikkumaan sovelluksessa täysin vapaasti haluamaansa suuntaan
•Käyttäjä voi eksyä tai hän ei löydä haluamaansa tietoa.
•Verkostorakenteen yhteydessä on syytä olla lisättynä hakemisto tai hakupalvelu.
•Internet kokonaisuutena lienee paras esimerkki verkostorakenteesta.
Matriisirakenne
Pyramidi- l. labyrinttirakenne
Pyramidi- l. labyrinttirakenne
Tuotantovaihe
• Materiaalin kartoitus
• Mediamateriaalin
tuotanto
• Koostaminen
• Testaus
• Jakelu
Käyttöliittymä(1)
• Toiminnallisuuden lisäksi
huomiota myös visuaaliseen
suunnitteluun.
• Sivun ulkoasu ja käytetyt
symbolit kertovat käyttäjälle
mahdollisista toiminnoista.
• Selkeä, esteettinen ulkoasu
helpottaa sovelluksen käyttöä.
• Tietokonesovelluksissa on
totuttu näkemään tiettyjä
symboleja, joilla on oma
merkityksensä.
Käyttöliittymä(2)
• Esimerkiksi vasemmalle
osoittava nuoli tarkoittaa
liikkumista taaksepäin ja
oikealle osoittava nuoli
liikkumista eteenpäin.
• Videon katseluohjelmien
käyttönappuloissa on omat
kansainväliset symbolinsa.
• Valikoissa ja painikkeissa
käytettyjen tekstien tulee olla
myös selkeitä ja tyyliin sopivia.
Käyttöliittymä(3)
• Värien käytöllä
voidaan kertoa myös
asioita ja luoda
tunnelmaa.
• Aktiivisia toimintoja
voidaan korostaa tai
käyttäjän huomiota
johdatella värien
avulla.
Käyttöliittymä(4)
• Graafisen käyttöliittymän
suunnittelussa on oltava
mukana sekä visuaalista
että
ohjelmointiosaamista.
• Käyttöliittymän
toimivuutta tulee myös
testata useaan otteeseen,
jotta pienimmätkin
yksityiskohdat saadaan
toimimaan.
Käytettävyys
• Käytettävyys on
käyttöliittymän laadun mitta,
kun arvioidaan käyttöliittymää
käyttäjän näkökulmasta.
• Tietokoneohjelmien ja wwwsivujen käytettävyyttä
arvioidaan käytettävyystestein,
joissa koehenkilöt suorittavat
tehtäviä sovelluksella.
• www.useit.com : artikkeleita ja
esimerkkejä käytettävyydestä.
Käyttöliittymäsuunnittelu
• Millaisessa tilanteessa
sovellusta käytetään?
• Minkä ikäiselle henkilölle
sovellus on tarkoitettu?
• Miten kauan aikaa
sovelluksen käytön
opettelu saa viedä?
• Miten monipuoliset
liikkumismahdollisuudet
käyttäjälle annetaan?
Visuaalinen suunnittelu(1)
• Visuaalinen suunnittelu on osa
käyttöliittymän suunnittelua.
• Tilaustöissä, joissa asiakkaana on yritys
tai organisaatio, visuaalisen suunnittelun
lähtökohdaksi otetaan tilaajan liikemerkki
ja sen värimaailma.
Esimerkki
http://www.hartwalljaffa.fi
Visuaalinen suunnittelu(2)
• Monilla yrityksillä on
myös oma graafinen
ohjeisto, jossa on
määritelty yrityksen
värimaailma,
typografia ja
sommittelun
periaatteet.
Esimerkki