Interaktiivne jutuvestmine ja selle rakendamine veebidisainitööstuses

Graafika elemendi omamine on tänapäeval iga veebisaidi vajadus. Ilma visuaalide õige kasutamiseta ei saa te lihtsalt oma sõnumit külastajale edastada, veelgi parem – panna nad teie veebisaidilt lahkuma.

Visuaalidel on potentsiaal jõuda vaataja mõistuse sisse ja meelitada seda kõike, mida proovite tutvustada, müüa või investeerida. Visuaalide kasutamiseks ja liikluse võimalikult kiireks saamiseks on parim viis külastaja kaasamiseks ja teisendamiseks interaktiivne jutuvestmine.

Miks jutuvestmine?

Ma tean, mis sul praegu pähe turgatab. Mis pistmist on Tuhkatriinu või Rapunzal veebisaidi visuaalse kogemusega? Lugude jutustamine ei piirdu ainult muinasjuttude ja Disney frantsiisidega, vaid lugude jutustamine on pigem tõhus viis mis tahes veebisaidi turunduses, mille eesmärk on konkurentsis esikohale tõusta.

Kuidas luua interaktiivset lugu

Disaini looga ühendamine nõuab palju planeerimist ja proovimist, nii et kui näitate seda oma veebisaidi sihtlehel, ei tee see teid lolliks. Teie visuaalid ei pea olema mitme disaineri meistriteos ja kallis CGI. Saate oma lugu rääkida nii palju kui ühe hästi liigendatud pildibänneriga. Väljakutse tekib aga siis, kui teie narratiiv ristub teie veebisaidi eesmärgiga. Millest teie veebisait räägib? Mis on teie kaubamärgi logo ja miks see müüb seda, mida ta müüb? Kõik, mida visuaali kaudu selgitate, peab olema ainulaadne, ilma tolli plagiaadita. See peab muutuma nii mõjuvaks, et pärast teie veebisaidi ühekordset külastamist hakkavad inimesed seda jagama, sellest rääkima ja uuesti uuesti külastama.

Kuidas see töötab

Pilte, graafikat ja animatsioone sisaldava veebisaidi ja õrna tekstikeskse platvormi vahel, mida nimetate veebisaidiks, on üsna suur erinevus. Inimestele on võimatu hinnangut anda ja enne, kui jõuate korralikult vestelda, on nad kadunud. Selle vältimiseks süstitakse multimeediumielemente. Kui klient näeb toodet kirjeldavat lihtteksti, on tal sund lugeda avalduse tähestikku ja sõnu, samas kui pilti, videot või graafilist animatsiooni on sama lihtne näha kui ka mõista.

Suure jutuga toote müük

Autosid müüval ettevõttel on enne veebiplatvormi kaudu müüki palju täita. Internetist autode ostmine võtab kliendilt palju närvi, sest tegemist on suurte summadega. Kui veebisaidil ei õnnestu kliendi pilku püüda, pole see midagi muud kui Internetis vedelev prügi. Autode, veoautode või raskete masinate müük Internetis teatud turundusnurkades, et paljastada toote USP-d (ainulaadsed müügiargumendid). Tean autode veebisaiti, mis on kasutanud täiuslikku jutuvestmistehnikat, et näidata oma pitsat kliendi ekraanil.

Näide :

Lexusls.asia on luksusautosid müüva Toyota võsu. Veebisaidil on disainerid hiilgavalt kasutanud parallaksi kerimist, et tutvustada autot täpselt nii palju tekstiga, et külastaja käima lükata. Siis järsku veereb paremalt üks rehv ja näitab auto muid lahedaid omadusi. Edasi alla kerides ei lase veebisait teist lahti ja kirjeldab laheda graafikaga auto otstarvet ja eeliseid.

Visuaalne keel

Visuaalkeelel on võime kasutada inimkeskse disaini aluseid. Visuaalne keel ulatub tagasi ja isegi enne tähestiku leiutamist, kuna koopamaalingud olid suhtluse põhimeedium. Koopamaalingud toimisid lugude jutustamise allikana, ellujäämise juhendina ja võimalike ohtude ärahoidmiseks, mis olid selle perioodi osaks. Enam-vähem on koopajoonised visuaalsete andmete varaseim vorm.

