Näytä videolla se, mitä sanat eivät selitä.
Pöytä aukeaa, salpa liikkuu ja tuote on käytössä. Teemme videosta helpommin käynnistyvän ja seurattavan. Sivu pysyy hyödyllisenä jo ennen kuin kukaan aloittaa toiston.
Anna syy käynnistää video.
Kuvitellaan huonekaluliike, joka myy jatkettavaa pöytää. Valokuva näyttää puun ja muodon. Hyödyllinen video vastaa toiseen kysymykseen: miten pöytä avataan ja mitä ostajan pitää tehdä?
Valitse esikatselukuva, jossa näkyy varsinainen tuote, ja kerro, mitä esittely näyttää. Pidä mitat, hinta ja muut ostotiedot saatavilla myös tekstinä. Kävijän ei pitäisi joutua katsomaan videota selvittääkseen, mahtuuko pöytä huoneeseen.
Havainnekuva: esikatselu esittelee pöydän, video näyttää sen jatkamisen.
Lue videon selitys
Näytä se, mitä sanat eivät kerro. Kuva näyttää muodon. Liike näyttää toiminnan.
Näytä muutos. Anna toiminnan selittää. Vedä pöydän puoliskot erilleen. Lisää jatkolevy. Näytä lopputulos. Sama pöytä. Enemmän tilaa.
Katso lähempää. Pieni yksityiskohta voi selittää kaiken. Salpa lukittuu. Ohjaa katse olennaiseen.
Anna syy katsoa. Näytä heti, mitä katsoja saa videosta. Selkeä lopputulos antaa toiminnalle suunnan. Näin saat lisää tilaa.
Selitä myös ilman ääntä. Tee pääasia näkyväksi. Vedä pöydän puoliskot erilleen. Lisää jatkolevy. Lukitse ennen käyttöä.
Valitse video, kun se selittää. Näytä muutos. Näytä yksityiskohta. Tee asia selväksi.
Selvitä, missä vaiheessa odotus alkaa.
Hidas sivu ja viive videon käynnistymisessä vaativat eri tarkistukset. Testaa molemmat samalla puhelimella ja yhteydellä niin, että muu sivu näkyy.
Ennen videon käynnistämistä
Näytä vapaaehtoisesti katsottavalle esittelylle sopivan kokoinen esikatselukuva. Älä lataa koko videota ennen kuin sille on tarvetta. Klikkauksesta latautuva esikatselu voi lykätä myös raskaan ulkopuolisen soittimen lataamista. Tarkista verkkopyynnöt: esilatausohjeet eivät takaa, mitä selain hakee. Lue web.dev-sivuston ohje videon lataamisesta.
Videon käynnistämisen jälkeen
Tarkista odotus ensimmäiseen liikkuvaan kuvaan. Etsi sen jälkeen katkoksia, sumeita yksityiskohtia ja hankalia säätimiä. Vähennä tarpeetonta dataa kadottamatta liikettä tai tuotetietoja, joita videon on tarkoitus näyttää. Varaa videolle tila, jotta toiston aloittaminen ei siirrä ympäröivää sisältöä.
Näytä vaihe, joka muuten jäisi piiloon.
Kuvitteellisessa pöytäesimerkissämme salpa on reunan alla. Kaukaa kuvattu otos voi peittää juuri sen, mitä asiakkaan pitää nähdä. Näytä lähikuva, tee liike selväksi ja pidä otos näkyvissä niin pitkään, että katsoja ehtii seurata sitä.
Tekstitä puhutut ohjeet oikein ja oikeaan aikaan. Selitä myös olennaiset näkyvät vaiheet: ”Liu’uta reunan alla olevaa salpaa” kertoo enemmän kuin ”Siirrä tätä”. Sisällöstä riippuen selitys voi olla tarpeen myös puhuttuna. Tarkista näppäimistökäyttö, tauko ja tekstityksen säätimet. Arvioi videon tarpeet W3C:n saavutettavan median ohjeiden avulla.
Havainnekuva: lähikuva tuo salvan ja sen liikkeen näkyviin.
Valitse ratkaisu sen tehtävän perusteella.
Kannattaako videotiedosto julkaista omalla palvelimella?
Videopalvelu voi hoitaa jakelun ja tarjota hyödyllisiä toistotoimintoja, mutta upotettu soitin voi lisätä latauksia ja komentosarjoja. Suoraan tarjottu tiedosto antaa teille hallinnan sivun esitystapaan ja vastuun sopivista tiedostoista, tekstityksistä ja säätimistä. Vertailkaa tarvittavia toimintoja ja vaihtoehtojen mitattua käyttäytymistä.
Korjaako pienempi tiedosto ongelman?
Se voi auttaa, jos syynä on liian suuri videon datamäärä. Se ei korjaa epäselvää esikatselua, puuttuvia tekstityksiä tai hankalaa soitinta. Suuri esikatselukuva voi hidastaa sivun ensimmäistä näkymää, ja upotus voi lisätä komentosarjoja tai siirtää asettelua. Selvitä syy ennen soittimen vaihtamista tai tiedoston pakkaamista uudelleen.
Mistä tiedämme, auttoiko muutos?
Toista sama tehtävä ennen muutosta ja sen jälkeen. Vertaa sivun lataamista, odotusta toistopainikkeen painamisen jälkeen, katkoksia ja puhelimella näkyviä yksityiskohtia. Pyydä sitten tuotetta tuntematonta henkilöä selittämään näytetty vaihe. Nopea toisto auttaa vasta, kun katsoja ymmärtää sisällön.
Anna asiakkaalle video, jonka hän ymmärtää.
Lähetä sivun osoite ja videon lähde. Kerro, mitä katsojan tulee oppia, missä odotus tai epäselvyys syntyy ja millä laitteella. Näin löydämme kohdan, jota pitää parantaa.