{"id":248117,"date":"2024-01-11T07:12:00","date_gmt":"2024-01-11T04:12:00","guid":{"rendered":"https:\/\/inform.click\/interaktiivne-jutuvestmine-ja-selle-rakendamine-veebidisainitoostuses\/"},"modified":"2024-01-11T08:00:00","modified_gmt":"2024-01-11T05:00:00","slug":"interaktiivne-jutuvestmine-ja-selle-rakendamine-veebidisainitoostuses","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/interaktiivne-jutuvestmine-ja-selle-rakendamine-veebidisainitoostuses\/","title":{"rendered":"Interaktiivne jutuvestmine ja selle rakendamine veebidisainit\u00f6\u00f6stuses"},"content":{"rendered":"

\n Graafika elemendi omamine on t\u00e4nap\u00e4eval iga veebisaidi vajadus. Ilma visuaalide \u00f5ige kasutamiseta ei saa te lihtsalt oma s\u00f5numit k\u00fclastajale edastada, veelgi parem – panna nad teie veebisaidilt lahkuma.\n<\/p>\n

\n Visuaalidel on potentsiaal j\u00f5uda vaataja m\u00f5istuse sisse ja meelitada seda k\u00f5ike, mida proovite tutvustada, m\u00fc\u00fca v\u00f5i investeerida. Visuaalide kasutamiseks ja liikluse v\u00f5imalikult kiireks saamiseks on parim viis k\u00fclastaja kaasamiseks ja teisendamiseks interaktiivne jutuvestmine.\n<\/p>\n

\n Miks jutuvestmine?\n<\/p>\n

\n Ma tean, mis sul praegu p\u00e4he turgatab. Mis pistmist on Tuhkatriinu v\u00f5i Rapunzal veebisaidi visuaalse kogemusega? Lugude jutustamine ei piirdu ainult muinasjuttude ja Disney frantsiisidega, vaid lugude jutustamine on pigem t\u00f5hus viis mis tahes veebisaidi turunduses, mille eesm\u00e4rk on konkurentsis esikohale t\u00f5usta.\n<\/p>\n

\n Kuidas luua interaktiivset lugu
\n<\/h5>\n

\n Disaini looga \u00fchendamine n\u00f5uab palju planeerimist ja proovimist, nii et kui n\u00e4itate seda oma veebisaidi sihtlehel, ei tee see teid lolliks. Teie visuaalid ei pea olema mitme disaineri meistriteos ja kallis CGI. Saate oma lugu r\u00e4\u00e4kida nii palju kui \u00fche h\u00e4sti liigendatud pildib\u00e4nneriga. V\u00e4ljakutse tekib aga siis, kui teie narratiiv ristub teie veebisaidi eesm\u00e4rgiga. Millest teie veebisait r\u00e4\u00e4gib? Mis on teie kaubam\u00e4rgi logo ja miks see m\u00fc\u00fcb seda, mida ta m\u00fc\u00fcb? K\u00f5ik, mida visuaali kaudu selgitate, peab olema ainulaadne, ilma tolli plagiaadita. See peab muutuma nii m\u00f5juvaks, et p\u00e4rast teie veebisaidi \u00fchekordset k\u00fclastamist hakkavad inimesed seda jagama, sellest r\u00e4\u00e4kima ja uuesti uuesti k\u00fclastama.\n<\/p>\n

\n Kuidas see t\u00f6\u00f6tab
\n<\/h3>\n

\n Pilte, graafikat ja animatsioone sisaldava veebisaidi ja \u00f5rna tekstikeskse platvormi vahel, mida nimetate veebisaidiks, on \u00fcsna suur erinevus. Inimestele on v\u00f5imatu hinnangut anda ja enne, kui j\u00f5uate korralikult vestelda, on nad kadunud. Selle v\u00e4ltimiseks s\u00fcstitakse multimeediumielemente. Kui klient n\u00e4eb toodet kirjeldavat lihtteksti, on tal sund lugeda avalduse t\u00e4hestikku ja s\u00f5nu, samas kui pilti, videot v\u00f5i graafilist animatsiooni on sama lihtne n\u00e4ha kui ka m\u00f5ista.\n<\/p>\n

\n Suure jutuga toote m\u00fc\u00fck
\n<\/h5>\n

\n Autosid m\u00fc\u00fcval ettev\u00f5ttel on enne veebiplatvormi kaudu m\u00fc\u00fcki palju t\u00e4ita. Internetist autode ostmine v\u00f5tab kliendilt palju n\u00e4rvi, sest tegemist on suurte summadega. Kui veebisaidil ei \u00f5nnestu kliendi pilku p\u00fc\u00fcda, pole see midagi muud kui Internetis vedelev pr\u00fcgi. Autode, veoautode v\u00f5i raskete masinate m\u00fc\u00fck Internetis teatud turundusnurkades, et paljastada toote USP-d (ainulaadsed m\u00fc\u00fcgiargumendid). Tean autode veebisaiti, mis on kasutanud t\u00e4iuslikku jutuvestmistehnikat, et n\u00e4idata oma pitsat kliendi ekraanil.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\n Lexusls.asia<\/a> on luksusautosid m\u00fc\u00fcva Toyota v\u00f5su. Veebisaidil on disainerid hiilgavalt kasutanud parallaksi kerimist, et tutvustada autot t\u00e4pselt nii palju tekstiga, et k\u00fclastaja k\u00e4ima l\u00fckata. Siis j\u00e4rsku veereb paremalt \u00fcks rehv ja n\u00e4itab auto muid lahedaid omadusi. Edasi alla kerides ei lase veebisait teist lahti ja kirjeldab laheda graafikaga auto otstarvet ja eeliseid.\n<\/p>\n

\n Visuaalne keel
\n<\/h5>\n

\n Visuaalkeelel on v\u00f5ime kasutada inimkeskse disaini aluseid. Visuaalne keel ulatub tagasi ja isegi enne t\u00e4hestiku leiutamist, kuna koopamaalingud olid suhtluse p\u00f5himeedium. Koopamaalingud toimisid lugude jutustamise allikana, elluj\u00e4\u00e4mise juhendina ja v\u00f5imalike ohtude \u00e4rahoidmiseks, mis olid selle perioodi osaks. Enam-v\u00e4hem on koopajoonised visuaalsete andmete varaseim vorm.\n<\/p>\n

\n Me teame, et piltidel ja videotel on suur suhtlusj\u00f5ud, kuidas seda pikslite kaudu kasutada?\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\n See on siis, kui teie enda kujutlusv\u00f5ime hakkab m\u00e4ngima. \u00d5ige segatekstiga piltide ja videote lisamine, et teie veebisait r\u00e4\u00e4giks enda eest.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Bellroy.com<\/a> m\u00fc\u00fcb oma nahast rahakotte, mis tagavad suurema ruumi ja \u00f5hema disainiga. Kuidas nad seda n\u00e4itavad, on elegantne liugur, millel on HD-pildid \u00fchest rahakotist teise vastu. Kui liugur liigub, liigub ka lugu ja 10 pildi jooksul mahub nende kaubam\u00e4rgiga rahakotti sama palju kaarte, samal ajal kui see deformeerib teist rahakotti rohkem, kui see tegelikult on. Siin on j\u00e4reldus rabav ja moraalita.\n<\/p>\n

\n Kujundage lugu
\n<\/h5>\n

\n See on \u00fcsna sarnane n\u00e4idendi kirjutamisega, kui kujundate visuaalset lugu. K\u00f5ik n\u00e4idendi aspektid ja elemendid on teie veebisaidil olemas ja segunevad sellise intiimsusega, et sulanduvad t\u00e4ielikult teie tutvustatud looga. Teie lugu algab teie korraldatud seadistusega, liigub seej\u00e4rel konflikti suunas ja l\u00f5peb lahendusega.\n<\/p>\n

\n N\u00e4iteks sellel veebisaidil on ainulaadne viis v\u00f5tta k\u00fclastaja k\u00e4est ja kutsuda tantsuballile, mis on t\u00e4is emotsioone ja visuaalseid maiustusi.\n<\/p>\n

\n Kasutajad peavad olema loost h\u00e4sti teadlikud, kuna see viib nad sihtkohta. Ja siin saab k\u00fclastajast juht ja juht saab kliendiks. On \u00f5iglane, et tootel v\u00f5i teenusel, mida kavatsete jutuvestmisprotsessi kaudu tutvustada, peab olema midagi, mida kasutaja vajab, unikaalne funktsionaalsus v\u00f5i kliendi poolt otsitav hinnamarginaal.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Bagigia.com<\/a> tutvustab k\u00fclastajale esmalt jaem\u00fc\u00fcjat, millele j\u00e4rgneb lihtne, kuid p\u00f5hjalik 3D-kujutis tootest endast koos emotsionaalse tekstiga, et lugu j\u00e4tkuks. Disaini suur valge vahe aitab kasutajal keskenduda, kuna toode paistab keskelt silma, tuues loo tegevusse ja eraldusv\u00f5ime poole.\n<\/p>\n

\n Animeeritud loo kasutamine oma eeliseks
\n<\/h5>\n

\n See on t\u00f5si. Veebisaidi animatsioon on olnud \u00fclekasutuse ohver, arvestamata konventsioone v\u00f5i standardeid ning see on selle viimase viie aasta jooksul langemise peamine p\u00f5hjus. Irooniline, et v\u00e4ga v\u00e4hesed disainerid teavad, kuidas nutika ja sihip\u00e4rase animatsiooni kasutamine v\u00f5ib muuta teie loo Dark Knight Movie'ks. Animatsioon on loodud katma seda, mida staatilised pildid ei suuda t\u00e4ita, lisades samal ajal kujundusele l\u00f5busust.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n R\u00e4\u00e4kides DarkKnightist, v\u00f5imaldab see iOS-i rakendus saidil benthebodyguard.com<\/a> kaitsta ja kr\u00fcptida oma veebisaidil olevat teavet, millel on l\u00e4bivaatusanimatsioon (s\u00f5na otseses m\u00f5ttes), kui l\u00e4hete alla “Ben” keskel, ihukaitsja, kes on vandunud teie teavet kaitsma. hirmu\u00e4ratav maine. See veebisait on n\u00e4ide sellest, kuidas animatsiooni saab parimal viisil kasutada toote jaoks ideaalse eesm\u00e4rgi loomiseks.\n<\/p>\n

\n Kujunduss\u00f5numi t\u00f5lkimine
\n<\/h5>\n

\n Kas teile ei tule \u00fcllatusena, kuidas kujundus, mis on lihtsalt visuaalse kunsti ja graafika segu, v\u00f5ib 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\u00e4eme s\u00fcdamedaami, teeme nii nagu programmeeritud. Kasutades seda inimk\u00e4itumise omadust, ei pea teie lugu alati olema teie manifesti ja toodete kohta k\u00e4iv kiusatus, sest t\u00f5en\u00e4oliselt peavad seda t\u00e4nap\u00e4eval silmas k\u00f5ik teised veebisaidi omanikud. Kui lisate tunde, vaimu ja moraali, muutub teie lugu s\u00f5numiks.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n See veebisait everylastdrop.co.uk<\/a> viib teid teekonnale teie igap\u00e4evase veekasutuse kohta teie kodus ja selle \u00fcmbruses. Lugemine faktide kohta, kui palju vett iga p\u00e4ev raisatakse, on liiga tavaline ja sageli ei v\u00f5eta seda kunagi t\u00f5siselt. See s\u00fc\u00fctu v\u00e4ike mees, kes kasutab vett valimatult oma p\u00e4evakavas, ei t\u00f5sta mitte ainult vee olulisust esile, vaid seab selle ka vastandina nendega, kes seda k\u00f5ige rohkem vajavad. See kasvab vaataja meelest nii suureks, et ilmselt m\u00f5tleks ta kaks korda, enne kui j\u00e4rgmine kord veel tilga vett raiskaks.\n<\/p>\n

\n Tumedate elementide kasutamine
\n<\/h5>\n

\n Romaane on l\u00f5bus lugeda ja viimaste tehnoloogiliste t\u00f5usudega on n\u00fc\u00fcd vaja, et need loetaks raamatutest v\u00e4lja. Isegi t\u00e4naseni eelistab valdav enamus veebikasutajatest raamatu \u00fcle otsustamist selle kaane j\u00e4rgi, mitte aga proloogi lugemist. Nende veebikasutajate vastu v\u00f5itlemiseks ja nende toote juurde meelitamiseks palkavad paljud kirjanikud sageli arendajaid, kes loovad nende romaanidele p\u00fchendatud veebisaite. Animeeritud j\u00e4rjestustega romaani samm-sammult proov ei anna loole mitte ainult vajalikku ilutulestikku, vaid meelitab v\u00f5rgukasutajat ka seda lugema.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Sama p\u00f5him\u00f5tet ja \u00fclesehitust kasutades muudeti Nam Le'i tunnustatud novell “Paat” interaktiivseks graafiliseks romaaniks, luues maailma tormist laastava ookeaniga, mis sundis paati Vietnami s\u00f5ja hirmudest minema. Parim, mida iga\u00fcks oma jutuvestmispeos teha saab, on lisada oma kujundusele heli. See on animeeritud lugude jutustamise superlatiiv UX-i omandamiseks. Vaata seda siit<\/a>.\n<\/p>\n

\n Kaasahaarav ja t\u00e4is illustratsioone, see on t\u00f5eline t\u00f5estus selle kohta, kui h\u00e4sti saate toodet hallata, luues kujunduse, mis sellega suhtlemisel liigub.\n<\/p>\n

\n Kerimise \u00fchendamine
\n<\/h5>\n

\n Pood-kaubanduses on inimesed sageli huvitatud toote eelistest, mida saab kasutada mitmel korral, kuid samal p\u00f5hjusel. \u00dche jaoks muudab see nende elu palju lihtsamaks ja teiseks on see osa tehnoloogiaajastust. Kuid kuna sellise ettev\u00f5tmise kohta on nii palju \u00f5ppida ja tunnustada, on v\u00e4ga v\u00e4hem t\u00f5en\u00e4oline, et kliendid seavad ohtu midagi, millel on futuristlikud tagaj\u00e4rjed ja mis t\u00e4idavad nende eesm\u00e4rki liiga lihtsalt, muutes selle liiga heaks, et t\u00f5si olla. Olen n\u00e4inud ettev\u00f5tteid, kes \u00fcritasid selliseid tooteid m\u00fc\u00fca liiga palju, et n\u00f5ustuda ja tulemuseks oli traagiline loobumine.\n<\/p>\n

\n N\u00e4ide<\/strong> :\n<\/p>\n

\"\"<\/a><\/p>\n

\n Kuid see toode ei suuda mitte ainult m\u00fc\u00fca, vaid ka t\u00e4ita seda, mida ta oma klientidele lubab. See toode saidil onlycoin.com<\/a> on \u00fcks kaart, millel on k\u00f5ik teie krediitkaardid. Loo jutustamise protsess aitab vaatajal arutledes m\u00f5ista liiga paljude kaartide rahakotis kandmise keerukust, kuid kaartide samm-sammult optimeerimise ja kompaktse kaasaskandmise graafilise kuvaga on raske toote lubatud rakendustega mitte n\u00f5ustuda.\n<\/p>\n

\n J\u00e4reldus
\n<\/h3>\n

\n Lugude jutustamine ei piirdu ainult \u00fchegi toote v\u00f5i eesm\u00e4rgiga; see on avatud k\u00f5ikv\u00f5imalikele e-kaubanduse harjutustele, mis aitavad k\u00fclastajatel saada ideaalse kasutajakogemuse ilma disaini funktsionaalsuses j\u00e4releandmisi tegemata. Sellel elektroonilise turunduse ajastul on h\u00e4davajalik \u00f5ppida seda oma toodete ja teenuste jaoks poodide veebisaitide kaudu valdama. Tarbija m\u00f5tteviisi lugemata ei saa te lihtsalt oma toodet tutvustada ja ilma n\u00f5udluseta pole tootmist. Tim O'brien \u00fctleb: “Jutuvestmine on inimtegevuse p\u00f5hiline tegevus, mida raskem on olukord, seda olulisem see on” ja uskuge mind, s\u00f5ber, olukord ei muutu kunagi lihtsamaks.\n<\/p>\n<\/p>\n

\n : instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Graafika elemendi omamine on t\u00e4nap\u00e4eval iga veebisaidi vajadus. Ilma visuaalide \u00f5ige kasutamiseta ei saa te lihtsalt oma s\u00f5numit k\u00fclastajale edastada, veelgi parem – panna nad teie veebisaidilt lahkuma. Visuaalidel on potentsiaal j\u00f5uda vaataja m\u00f5istuse sisse ja meelitada seda k\u00f5ike, mida proovite tutvustada, m\u00fc\u00fca v\u00f5i investeerida. Visuaalide kasutamiseks ja liikluse v\u00f5imalikult kiireks saamiseks on parim viis k\u00fclastaja kaasamiseks ja teisendamiseks interaktiivne jutuvestmine. Miks jutuvestmine? Ma tean, mis sul praegu p\u00e4he turgatab. \u2026<\/p>\n","protected":false},"author":1,"featured_media":149254,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[390,351,117,52],"tags":[],"class_list":["post-248117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kujundus","category-meelelahutus","category-veebitooriistad","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=248117"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248117\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/149254"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=248117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=248117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=248117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}