Me teame, et piltidel ja videotel on suur suhtlusjõud, kuidas seda pikslite kaudu kasutada?

Näide :

See on siis, kui teie enda kujutlusvõime hakkab mängima. Õige segatekstiga piltide ja videote lisamine, et teie veebisait räägiks enda eest.

Bellroy.com müüb oma nahast rahakotte, mis tagavad suurema ruumi ja õhema disainiga. Kuidas nad seda näitavad, on elegantne liugur, millel on HD-pildid ühest rahakotist teise vastu. Kui liugur liigub, liigub ka lugu ja 10 pildi jooksul mahub nende kaubamärgiga rahakotti sama palju kaarte, samal ajal kui see deformeerib teist rahakotti rohkem, kui see tegelikult on. Siin on järeldus rabav ja moraalita.

Kujundage lugu

See on üsna sarnane näidendi kirjutamisega, kui kujundate visuaalset lugu. Kõik näidendi aspektid ja elemendid on teie veebisaidil olemas ja segunevad sellise intiimsusega, et sulanduvad täielikult teie tutvustatud looga. Teie lugu algab teie korraldatud seadistusega, liigub seejärel konflikti suunas ja lõpeb lahendusega.

Näiteks sellel veebisaidil on ainulaadne viis võtta külastaja käest ja kutsuda tantsuballile, mis on täis emotsioone ja visuaalseid maiustusi.

Kasutajad peavad olema loost hästi teadlikud, kuna see viib nad sihtkohta. Ja siin saab külastajast juht ja juht saab kliendiks. On õiglane, et tootel või teenusel, mida kavatsete jutuvestmisprotsessi kaudu tutvustada, peab olema midagi, mida kasutaja vajab, unikaalne funktsionaalsus või kliendi poolt otsitav hinnamarginaal.

Näide :

Bagigia.com tutvustab külastajale esmalt jaemüüjat, millele järgneb lihtne, kuid põhjalik 3D-kujutis tootest endast koos emotsionaalse tekstiga, et lugu jätkuks. Disaini suur valge vahe aitab kasutajal keskenduda, kuna toode paistab keskelt silma, tuues loo tegevusse ja eraldusvõime poole.

Animeeritud loo kasutamine oma eeliseks

See on tõsi. Veebisaidi animatsioon on olnud ülekasutuse ohver, arvestamata konventsioone või standardeid ning see on selle viimase viie aasta jooksul langemise peamine põhjus. Irooniline, et väga vähesed disainerid teavad, kuidas nutika ja sihipärase animatsiooni kasutamine võib muuta teie loo Dark Knight Movie’ks. Animatsioon on loodud katma seda, mida staatilised pildid ei suuda täita, lisades samal ajal kujundusele lõbusust.

Näide :

Rääkides DarkKnightist, võimaldab see iOS-i rakendus saidil benthebodyguard.com kaitsta ja krüptida oma veebisaidil olevat teavet, millel on läbivaatusanimatsioon (sõna otseses mõttes), kui lähete alla "Ben" keskel, ihukaitsja, kes on vandunud teie teavet kaitsma. hirmuäratav maine. See veebisait on näide sellest, kuidas animatsiooni saab parimal viisil kasutada toote jaoks ideaalse eesmärgi loomiseks.

Kujundussõnumi tõlkimine

Kas teile ei tule üllatusena, kuidas kujundus, mis on lihtsalt visuaalse kunsti ja graafika segu, võib tekitada teie sees empaatiat? Ma tean, et mul on. Meie kui inimesed reageerime oma loomade meeltele sama palju kui mis tahes muu organism, mis vastab oma olemusele. Kui näeme südamedaami, teeme nii nagu programmeeritud. Kasutades seda inimkäitumise omadust, ei pea teie lugu alati olema teie manifesti ja toodete kohta käiv kiusatus, sest tõenäoliselt peavad seda tänapäeval silmas kõik teised veebisaidi omanikud. Kui lisate tunde, vaimu ja moraali, muutub teie lugu sõnumiks.

Näide :

