Jak řídit UX s interaktivním příběhem
Některé příběhy prostě nemohou být plně předávány statickými obrazy. V těchto případech může být užitečné zjistit způsob, jak přímo zapojit uživatele do příběhu.
V tomto designu se věnujeme speciálnímu pohledu na interaktivní vyprávění příběhů: způsob, jakým mohou webové stránky přitahovat vás do světa a doručit své poselství díky síle dynamických a interaktivních technologií a designových funkcí.
Stačí se podívat na níže uvedené příklady a zažít, jak jejich použití vizuální interaktivity vás přiměje k tomu, aby uživatel pokračoval ve procházení nebo podnikl konkrétní kroky.
El Monstruo: porazil monstrum text
El Monstruo je partnerství mezi UNICEF a ING Direct na podporu dárců školám v rozvojových zemích. Místo vás provede animovanou cestou do života skupiny školáků - kteří jsou odváděni ze své školy zuřivým monstrem. Když vás El Monstruo pronásleduje do útesu útesu, přichází interaktivní vyprávění.
Možnost věnovat školám (tj. UNICEF) 1,20 EUR prostřednictvím SMS se objeví na obrazovce. Pokud se rozhodnete darovat, animace pokračuje šťastným koncem - pokud ne, dobře ...
Monster je jednoduchá metafora představující překážky, kterým čelí mnoho školáků, kteří se vzdělávají, a tím, že návštěvník stránky tímto způsobem nabízí, jim dává okamžitě odměnu za svou velkorysost. Využívá interaktivního designu tak, aby skutečně dosáhl pocitu empatie lidí.
Otroková stopa: postupujte podle kroků
Kolik otroků pro vás pracuje? Je to jednoduchá otázka, která je počátkem cesty prostřednictvím řetězce zásobování a nucené práce v moderním světě. Otroctví stopa vás prochází tím, jak byste mohli podporovat otroctví, a to i bez nákupu přímo od společností, které využívají cukrárny. Vysvětlují tento řetězec práce prostřednictvím interaktivních infolinků.
Spíše než jen vysvětlovat tento proces teoreticky, otrocké stopy provádějí rychlý průzkum, který vypočítává, nakolik se spoléháte na otrockou práci, na základě faktorů, jako je jídlo, které jedíte, majetek, ve kterém žijete, a země, ze které pocházíte.
Otroková stopa vám neřekne jen příběh o moderním stavu otrocké práce - používají interaktivní návrh, analýzu dat a průzkum, aby vás do příběhu přispěli. Je to fantastický způsob, jak oslovit každého návštěvníka stránek na individuální úrovni.
Supple: SEO má a nemá
Doplněk je agentura zabývající se digitálním marketingem, která pomáhá obchodním pozicím lépe na Google prostřednictvím Optimalizace pro vyhledávače. Z toho vyplývá, že jejich stránka vysvětlující SEO by měla být pro potenciální zákazníky co nejúčinnější.
Prostřednictvím inteligentního používání osvětlených horkých míst, na které návštěvníci mohou kliknout a odkryjí klíčové informace o určitých aspektech obrázků a infografií stránky, návštěvníci stránky vyzývají, aby se ponořili o něco hlouběji do světa SEO. K dispozici je animace SVG, která dává dynamické vibraci stránky a posuvnou lištu nad některými obrázky, která vám umožní nahlédnout do HTML za optimalizovaným místem.
Úvod vysvětlen
Nejdříve nejdříve: Počátek je skvělý film. Ale je to také klamné . Naštěstí na této webové stránce prochází vás parcela s jednoduchým, interaktivním vyprávěním. Barevná stránka kóduje každý klíčový znak a při procházení stránky dolů jsou vrstvy snů uvnitř snů reprezentovány jedním nad druhým.
Popisek s popiskem, vysvětlující každou úroveň, jejíž sny jsou obsaženy a další potřebné informace. Jedná se o velmi jednoduchý příklad interaktivního vyprávění příběhů - web vám umožní projít příběhem svým vlastním tempem. To opravdu opravdu pomáhá s filmem jako matoucí jako počátek!
Mince: jedna karta, která jim všechny řídí
Je peněženka splaskovaná na švu kreditními kartami? Mince je jedna karta, kterou můžete načíst a uložit všechny své kreditní karty. Jednoduše procházejte uloženými kartami, vyberte jednu a pak přetáhněte prstem, vložte tap-n-go tak, jako byste s jakoukoliv jinou kartou.
Celá myšlenka, která stojí za produktem, spočívá ve spojení všech vašich karet na jedno pohodlné místo - a to je jednoduchá zpráva, která je vizuálně zastoupena ještě jednodušším způsobem. Jak se pohybujete dolů po stránce, nahromaděné karty se shromažďují a přeměňují se na mince. Je to úhledné, minimalistické vyprávění a velmi přesvědčivé.
Bellroy: štíhlá pasu na peněženku
Zatímco se zabýváme chudnutím peněz, možná budete chtít zvážit samotnou peněženku , a ne jen její obsah. Bellroy peněženky jsou speciálně navrženy tak, aby zabíraly méně místa, i když jsou naplněny stejným množstvím karet jako jiné peněženky.
Aby to ukázalo, webové stránky Bellroy dávají návštěvníkům svých stránek klouzavou stupnici - od nuly k deseti - nabízejí srovnání Bellroy a jejich konkurentů vedle sebe. Spolu s řadou dalších fantastických interaktivních animací přináší stránka Bellroy trochu návštěvy návštěvníků do toho, co je typicky velmi nudná demonstrace proti nám vs. soutěžícím.
Babel král: prší kočky
Babel král je interaktivní příběh dostupný prostřednictvím obchodů iTunes. Kombinace textu, zvuku, animace a interaktivních prvků hra hraje děti ve věku 2-8 let do nádherného světa Babelu, kočky, která žárlí na mraky a stráví své dny, aby je obtěžovala.
Webová stránka příběhu / hry nabízí chuť toho, co je k dispozici ze stahování. Při procházení po stránce se Babel přelévá po obloze po boku a ovce přejíždějí po oblacích.
Webová stránka je plná pohybu a života a nabízí skvělou studii případů, kdy skutečně synchronizuje vaše webové stránky s produktem, který prodáváte.
Bon plavba: Akita nám ukazuje, jak data cestuje po celém světě
E-mail může mít pocit, že je odeslán pěkně okamžitě, ale jak se vlastně dostává z počítače jedné osoby do druhé? IT podpora služby Akita vyvinula a krok za krokem vysvětlit, jak se data pohybují po celém světě.
Stránky umožňují horizontální posouvání cestou e-mailu, přenášení z počítače na telefonní linku na telefonní ústřednu do datového centra a další! Je to snadné, interaktivní vysvětlení údajů o pohybech, které procházejí po celém světě.
Ben tělesná stráž
Ben tělesná stráž je aplikace pro iPhone, která vám pomáhá šifrovat a chránit soukromé informace ve vašem zařízení. Aplikační branding se soustředí na charakter "Ben", tělesného strážce s bezkonkurenční historií pro ochranu lidí.
Při procházení po stránce se Ben vydává na tmavou (a hloupě vyhlížející) ulici, když vysvětluje nebezpečí, že vaše soukromé informace spadají do špatných rukou. Je to skvělé vyprávění s jednoduchým předpokladem (aplikace pro ochranu osobních údajů personifikovaná jako tělesná stráž) s interaktivním posouváním, aby bylo možné zobrazit obsah aplikace.
Nissan Note
Prodávat svůj nový model automobilu, Nissan Note , Nissan používal animaci scroll-down, která připomínala staromódní flip-book. Spíše než spuštění videa, na webu se zobrazí mřížka panelů zobrazujících obrázky, které se během přechodu dolů mění.
Účinek je, že návštěvníci stránek mohou vytvářet film svým vlastním tempem. Je to interaktivní příběh o vlastnostech vozu a rodině, která cestuje po venkově do města. Nechte si s sebou hrát a uvidíte, co si myslíte!
Každá poslední kapka: prašivý příběh o plýtvání vodou
Webová stránka vás provede jediný den používání vody, z vody, kterou používáte ve sprše, k celkové vodě použité při výrobě vašeho oblečení a jídla. Je to jednoduchý, scroll-down příběh, který vás vezme na informační cestu až do vesmíru!
Při tolika vodách, které se během dne používají, příběh skončí na hrůzné poznámce, že více než miliarda lidí nemá denní přístup k čisté pitné vodě. Použití interaktivního vyprávění příběhů, které přináší silné poselství, je skvělým příkladem toho, jaký dobrý design nás může učit.
Loď: hrůzný příběh útěku a útočiště
Nam Le je uznávaný příběh sbírat Loď byla přeměněna na interaktivní grafický román na sbs.com.au , který vás vrhl do světa veselé lodi, která bojovala s plnou silou oceánu, jak uniká z hrůzy vietnamské války.
Využívání textu, zvuku, ilustrace a animace je důkazem toho, co může vyprávět interaktivní vyprávění. Nezapomenutelný okamžik spočívá v tom, že text a samotné ilustrace jsou házeny nahoru a dolů po stránce, jelikož postavy, které jsou v nich zobrazeny, dělají totéž při plavbě po moři.
Ponorný a emocionální, tento příběh o přežití je prostě nutný.