Webová stránka je víc než jen místo pro uchovávání informací o vaší aplikaci, portfoliu nebo produktech. Měl by vyprávět příběh, který by se účastnil a potěšil uživatelům. (To je jeden z klíčových prvků, které jim pomohou držet se kolem.)

Zatímco dobrý příběh by mohl začít s nápadem na pero a papír, přichází k životu díky designu.

1. Zapojte se do snímků

Návrh by měl vizuálně zaujmout uživatele. Začněte čistým a čistým obrazem. Hvězdné fotky, zajímavé obrázky nebo videa, které vám pomohou vzbudit pozornost a udělat první dojem.

Ale pojem "show, neříkej" se tam nekončí.

Příběh by měl být naplněn zobrazením, a to jak vizuálně pomocí návrhových technik, tak se slovy na obrazovce. Vyvíjejte paletu barev, která hovoří o příběhu, který říkáte, s prvky, které řídí uživatele k dokončení cíle nebo úkolu v návrhu. Dobrý příběh pomůže lidem vést cestu. Návrh by měl být zřejmý vizuální zápas.

káva

2. Vytvořte znak

Při tvorbě webových stránek mluvíme o uživatelských osobnostech hodně. Je to klíčovou součástí procesu vývoje. Vezměte to na další úroveň s povahou ve svém příběhu, kterou mohou uživatelé identifikovat a identifikovat.

Postava může být skutečná a může se pohybovat po celém návrhu, nebo může být vnímána jako hlas v obsahu.

Skvělý příklad vývoje charakteru je z e-mailové platformy MailChimp. Freddie, karikatura maskota a loga společnosti se objevují v celém designu, na blogu a v propagačních materiálech. Postava dělá pro společnost několik věcí:

  • Za prvé, znak pomáhá objasnit název společnosti. Jak se napodobovalo v rozšířené reklamní kampani, došlo k nějakému zmatku o "MailChimp". Vidět šimpanz vedle slov může být jasnější.
  • Postava pomáhá předvést zábavu, kterou společnost představuje. Tón a obrazy jsou lehké a jednoduché.
  • Freddie poskytuje společnosti příběh, když nemají o propagačních aspektech mnoho dalších věcí. Jak se stalo šimpanz? odkud pochází jeho jméno? a tak dále. Postava pomáhá udržovat příběh společnosti svěží a vpřed.
šimpanz

3. Pozvat účast

Přidejte hodnotu návrhu s interaktivním prvkem spárovaným se společnými akcemi. Přidejte doteky animace do tlačítek, které uživatelé potřebují upozornit nebo pomáhají přitahovat oko k určitým prvkům pomocí směrových pokynů, jako jsou šipky nebo obrázky, které se "opírají" směrem k interaktivnímu prvku.

Vezměme v úvahu další efekty, které mohou uživatelům vést s příběhem. Procházení Paralaxu je například velmi užitečný způsob, jak podpořit pohyb na obrazovce. To je jeden z důvodů, proč je tato technika tak populární.

Dobrý příběh nemusí být složitý. Humaan předkládá svůj příběh jednoduchými animacemi, které jsou spojeny s týmovými fotografiemi, které vám pomohou setkat se s lidmi za společností. Je to jednoduché a efektivní. (Pozorujte také fotografování pracovníků. Zábavné pózy a výrazy obličeje umožňují, aby každá členka týmu leskla.)

humaan

4. Vytvořte hru

Jedna z nejtěžších částí vyprávění příběhu je skutečně vyvíjí. Pokud nevíte, kde začít, jednoduchá hra vám pomůže zaměřit se a dokonce poskytnout zábavnou cestu pro uživatele.

Trik k přidání hry k návrhu je udržet si to jednoduché, krátké a poskytnout nějaký typ odměny za úsilí, jako kuponový kód nebo virtuální odznak.

Nemusí to být hra ve stylu pokemonů, o čem pravděpodobně přemýšlíte. Zvažte Dropbox. Získání volného místa v účtu úložiště v cloudu je cílem pro mnoho uživatelů. Pozvat ostatní k používání Dropboxu, přihlašování z více zařízení a připojování e-mailových účtů patří k nástrojům pro gamimation, které společnost používá k tomu, aby uživatelům poskytla větší prostor pro ukládání dat. Hra je jednoduchá, jsou odměny za úspěch a pomohla vytvořit posádku loajálních uživatelů Dropbox.

Pro uživatele, kteří nechtějí hru hrát, nebo dokáží dokončit dost úkolů, nabízí Dropbox placený plán, který přeskočí a vyhraje okamžitě. (To je další trik k příběhu ve stylu her, uživatelé musí být schopni vyhrát.)

dropbox

5. Učinit mikrointerakce smysluplné

Přemýšlejte o drobných prvcích v návrhu, s nimiž uživatelé budou komunikovat. Webové stránky sociálních médií zejména pohánějí tolik angažmá, protože vytvářejí jednoduché zkušenosti s mikrointerakcí.

Jako obnovovací prvek jsou mikrointerakce drobné okamžiky, kdy uživatel zaujme design. Pokaždé, když změníte nastavení, pošlete zprávu, přihlaste se nebo jako stav, který jste byli svědky mikrointerakce. Od klepnutí na srdce Instagram (a sledování červené barvy) k poklepání na retweet jsou tyto zpětné smyčky tím, co udržují uživatele vracející se.

Smysluplné mikrointerakce vytvářejí požadavek na design. Přidává úroveň funkcí pro uživatele, díky čemuž je celková zkušenost užitečná.

Mikrointerakce také činí návrh užitečným nebo žádoucím. Připojte tyto momenty k hlavním cílům vašeho webu. Může to být něco, co dovoluje uživatelům sdílet produkt, který si právě zakoupili, a přidat něco do seznamu přání, abyste se zaregistrovali.

robot

6. Vytvořte příběh

Každý příběh má začátek, střed a konec.

Pokud váš návrh webových stránek nepředstavuje tok příběhů, uživatelé se mohou zmást nebo ztratit. Zde je nejjednodušší vzorce:

  • Začátek: Logo a nadpis. Informujte uživatele o tom, kdo jste a proč jsou na vašem webu.
  • Střední: Všechny podpůrné příběhy, které vás činí zvláštní. Co můžete udělat pro lidi, kteří jsou na vašem webu? Co by měly očekávat?
  • Konec: zřejmá výzva k akci, jako je formulář, možnost nákupu nebo odkaz na něco jiného.
bestie

7. Udržujte Děj jednoduchý

To by mohlo být v rozporu s radou v č. 6, ale příběh musí být jednoduchý. Toto není objem 1 500 stránek. Jednoduchý příběh je ten, který můžete vysvětlit za 5 sekund nebo méně.

Příběh by měl okamžitě uchopit uživatele, zanechat dojem a přinutit je, aby se vrátili. Ano, můžete to udělat se začátkem, prostředím a koncem.

Upstream to všechno dělá na domovské stránce - uživatelé se mohou procházet pro více "uprostřed" příběhu, ale na domovské stránce je vidět všechny tři části. Vizualizace a text vyprávějí příběh o potřebě a pomáhají lidem s Upstream tam, aby jim pomohli. Na obrazovce se zobrazí tlačítko "zapojit se" a vizuální je tak výrazná, že chcete pomoci.

Příběh je jednoduchý a efektivní. Uživatelé si to pravděpodobně zapamatují ... a vy.

nahoru

Závěr

Když vytváříte příběh, nejdůležitější je zapamatovat si, že váš příběh by měl být tvůj. Nesnažte se být něčím, čím nejste. Uživatelé se pravděpodobněji spojují s autentičností než s vyprávěním.