See veebisait everylastdrop.co.uk viib teid teekonnale teie igapäevase veekasutuse kohta teie kodus ja selle ümbruses. Lugemine faktide kohta, kui palju vett iga päev raisatakse, on liiga tavaline ja sageli ei võeta seda kunagi tõsiselt. See süütu väike mees, kes kasutab vett valimatult oma päevakavas, ei tõsta mitte ainult vee olulisust esile, vaid seab selle ka vastandina nendega, kes seda kõige rohkem vajavad. See kasvab vaataja meelest nii suureks, et ilmselt mõtleks ta kaks korda, enne kui järgmine kord veel tilga vett raiskaks.

Tumedate elementide kasutamine

Romaane on lõbus lugeda ja viimaste tehnoloogiliste tõusudega on nüüd vaja, et need loetaks raamatutest välja. Isegi tänaseni eelistab valdav enamus veebikasutajatest raamatu üle otsustamist selle kaane järgi, mitte aga proloogi lugemist. Nende veebikasutajate vastu võitlemiseks ja nende toote juurde meelitamiseks palkavad paljud kirjanikud sageli arendajaid, kes loovad nende romaanidele pühendatud veebisaite. Animeeritud järjestustega romaani samm-sammult proov ei anna loole mitte ainult vajalikku ilutulestikku, vaid meelitab võrgukasutajat ka seda lugema.

Näide :

Sama põhimõtet ja ülesehitust kasutades muudeti Nam Le’i tunnustatud novell "Paat" interaktiivseks graafiliseks romaaniks, luues maailma tormist laastava ookeaniga, mis sundis paati Vietnami sõja hirmudest minema. Parim, mida igaüks oma jutuvestmispeos teha saab, on lisada oma kujundusele heli. See on animeeritud lugude jutustamise superlatiiv UX-i omandamiseks. Vaata seda siit.

Kaasahaarav ja täis illustratsioone, see on tõeline tõestus selle kohta, kui hästi saate toodet hallata, luues kujunduse, mis sellega suhtlemisel liigub.

Kerimise ühendamine

Pood-kaubanduses on inimesed sageli huvitatud toote eelistest, mida saab kasutada mitmel korral, kuid samal põhjusel. Ühe jaoks muudab see nende elu palju lihtsamaks ja teiseks on see osa tehnoloogiaajastust. Kuid kuna sellise ettevõtmise kohta on nii palju õppida ja tunnustada, on väga vähem tõenäoline, et kliendid seavad ohtu midagi, millel on futuristlikud tagajärjed ja mis täidavad nende eesmärki liiga lihtsalt, muutes selle liiga heaks, et tõsi olla. Olen näinud ettevõtteid, kes üritasid selliseid tooteid müüa liiga palju, et nõustuda ja tulemuseks oli traagiline loobumine.

Näide :

Kuid see toode ei suuda mitte ainult müüa, vaid ka täita seda, mida ta oma klientidele lubab. See toode saidil onlycoin.com on üks kaart, millel on kõik teie krediitkaardid. Loo jutustamise protsess aitab vaatajal arutledes mõista liiga paljude kaartide rahakotis kandmise keerukust, kuid kaartide samm-sammult optimeerimise ja kompaktse kaasaskandmise graafilise kuvaga on raske toote lubatud rakendustega mitte nõustuda.

Järeldus

Lugude jutustamine ei piirdu ainult ühegi toote või eesmärgiga; see on avatud kõikvõimalikele e-kaubanduse harjutustele, mis aitavad külastajatel saada ideaalse kasutajakogemuse ilma disaini funktsionaalsuses järeleandmisi tegemata. Sellel elektroonilise turunduse ajastul on hädavajalik õppida seda oma toodete ja teenuste jaoks poodide veebisaitide kaudu valdama. Tarbija mõtteviisi lugemata ei saa te lihtsalt oma toodet tutvustada ja ilma nõudluseta pole tootmist. Tim O’brien ütleb: "Jutuvestmine on inimtegevuse põhiline tegevus, mida raskem on olukord, seda olulisem see on" ja uskuge mind, sõber, olukord ei muutu kunagi lihtsamaks.