Miten Drive UX Interactive Storytelling
Joitakin tarinoita ei yksinkertaisesti voida välittää staattisten kuvien kautta. Näissä tapauksissa voi olla hyödyllistä selvittää tapa ottaa käyttäjä suoraan mukaan tarinaan.
Tässä mallisuunnittelussa olemme kiinnittäneet erityistä huomiota interaktiiviseen tarinankerrontaan: tapa, jolla sivustot voivat vetää sinut maailmaan ja toimittaa viestisi dynaamisen ja vuorovaikutteisen teknologian ja suunnittelun ominaisuuksien ansiosta.
Tutustu vain alla oleviin esimerkkeihin ja kokeile, miten niiden visuaalisen vuorovaikutteisuuden käyttö pakottaa käyttäjää jatkamaan vieritystä tai tekemään tiettyä toimintaa.
El Monstruo: voittaa hirviö tekstillä
El Monstruo on UNICEFin ja ING Directin välinen kumppanuus edistää lahjoituksia kehitysmaiden kouluille. Sivusto vie sinut animoituun matkaan koululaisten ryhmän elämään - jota hehkuvasta hirviöstä heitetään pois koulustaan. Kun El Monstruo juoksee sinut kallion ahveneen, interaktiivinen tarinankerronta tulee sisään.
Näytöllä näkyy mahdollisuus lahjoittaa 1,20 € koululaisille (esim. UNICEF). Jos päätät lahjoittaa, animaatio jatkuu onnellisella päällä - jos ei, niin ...
Monsteri on yksinkertainen metafora, joka edustaa esteitä, joita monet oppilaat kohtaavat koulutuksensa ja joihin vierailijat tällä tavoin osallistuvat, antavat heille välittömämmin palkinnon heidän anteliaisuudestaan. Se käyttää vuorovaikutteista muotoilua tavalla, joka todella ulottuu ihmisten tunne itsemurhaan.
Slavery Footprint: noudata ohjeita
Kuinka monta orjaa työskentelee puolestasi? Tämä yksinkertainen kysymys on matkan alku toimitusketjun ja pakkotyön kautta nykymaailmassa. Slavery Footprint kävelee läpi, kuinka voit tukea orjuutta, jopa ilman, että ostat suoraan yrityksiltä, jotka käyttävät hikiloja. He selittävät tätä työketjua vuorovaikutteisilla, selektiivisillä infopisteilla.
Mutta sen sijaan, että selitätte tätä prosessia teoriassa, Slavery Footprints suorittaa nopean kyselyn, joka laskee kuinka paljon luotat orjantyöhön, joka perustuu tekijöihin, kuten ruokaan, johon asut ja missä olet.
Slavery Footprint ei kerro teille tarina modernin orjatyövoiman käytöstä - he käyttävät vuorovaikutteista suunnittelua, tietojen analysointia ja kartoitusta tuomaan sinut tarinaan vaikuttavana tekijänä. Se on loistava tapa tavoittaa kullekin sivuston kävijälle yksilöllisellä tasolla.
Supple: SEO haves ja ei ole
Notkea on digitaalinen markkinointitoimisto, joka auttaa yritystä sijoittamaan paremmin Googlen kautta Hakukoneoptimointi. Tästä seuraa, että SEO-sivujen selittävän sivun pitäisi olla mahdollisimman potentiaalisia asiakkaita varten.
Valokuvakäyttöisten älykkään käytön avulla, jonka kävijät voivat napsauttaa, paljastamaan keskeiset tiedot sivun kuvista ja infografisista tiedoista, sivusto kutsuu kävijöitä kaivaamaan hieman syvemmälle SEO-maailmaan. On olemassa SVG-animaatiota, joka antaa sivulle dynaamisen elävyyden ja liukuvan palkin joidenkin kuvien päälle, jotta voit katsoa HTML-sivun optimoitu sivusto.
Aloitus selittää
Ensimmäiset asiat: Inception on hieno elokuva. Mutta se on myös hämmentävä helvetinä . Onneksi tämä verkkosivusto vie sinut juoniin yksinkertaisen, interaktiivisen tarinankerron avulla. Sivuston värikoodit kukin avainmerkki, ja kun vierit sivua alaspäin, unelmien unet kerroksissa on edustettuna toistensa päälle.
Kuvatekstien ponnahdusikkuna, joka kertoo jokaisen tason, jonka unelmahahmot ovat ja muut tarvittavat tiedot. Tämä on hyvin yksinkertainen esimerkki interaktiivisesta tarinankeräilystä - sivuston avulla voit siirtää tarinan omalla tahdillasi. Mikä todella, todella auttaa elokuvaa hämmentävänä kuin Inception!
Kolikko: yksi kortti hallita heitä kaikkia
Onko lompakko purkautuu saumoilla luottokorteilla? kolikko on yksi kortti, jonka avulla voit ladata ja tallentaa kaikki luottokortit. Selaa tallennettuja kortteja, valitse yksi ja pyyhi sitten, lisää tap-n-go kuten minkä tahansa muun kortin kanssa.
Tuotteen takana oleva koko päättely yhdistää kaikki korttisi yhteen sopivaan paikkaan - ja se on yksinkertainen viesti, joka on visuaalisesti edustettuna entistäkin yksinkertaisemmalla tavalla. Kun vierität sivua alaspäin, korttipelaaminen pinoa yhteen ja muuttuu Coiniksi. Se on siisti, minimalistinen tarinankerronta ja erittäin vakuuttava.
Bellroy: ohut lompakon vyötärölinja
Vaikka olemme lompakon laihtumiseen liittyvissä asioissa, kannattaa harkita lompakkoa laihtumatta eikä pelkästään sen sisältöä. Bellroy-lompakot on suunniteltu kestämään vähemmän tilaa, vaikka ne täyttäisivät saman määrän kortteja kuin muut lompakot.
Bellroyn verkkosivusto antaa sivuston kävijöille liukuvasta asteikosta - nollakortista kymmeneen - ja tarjoaa Bellroyn ja heidän kilpailijoidensa välisen rinnakkaisen vertailun. Mukana muutamia muita fantastisia interaktiivisia animaatioita, Bellroyn sivusto tuo mukanaan osan kävijästä siihen, mikä on tyypillisesti erittäin tylsiä Us vs. Kilpailijoiden esittely.
Babelin kuningas: satoi kissoja
Babel kuningas on interaktiivinen tarina, joka on saatavilla iTunes-myymälöiden kautta. Yhdistämällä tekstiä, ääntä, animaatiota ja vuorovaikutteisia elementtejä peli vie 2-8-vuotiaita lapsia Babelin ihmeelliseen maailmaan, kissa, joka on mustasukkainen pilvissä ja viettelee päiviä yrittäen ärsyttää heitä.
Tarinan / pelin verkkosivusto tarjoaa maistaa sen, mikä on ladattavissa. Kun vierität sivua alaspäin, Babel putosi taivaan rinnalla ja lampaat vaeltavat painokkaasti pilvien yli.
Verkkosivusto on täynnä liikkumista ja elämää, ja tarjoaa erinomaisen tapaustutkimuksen todella synkronoimalla sivustosi myyvän tuotteen kanssa.
Bon matkalla: Akita näyttää meille kuinka tietotieet kulkevat ympäri maailmaa
Sähköposti voi tuntua siltä, että se lähetetään melko hetkellisesti, mutta miten se todella saa yhden henkilön tietokoneesta toiseen? IT-tukipalvelu Akita on kehittänyt a vaiheittainen matka selittää miten tiedot kulkevat ympäri maailmaa.
Sivuston avulla voit selata vaakasuoraan sähköpostin matkaa, viemällä sinut tietokoneesta puhelinlinjaan puhelinkeskukseen datakeskukseen ja paljon muuta! Se on vaivaton, vuorovaikutteinen selitys liikkeiden tiedoista, joita kulkee ympäri maailmaa.
Ben Henkivartija
Ben Henkivartija on iPhone-sovellus, joka auttaa sinua salaamaan ja suojaamaan yksityisiä tietoja laitteellasi. Sovelluksen brändäys keskittyy "Ben" -hahmon ympäröimään, henkivartija, jolla on voittamaton seuranta ihmisten suojelemiseksi.
Kun vierität sivua alaspäin, Ben kävelee pimeässä (ja hillittyä) kadulla, kun hän selittää vaaroista, että yksityisten tietojen antaminen kuuluu vääriin käsiin. Se on hieno tarinankerronta, jossa on yksinkertainen oletus (tietosuojasovellus, joka on henkivartija), ja vuorovaikutteinen vieritys antaa sovelluksen kenttäsi.
Nissan Note
Myydä uusi automalli, Nissan Note , Nissan on käyttänyt vierekkäistä animaatiota, joka muistuttaa vanhanaikaista flip-kirjaa. Sivuston sijaan näyttää videoita, joissa näkyvät kuvat, jotka muuttuvat hieman vierittämällä.
Vaikutus on, että sivuston kävijät voivat luoda elokuvan omaan tahtiinsa. Se on interaktiivinen tarina autojen ominaisuuksista ja perheestä, joka matkustaa maaseudulla kaupunkiin. Pidä leikkiä sen kanssa ja katso, mitä mieltä olet!
Jokainen viimeinen pudotus: vesivahingon tarina
Nettisivu vie sinut yhden päivän vedenkäyttöön, vedestä, jota käytät suihkussa vaatteesi ja ruokasi tuotannossa käytettävään kokonaisveteen. Se on yksinkertainen, vierittämä tarina, joka vie sinut informatiiviselle matkalle aina ulkoavaruuteen!
Kun päivä on käytetty niin paljon vettä, tarina päätyy voimakkaaseen huomaan, että yli miljardilla ihmisellä ei ole päivittäistä pääsyä puhtaaseen juomaveteen. Interaktiivisen tarinankerron avulla voimakas viesti on hyvä esimerkki siitä, mikä hyvä suunnittelu voi opettaa meitä.
Vene: kauhistuttava tarina paeta ja turvapaikkaa
Nam Le: n ylistämä tarina kerää Vene on muuttunut interaktiivinen graafinen romaani at sbs.com.au , heittäen sinut rytmihuvun maailmaan, joka taistelee valtameren täydessä voimassa, kun se pakenee Vietnamin sodan kauhuista.
Tekstin, äänisuunnittelun, kuvituksen ja animaation käyttäminen on osoitus siitä, mitä interaktiivinen tarinankerronta voi saavuttaa. Mieleenpainuva hetki tarkoittaa, että teksti ja kuvat itsessään heitetään ylös ja alas sivulle, koska niissä kuvatut hahmot tekevät samoin valtamerellä.
Immersivaalinen ja emotionaalinen, tämä selviytymisen tarina on yksinkertaisesti kokenut.