Interaktiivinen tarinankerronta ja sen soveltaminen web-suunnitteluteollisuudessa
Grafiikkaelementti on nykyään jokaisen verkkosivuston välttämättömyys. Ilman visuaalien asianmukaista käyttöä et yksinkertaisesti voi välittää viestiäsi vierailijalle, mikä vielä parempaa, saada heidät jättämään verkkosivustosi.
Visuaalisilla kuvilla on mahdollisuus päästä katsojan mieleen ja houkutella se kaikkeen, mitä yrität esitellä, myydä tai sijoittaa. Jotta voit käyttää visuaalisuutta hyödyksesi ja saada liikennettä nopeimmalla mahdollisella tavalla, paras tapa houkutella ja muuntaa vierailija on interaktiivinen tarinankerronta.
Miksi tarinankerronta?
Tiedän, mitä sinun päässäsi täytyy nyt pyöriä. Mitä tekemistä Cinderellalla tai Rapunzalilla on verkkosivuston visuaalisen kokemuksen kanssa? Tarinoiden kertominen ei rajoitu vain satuihin ja Disney-franchiseihin, vaan tarinankerronta on melko tehokas tapa minkä tahansa verkkosivuston markkinointimixissä, joka pyrkii pääsemään kilpailun kärkeen.
Kuinka luoda interaktiivinen tarina
Suunnittelun yhdistäminen tarinaan vaatii paljon suunnittelua ja kokeilua, joten kun näytät sen verkkosivustosi aloitussivulla, se ei tee sinusta hölmöä. Visuaalisi ei tarvitse olla useiden suunnittelijoiden mestarityötä ja kallista CGI:tä. Voit kertoa tarinasi jopa yhdellä hyvin muotoillulla kuvabannerilla. Haaste tulee kuitenkin esiin, kun kertomuksesi risteää verkkosivustosi tavoitteen kanssa. Mistä sivustosi kertoo? Mikä on brändisi logo ja miksi se myy mitä se myy? Kaiken, jonka selität visuaalisesti, on oltava ainutlaatuista ilman tuumaakaan plagiointia. Siitä tulee tulla niin houkutteleva, että kun ihmiset ovat käyneet verkkosivustollasi kerran, ihmiset alkavat jakaa sitä, puhua siitä ja käydä siellä uudelleen.
Kuinka se toimii
Kuvia, grafiikkaa ja animaatioita sisältävän verkkosivuston ja verkkosivustoksi kutsutun mieto tekstikeskeisen alustan välillä on melko suuri ero. On mahdotonta tuomita ihmisiä, ja ennen kuin voit keskustella kunnolla, he ovat poissa. Tämän välttämiseksi ruiskutetaan multimediaelementtejä. Kun asiakas näkee tuotetta kuvaavan pelkkää tekstiä, hän tuntee pakkoa lukea lausunnon aakkoset ja sanat, kun taas kuva, video tai graafinen animaatio on yhtä helppo nähdä kuin ymmärtää.
Myydään iso tuote lyhyellä tarinalla
Autoja myyvällä yrityksellä on paljon tehtävää, ennen kuin se voi tehdä myyntiä verkkoalustan kautta. Auton ostaminen verkossa vie asiakkaalta paljon hermoja, koska kyseessä on suuria summia. Jos verkkosivusto ei saa asiakkaan silmään, se on vain roskaa, joka leijuu Internetissä. Autojen, kuorma-autojen tai raskaiden koneiden myynti verkossa tietyillä markkinointikulmilla paljastaakseen tuotteen USP:t (ainutlaatuiset myyntivaltit). Tiedän autosivuston, joka on käyttänyt täydellistä tarinankerrontatekniikkaa näyttääkseen pizzansa asiakkaan näytöllä.
Esimerkki :
Lexusls.asia on luksusautoja myyvän Toyotan sivuhaara. Sivustolla suunnittelijat ovat hyödyntäneet loistavasti parallaksivieritystä esitelläkseen auton juuri tarpeeksi tekstillä vierailijan liikkeelle. Sitten yhtäkkiä rengas vierii oikealta ja näyttää joitain muita hienoja ominaisuuksia autosta. Kun rullaat alaspäin, sivusto ei päästä sinusta irti ja kuvailee hienolla grafiikalla auton tarkoitusta ja etuja.
Visuaalinen kieli
Visuaalisella kielellä on kyky hyödyntää ihmiskeskeisen suunnittelun perustaa. Visuaalinen kieli juontaa juurensa kauas, ja jo ennen kuin aakkoset keksittiin, koska luolamaalaukset olivat kommunikoinnin perusväline. Luolamaalaukset toimivat tarinankerrontalähteenä, oppaana selviytymiseen ja mahdollisten vaarojen ehkäisyyn, jotka kuuluivat tuohon aikaan. Enemmän tai vähemmän luolapiirustukset ovat visuaalisen datan varhaisin muoto.
Tiedämme, että kuvilla ja videoilla on suuri kommunikaatiovoima. Miten tämä voima voidaan valjastaa pikselien kautta?
Esimerkki :
Silloin oma mielikuvituksesi tulee pelaamaan. Lisää kuvia ja videoita oikealla sekoitustekstillä, jotta verkkosivustosi puhuu puolestaan.
Bellroy.com myy nahkalompakoitaan takaamalla enemmän tilaa ohuemmilla malleilla. He näyttävät sen tyylikkäällä liukusäätimellä, jossa on HD-kuvat lompakosta toista vasten. Liukusäätimen liikkuessa myös tarina liikkuu ja 10 kuvan sisällä sama määrä kortteja mahtuu heidän merkkilompakkoonsa, kun taas toinen lompakko vääristyy enemmän kuin se todellisuudessa on. Tässä johtopäätös on silmiinpistävä ja siinä on moraalia.
Suunnittele tarina
Se on melko samanlaista kuin näytelmän kirjoittaminen, kun suunnittelet visuaalisen tarinan. Kaikki näytelmän aspektit ja elementit ovat läsnä verkkosivustollasi ja sekoittuvat niin läheisyyteen, että ne sulautuvat täysin esittelemääsi tarinaan. Tarinasi alkaa järjestämälläsi järjestelyllä, etenee sitten kohti konfliktia ja päättyy ratkaisuun.
Tällä sivustolla on esimerkiksi ainutlaatuinen tapa ottaa kävijä kädestä ja kutsua tanssiballiin, joka on täynnä tunteita ja visuaalisia herkkuja.
Käyttäjien on oltava hyvin tietoisia tarinasta, koska se johtaa heidät määränpäähänsä. Ja siellä vierailijasta tulee johtaja ja johtajasta asiakas. On vain reilua, että tuotteessa tai palvelussa, jonka aiot esitellä tarinankerrontaprosessin kautta, on oltava jotain, mitä käyttäjä tarvitsee, ainutlaatuinen toiminnallisuus tai asiakkaan etsimä hintamarginaali.
Esimerkki :
Bagigia.com antaa vierailijalle ensin esittelyn jälleenmyyjästä ja sen jälkeen itse tuotteesta yksinkertaisen mutta syvällisen 3D-kuvan, jossa on tunteita herättävä teksti, joka pitää tarinan virrassa. Suunnittelun runsas valkoinen väli auttaa käyttäjää keskittymään, kun tuote erottuu keskeltä ja tuo tarinan toimintaan ja kohti resoluutiota.
Animoidun tarinan käyttäminen eduksesi
Se on totta. Verkkosivuston animaatio on joutunut liiallisen käytön uhriksi ottamatta huomioon käytäntöjä tai standardeja, ja se on tärkein syy sen romahtamiseen viimeisten 5 vuoden aikana. Ironista kyllä, vain harvat suunnittelijat tietävät, kuinka älykkäiden ja täsmällisten animaatioiden käyttö voi tehdä tarinastasi Dark Knight Movie -elokuvan. Animaatio on rakennettu peittämään sitä, mitä staattiset kuvat eivät pysty viimeistelemään, samalla kun se lisää itse suunnitteluun huvittavaa.
Esimerkki :
Puhutaan DarkKnightista, tämä sovellus iOS:lle osoitteessa benthebodyguard.com antaa sinun suojata ja salata tietoja verkkosivustollasi, jossa on läpivientianimaatio (kirjaimellisesti), kun alat "Ben" keskellä, henkivartija, joka on vannonut suojaavan tietojasi. mahtava maine. Tämä sivusto on esimerkkinä siitä, kuinka animaatiota voidaan käyttää parhaimmillaan tuottamaan ihanteellisen tarkoituksenmukaisen tarinan tuotteelle.
Suunnitteluviestin kääntäminen
Eikö tule yllätyksenä, kuinka pelkkä visuaalisen taiteen ja grafiikan yhdistelmä voi synnyttää sinussa empatiaa? Tiedän, että minulla on. Me ihmiset reagoimme eläinaistiimme yhtä paljon kuin mikä tahansa muu organismi, mikä on luonteensa mukaista. Kun näemme sydämentykittäjän – teemme ohjelmoidusti. Hyödyntämällä tätä ihmiskäyttäytymisen ominaisuutta, tarinasi ei aina tarvitse olla julkilausumasi manifestistasi ja tuotteistasi, koska se on luultavasti kaikkien muiden verkkosivustojen omistajien mielessä näinä päivinä. Kun lisäät tunteen, hengen ja moraalin, tarinasi muuttuu viestiksi.
Esimerkki :
Tämä sivusto everylastdrop.co.uk vie sinut jokapäiväiseen vedenkäyttöön kotonasi ja ympäristössäsi. Tietojen lukeminen siitä, kuinka paljon vettä tuhlataan päivittäin, on liian yleistä, eikä sitä useinkaan oteta vakavasti. Tämä viaton pikkumies, joka käyttää vettä umpimähkään päivittäisessä aikataulussaan, ei vain korosta veden tärkeyttä, vaan myös asettaa sen vastakohtaan niiden kanssa, jotka tarvitsevat sitä eniten vaikeassa osassa maailmaa. Se kasvaa katsojan mielessä niin paljon, että hän luultavasti miettisi kahdesti, ennen kuin seuraavan kerran hukkaa toisenkin vesipisaran.
Tummien elementtien käyttäminen
Romaaneja on hauska lukea, ja viimeaikaisten teknologisten nousujen vuoksi on nyt välttämätöntä, että ne luetaan kirjoista. Vielä tänäkin päivänä valtaosa verkkokäyttäjistä arvostaa kirjaa mieluummin sen kannen perusteella kuin lukee prologia. Monet kirjoittajat palkkaavat usein kehittäjiä luomaan romaaneilleen omistettuja verkkosivustoja torjuakseen näitä verkkokäyttäjiä ja houkutellakseen heidät tuotteeseen. Romaanin vaiheittainen harjoitus animoiduilla jaksoilla ei ainoastaan anna tarinalle sen tarvitsemaa ilotulitusta, vaan myös houkuttelee verkkokäyttäjän lukemaan sitä.
Esimerkki :
Samaa periaatetta ja rakennetta käyttäen Nam Len ylistetty novelli "The Boat" muutettiin interaktiiviseksi graafiseksi romaaniksi luomalla myrskyn riehuvien valtamerten maailma, joka pakotti veneen Vietnamin sodan kauhuista. Parasta, mitä kuka tahansa voi tarinankerrontajuhlassaan tehdä, on lisätä äänen suunnitteluun. Tämä on superlatiivi animoidusta tarinankerronnasta UX:n hankkimiseksi. Katso se täältä.
Kiehtova ja täynnä kuvituksia, se on todella todiste siitä, kuinka hyvin voit hallita tuotetta luomalla muotoilun, joka liikkuu, kun olet vuorovaikutuksessa sen kanssa.
Scrollingin yhdistäminen
Verkkokaupan alalla ihmiset ovat usein kiinnostuneita saamaan hyödyt tuotteesta, jota voidaan käyttää useissa tapauksissa, mutta samasta syystä. Ensinnäkin se tekee heidän elämästään helvetin paljon helpompaa, ja toiseksi se on osa teknologian aikakautta. Mutta koska tällaisesta hankkeesta on niin paljon opittavaa ja tunnustettavaa, on hyvin epätodennäköisempää, että asiakkaat ottavat riskin johonkin, jolla on futuristisia vaikutuksia ja joka palvelee tarkoitustaan liian helposti, mikä tekee siitä liian hyvää ollakseen totta. Olen nähnyt yrityksiä, jotka yrittivät myydä tällaisia tuotteita liian paljon ollakseen samaa mieltä, ja tuloksena oli traaginen hylkääminen.
Esimerkki :
Tämä tuote ei kuitenkaan vain onnistu myymään, vaan myös täyttämään sen, mitä se lupaa asiakkailleen. Tämä onlycoin.com -tuote on yksi kortti, jolla on kaikki luottokorttisi. Tarinankerrontaprosessi auttaa katsojaa ymmärtämään, kuinka monimutkainen korttien kantaminen lompakossasi on, perustelemalla, mutta vaiheittaisen korttioptimoinnin ja kompaktin kantamisen graafisen näytön ansiosta on vaikeaa olla eri mieltä tuotteen luvatuista sovelluksista.
Johtopäätös
Tarinankerronta ei rajoitu vain mihinkään tuotteeseen tai tavoitteeseen; se on avoin kaikenlaisille verkkokaupan harjoituksille, jotka auttavat vierailijoita saamaan ihanteellisen käyttökokemuksen tinkimättä suunnittelun toimivuudesta. Tämän sähköisen markkinoinnin aikakaudella on välttämätöntä oppia hallitsemaan tämä omissa tuotteissasi ja palveluissasi verkkokauppasivustojen kautta. Ilman kuluttajan ajattelutapaa lukematta tuotettasi ei yksinkertaisesti voi esitellä, ja ilman kysyntää ei ole tuotantoa. Kuten Tim O’brien sanoo: "Tarinankerronta on olennainen ihmisen toiminta, mitä vaikeampi tilanne, sitä tärkeämpi se on", ja luota minuun, tilanne ei koskaan muutu helpommaksi.