{"id":257781,"date":"2024-01-11T07:12:00","date_gmt":"2024-01-11T04:12:00","guid":{"rendered":"https:\/\/inform.click\/interaktiv-historiefortelling-og-dens-anvendelse-i-webdesignindustrien\/"},"modified":"2024-01-11T07:55:00","modified_gmt":"2024-01-11T04:55:00","slug":"interaktiv-historiefortelling-og-dens-anvendelse-i-webdesignindustrien","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/interaktiv-historiefortelling-og-dens-anvendelse-i-webdesignindustrien\/","title":{"rendered":"Interaktiv historiefortelling og dens anvendelse i webdesignindustrien"},"content":{"rendered":"<p>\n  \u00c5 ha elementet grafikk er alle nettsteders n\u00f8dvendighet i dag. Uten riktig bruk av visuelle elementer kan du rett og slett ikke formidle budskapet ditt til bes\u00f8kende, enda bedre, f\u00e5 dem til \u00e5 forlate nettstedet ditt.\n<\/p>\n<p>\n  Visuelle elementer har potensialet til \u00e5 n\u00e5 inn i hodet til seeren og lokke det til alt du pr\u00f8ver \u00e5 introdusere, selge eller investere. For \u00e5 bruke det visuelle til din fordel og f\u00e5 trafikk p\u00e5 raskest mulig m\u00e5te, er den beste metoden for \u00e5 engasjere og konvertere bes\u00f8kende gjennom interaktiv historiefortelling.\n<\/p>\n<p>\n  Hvorfor historiefortelling?\n<\/p>\n<p>\n  Jeg vet hva som m\u00e5 dukke opp i hodet ditt akkurat n\u00e5. Hva har Askepott eller Rapunzal \u00e5 gj\u00f8re med den visuelle opplevelsen av et nettsted? Vel historiefortelling er ikke bare begrenset til eventyr og Disney-franchising, men historiefortelling er snarere en effektiv m\u00e5te i markedsf\u00f8ringsmiksen p\u00e5 ethvert nettsted som har som m\u00e5l \u00e5 komme seg selv i toppen av konkurransen.\n<\/p>\n<h5>\n  Hvordan lage en interaktiv historie<br \/>\n<\/h5>\n<p>\n  Det krever mye planlegging og utpr\u00f8ving for \u00e5 koble design til historien, s\u00e5 n\u00e5r du viser den p\u00e5 landingssiden til nettstedet ditt, blir du ikke dum. Visningene dine trenger ikke \u00e5 v\u00e6re et mesterverk av flere designere og en dyr CGI. Du kan fortelle historien din med s\u00e5 mye som et enkelt godt artikulert bildebanner. Utfordringen byr seg imidlertid n\u00e5r fortellingen din krysser m\u00e5let med nettstedet ditt. Hva handler nettstedet ditt om? Hva er merkevarelogoen din og hvorfor selger den det den selger? Alt du forklarer gjennom det visuelle m\u00e5 v\u00e6re unikt uten en tomme av plagiat. Det m\u00e5 bli s\u00e5 overbevisende at etter \u00e5 ha bes\u00f8kt nettstedet ditt \u00e9n gang, begynner folk \u00e5 dele det, snakke om det og bes\u00f8ke det p\u00e5 nytt.\n<\/p>\n<h3>\n  Hvordan det fungerer<br \/>\n<\/h3>\n<p>\n  Det er ganske stor forskjell mellom et nettsted som har bilder, grafikk og animasjon kontra en intetsigende tekstsentrisk plattform du kaller en nettside. Det er umulig \u00e5 d\u00f8mme folk og f\u00f8r du f\u00e5r en skikkelig samtale er de borte. Multimedieelementer injiseres for \u00e5 unng\u00e5 dette. N\u00e5r en kunde ser ren tekst som beskriver et produkt, er det en f\u00f8lelse av tvang til \u00e5 lese alfabetene og ordene i utsagnet, mens et bilde, en video eller en grafisk animasjon er like lett \u00e5 se som det er \u00e5 forst\u00e5.\n<\/p>\n<h5>\n  Selger stort produkt med novelle<br \/>\n<\/h5>\n<p>\n  Et selskap som selger biler har mye \u00e5 fylle ut f\u00f8r det kan selge gjennom sin nettplattform. \u00c5 kj\u00f8pe biler p\u00e5 nett tar mye nerve fra kunden fordi det er store summer involvert. Hvis nettstedet ikke klarer \u00e5 f\u00e5 \u00f8yet til klienten, er det ikke annet enn s\u00f8ppel som flyter p\u00e5 internett. Selge biler, lastebiler eller tungt maskineri p\u00e5 nettet bestemte markedsf\u00f8ringsvinkler for \u00e5 avsl\u00f8re USP-ene (unike salgsargumenter) til produktet. Jeg kjenner et bilnettsted som har brukt den perfekte historiefortellingsteknikken for \u00e5 vise sin smak p\u00e5 kundens skjerm.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p>\n  <a href=\"http:\/\/www.lexusls.asia\/\" target=\"_blank\" rel=\"noopener\">Lexusls.asia<\/a> er en avlegger av Toyota som selger luksusbiler. P\u00e5 nettsiden har designerne p\u00e5 glimrende vis brukt parallaksescrolling for \u00e5 introdusere bilen med akkurat nok tekst til \u00e5 f\u00e5 bes\u00f8kende i gang. S\u00e5 ruller plutselig et dekk fra h\u00f8yre og viser noen andre kule egenskaper ved bilen. N\u00e5r du blar nedover, slipper ikke nettsiden taket p\u00e5 deg og beskriver med litt kul grafikk form\u00e5let og fordelene med bilen.\n<\/p>\n<h5>\n  Visuelt spr\u00e5k<br \/>\n<\/h5>\n<p>\n  Visuelt spr\u00e5k har evnen til \u00e5 utnytte selve grunnlaget for menneskesentrisk design. Visuelt spr\u00e5k g\u00e5r langt tilbake og til og med f\u00f8r noe alfabet ble oppfunnet, da hulemalerier var det grunnleggende kommunikasjonsmediet. Hulemaleriene fungerte som kilde til historiefortelling, guide for \u00e5 overleve og avverge potensielle farer som var en del av den perioden. Mer eller mindre er huletegningene den tidligste formen for visuelle data.\n<\/p>\n<p>\n  Vi vet at bilder og videoer har mye kommunikativ kraft, hvordan utnytter man denne kraften gjennom piksler?\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p>\n  Dette er n\u00e5r din egen fantasi kommer til \u00e5 spille. Legge til bilder og videoer med riktig blandingstekst slik at nettstedet ditt taler for seg selv.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  <a href=\"http:\/\/bellroy.com\/\" target=\"_blank\" rel=\"noopener\">Bellroy.com<\/a> selger sine l\u00e6rlommeb\u00f8ker med garanti for st\u00f8rre plass med slankere design. Hvordan de viser det er gjennom en elegant skyveknapp med HD-bilder av en av lommeboken mot en annen. N\u00e5r glidebryteren beveger seg, gj\u00f8r historien det ogs\u00e5, og innen 10 bilder er det samme antall kort plassert i deres merkede lommebok, mens den andre lommeboken deformeres mer enn den faktisk er. Her er konklusjonen sl\u00e5ende og med en moral til overs.\n<\/p>\n<h5>\n  Design historien<br \/>\n<\/h5>\n<p>\n  Det er ganske likt \u00e5 skrive et skuespill n\u00e5r du designer en visuell historie. Alle aspektene og elementene i stykket er tilstede p\u00e5 nettstedet ditt og blandes med en slik intimitet at de smelter fullstendig sammen med historien du har introdusert. Historien din begynner med oppsettet du har arrangert, beveger seg deretter mot konflikten og avsluttes med en l\u00f8sning.\n<\/p>\n<p>\n  Denne nettsiden har for eksempel en unik m\u00e5te \u00e5 ta den bes\u00f8kende i armen og invitere til et danseball spekket med f\u00f8lelser og visuelle godbiter.\n<\/p>\n<p>\n  Brukerne m\u00e5 v\u00e6re godt klar over historien da den f\u00f8rer dem til destinasjonen. Og det er der den bes\u00f8kende blir lead, og lead blir kunden. Det er bare rettferdig at produktet eller tjenesten du planlegger \u00e5 presentere gjennom historiefortellingsprosessen m\u00e5 ha noe brukeren trenger, en unik funksjonalitet eller en prismargin kunden ser etter.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  <a href=\"http:\/\/www.bagigia.com\/\" target=\"_blank\" rel=\"noopener\">Bagigia.com<\/a> gir f\u00f8rst bes\u00f8kende en introduksjon av forhandleren etterfulgt av enkel, men dyptgripende 3d-avbildning av selve produktet med emosjonell tekst for \u00e5 holde historien i flyt. Den store hvite avstanden i designet hjelper brukeren med \u00e5 fokusere ettersom produktet skiller seg ut i sentrum, og bringer historien til handling og mot oppl\u00f8sning.\n<\/p>\n<h5>\n  Bruk animert historie til din fordel<br \/>\n<\/h5>\n<p>\n  Det er sant. Nettstedets animasjon har v\u00e6rt offer for overforbruk uten hensyn til konvensjoner eller standarder, og det er hoved\u00e5rsaken bak dets fall de siste 5 \u00e5rene. Ironisk nok er det sv\u00e6rt f\u00e5 designere som vet hvordan bruk av smart og punktlig animasjon kan gj\u00f8re historien din til Dark Knight Movie. Animasjon er bygget for \u00e5 dekke det statiske bilder ikke kan fullf\u00f8re, samtidig som det tilf\u00f8rer underholdning til selve designet.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Apropos DarkKnight, denne appen for iOS p\u00e5 <a href=\"http:\/\/benthebodyguard.com\/\" target=\"_blank\" rel=\"noopener\">benthebodyguard.com<\/a> lar deg sikre og kryptere informasjon p\u00e5 nettstedet ditt som har en gjennomgangsanimasjon (bokstavelig talt) mens du g\u00e5r ned med &#8216;Ben' i midten, livvakten som har sverget p\u00e5 \u00e5 beskytte informasjonen din med et formidabelt rykte. Denne nettsiden har eksemplifisert hvordan animasjon kan brukes p\u00e5 sitt beste for \u00e5 produsere den ideelle form\u00e5lshistorien for et produkt.\n<\/p>\n<h5>\n  Oversette designmelding<br \/>\n<\/h5>\n<p>\n  Kommer det ikke til deg som en overraskelse hvordan et design som bare er en blanding av visuell kunst og grafikk kan produsere empati i deg? Jeg vet jeg har. Vi som mennesker reagerer p\u00e5 dyrenes sanser like mye som enhver annen organisme gj\u00f8r som er tro mot dens natur. N\u00e5r vi ser en hjerteknuser &#8211; gj\u00f8r vi som programmert. N\u00e5r du drar nytte av denne karakteristikken ved menneskelig atferd, trenger ikke historien din alltid v\u00e6re en buzz kill om manifestet og produktene dine, fordi det sannsynligvis er det alle andre nettstedeiere har i tankene i disse dager. N\u00e5r du legger til en f\u00f8lelse av f\u00f8lelse, \u00e5nd og moral, forvandles historien din til et budskap.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Denne nettsiden <a href=\"http:\/\/everylastdrop.co.uk\/\" target=\"_blank\" rel=\"noopener\">everylastdrop.co.uk<\/a> tar deg med til en reise for din daglige bruk av vann i hjemmet og omgivelsene. \u00c5 lese om fakta hvor mye vann som kastes bort hver dag er for vanlig og blir ofte aldri tatt p\u00e5 alvor. Denne uskyldige lille fyren som bruker vann tilfeldig p\u00e5 sin daglige timeplan fremhever ikke bare viktigheten av vann, men setter det ogs\u00e5 i kontrast til de som trenger det mest i t\u00f8ffe deler av verden. Det vokser s\u00e5 i sinnet til seeren at han sannsynligvis ville tenkt seg om to ganger f\u00f8r han kastet bort enda en dr\u00e5pe vann neste gang.\n<\/p>\n<h5>\n  Bruk av m\u00f8rke elementer<br \/>\n<\/h5>\n<p>\n  Romaner er morsomme \u00e5 lese, og med de siste teknologiske stigningene er det n\u00e5 n\u00f8dvendig at de leses ut av b\u00f8ker. Selv den dag i dag foretrekker et stort flertall av nettbrukere \u00e5 d\u00f8mme boken etter omslaget enn \u00e5 faktisk lese prologen. For \u00e5 takle disse nettbrukerne og lokke dem til produktet, ansetter mange forfattere ofte utviklere for \u00e5 lage nettsteder dedikert til deres romaner. En trinnvis repetisjon av romanen med animerte sekvenser vil ikke bare gi historien det fyrverkeriet den trenger, men ogs\u00e5 fange nettbrukeren til \u00e5 lese den.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ved \u00e5 bruke samme prinsipp og struktur, ble Nam Les anerkjente novelle \u00abB\u00e5ten\u00bb omgjort til en interaktiv grafisk roman ved \u00e5 skape en verden av stormherjerende hav som tvinger en b\u00e5t ut av Vietnamkrigens redsler. Det beste noen kan gj\u00f8re i sin historiefortelling er \u00e5 legge til lyd til designet. Dette er superlativet til animert historiefortelling for \u00e5 tilegne seg UX. Se <a href=\"http:\/\/www.sbs.com.au\/theboat\/\" target=\"_blank\" rel=\"noopener\">den her<\/a>.\n<\/p>\n<p>\n  Engasjerende og fylt med illustrasjoner, det er virkelig beviset p\u00e5 hvor godt du kan administrere et produkt ved \u00e5 lage et design som beveger seg mens du samhandler med det.\n<\/p>\n<h5>\n  Forening av gjennomrulling<br \/>\n<\/h5>\n<p>\n  I e-handelsindustrien er folk ofte interessert i \u00e5 f\u00e5 fordelene med et produkt som kan brukes p\u00e5 flere tilfeller, men av samme grunn. For det f\u00f8rste gj\u00f8r det livet deres mye lettere, og for det andre er det en del av den teknologiske \u00e6raen. Men med s\u00e5 mye \u00e5 l\u00e6re og anerkjenne om en satsning som dette, er det sv\u00e6rt mindre sannsynlig at kunder vil sette en risiko i noe som har futuristiske implikasjoner og tjener deres form\u00e5l altfor enkelt, noe som gj\u00f8r det for godt til \u00e5 v\u00e6re sant. Jeg har sett bedrifter som pr\u00f8vde \u00e5 selge slike produkter med for mye til \u00e5 v\u00e6re enige, og resultatet var tragisk forlatelse.\n<\/p>\n<p>\n  <strong>Eksempel<\/strong> :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Imidlertid klarer dette produktet ikke bare \u00e5 selge, men ogs\u00e5 oppfylle det det lover kundene sine. Dette produktet p\u00e5 <a href=\"https:\/\/onlycoin.com\/\" target=\"_blank\" rel=\"noopener\">onlycoin.com<\/a> er enkeltkort som inneholder alle kredittkortene dine. Historiefortellingsprosessen hjelper seeren \u00e5 forst\u00e5 komplikasjonen av \u00e5 ha for mange kort i lommeboken med resonnement, men med den grafiske visningen av trinnvis kortoptimalisering og kompakt b\u00e6ring, blir det vanskelig \u00e5 v\u00e6re uenig med de lovede bruksomr\u00e5dene til produktet.\n<\/p>\n<h3>\n  Konklusjon<br \/>\n<\/h3>\n<p>\n  Historiefortelling er ikke bare begrenset til ethvert produkt eller m\u00e5l; den er \u00e5pen for alle slags e-handels\u00f8velser som hjelper de bes\u00f8kende med \u00e5 f\u00e5 den ideelle UX uten \u00e5 g\u00e5 p\u00e5 akkord med funksjonaliteten til designet. \u00c5 l\u00e6re \u00e5 mestre dette for dine egne produkter og tjenester gjennom e-handelsnettsteder er avgj\u00f8rende i denne tidsalderen med elektronisk markedsf\u00f8ring. Uten \u00e5 lese tankegangen til forbrukeren kan du rett og slett ikke sette inn produktet ditt, og uten ettersp\u00f8rsel er det ingen produksjon. Som Tim O'brien sier det, &laquo;Historiefortelling er den essensielle menneskelige aktiviteten, jo vanskeligere situasjonen er, jo viktigere er den&raquo;, og tro meg venn, situasjonen blir aldri enklere.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2016\/08\/05\/interactive-story-telling\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c5 ha elementet grafikk er alle nettsteders n\u00f8dvendighet i dag. Uten riktig bruk av visuelle elementer kan du rett og slett ikke formidle budskapet ditt til bes\u00f8kende, enda bedre, f\u00e5 dem til \u00e5 forlate nettstedet ditt. Visuelle elementer har potensialet til \u00e5 n\u00e5 inn i hodet til seeren og lokke det til alt du pr\u00f8ver \u00e5 introdusere, selge eller investere. For \u00e5 bruke det visuelle til din fordel og f\u00e5 trafikk p\u00e5 raskest mulig m\u00e5te, er den beste metoden for \u00e5 engasjere og konvertere bes\u00f8kende gjennom interaktiv historiefortelling. Hvorfor historiefortelling? Jeg vet hva som m\u00e5 dukke opp i hodet ditt akkurat n\u00e5. \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":[356,395,57],"tags":[],"class_list":["post-257781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-underholdning","category-utforming","category-web-og-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257781"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257781\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/149254"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}