Jak projektować potężne narracje na urządzeniach mobilnych?

Historie nie zawsze muszą być opowiadane w formacie Dawno, dawno temu…. Spójrz na przykład na filmy. Niektóre historie są opowiedziane w porządku chronologicznym, podczas gdy inne przeskakują na osi czasu. Są historie opowiadane z perspektywy głównego bohatera, podczas gdy inne pozwalają widzom zobaczyć historię z punktu widzenia wszystkich. Ponadto historie mogą być smutne, zabawne, dramatyczne lub wszystkie z powyższych.

Istnieje mnóstwo wariacji w tym, jak można opowiedzieć historię. Jest jednak jedna rzecz, którą wszyscy muszą mieć ze sobą wspólnego:

Muszą jakoś wciągnąć czytelnika w narrację.

Opowiadanie historii to bardzo potężne narzędzie dla stron internetowych, ale obowiązują te same zasady. Nie ma znaczenia, jak opowiadasz historię — wystarczy, że przyciągniesz gościa.

Dzisiaj omówię różne techniki opowiadania historii i przedstawię kilka pomysłów, jak zaprojektować tego rodzaju narracje we własnych witrynach mobilnych lub aplikacjach PWA.

Jak projektować potężne narracje na urządzeniach mobilnych?

Opowiadanie historii to świetne narzędzie dla witryn mobilnych.

Jednym z powodów jest to, że mniejszy ekran zmusza cię do bardziej zwięzłej narracji . Oznacza to, że możesz szybciej doprowadzić odwiedzających do kulminacyjnego punktu swojej historii, co przyspieszy ich czas do konwersji.

Innym powodem, dla którego opowiadanie historii działa tak dobrze na urządzeniach mobilnych, jest to, że łatwiej jest wciągnąć w historię odwiedzających. Wszystko, co musisz zrobić, to nadać swojej witrynie charakter książki, a szybko się w nią zanurzą.

Co więcej, naprawdę możesz pozwolić, aby większość przemawiała za obrazami i ograniczyć długie historie, które założyciele firm chcieliby opowiedzieć o swoich firmach.

W szczególności jest jedna branża, która, jak sądzę, wykonuje wyjątkową pracę opowiadania historii w ten sposób, a jest to branża piwna i alkoholowa. Jeśli się nad tym zastanowić, tego rodzaju firmy nie mogą sobie pozwolić na po prostu wypychanie swoich produktów w twarz konsumentom. Oto kilka powodów, dla których:

1. „Sprawmy, żebyś się odurzył” nie jest bardzo mocnym ani wyjątkowym punktem sprzedaży. Ale historia, która wciąga klienta i czyni go częścią narracji, może być.
2. Aby uniknąć paraliżu analitycznego związanego z wyborem jednego rodzaju likieru lub piwa spośród dziesiątek podobnych opcji, marki wykorzystują historie, aby się wyróżnić.
3. Możesz skuteczniej budować długoterminowe i lojalne relacje z klientami, zamieniając swoje produkty w jedyne w swoim rodzaju doświadczenia.

Konkluzja : Podczas tworzenia witryn dla produktów lub usług w wysoce konkurencyjnych przestrzeniach opowiadanie historii może być prawdziwą zmianą gry. Jeśli chodzi o sposób, w jaki osiągniesz to poprzez projektowanie, spójrzmy na niektóre z bardziej powszechnych technik opowiadania historii i przykłady, które pokazują, w jaki sposób są one realizowane.

Lotnictwo

Jaką historię opowiada strona?
Podróż z przewodnikiem

Jakie firmy czerpią korzyści z tego rodzaju opowiadania historii?
Ten rodzaj techniki opowiadania historii jest najlepszy dla nowych firm, które mają silny komponent brandingowy. W ten sposób firma nie jest tylko kolejnym podobnym biznesem wkraczającym w przestrzeń. Oferuje coś bardziej zabawnego i wciągającego, co zachęca potencjalnych klientów do wskoczenia na przejażdżkę — nawet pierwszego dnia.

„Maskotka” to jeden z najlepszych sposobów, aby tego rodzaju opowiadanie historii zadziałało, ponieważ stają się one przewodnikiem dla odwiedzających, który pozwala poznać witrynę i wszystko, co ma do zaoferowania.

Pomyśl o Flo z Progressive, Williamie Shatnerze z Priceline czy The Old Spice Guy. W momencie, gdy zobaczysz te maskotki, nie możesz przestać się zastanawiać, w jaką „przygodę” cię zabiorą. To fantastyczny sposób na zbudowanie lojalnych fanów.

Jak wygląda metoda opowiadania historii z przewodnikiem „Podróż z przewodnikiem”?
W przypadku Aviation Gin współwłaściciel Ryan Reynolds nie tylko użyczył swojej gwiazdy mocy, ale także irytującego poczucia humoru, z którego jest dobrze znany marce.

Po wejściu na stronę mobilną twarz Reynoldsa jest pierwszą rzeczą, którą widzą odwiedzający:

Film (i absurdalny cytat pod nim) jest tym, czego można oczekiwać od Reynoldsa, opowiadającego dowcipy i wprowadzającego odwiedzających w absurdalny świat, który prawdopodobnie wymyślił na miejscu. Jest również krótki, do rzeczy i niewątpliwie sprawi, że odwiedzający pomyślą:

Dobra, dobra, muszę spróbować tego ginu.

Przewiń raz w dół, a znajdziesz to zaproszenie do połączenia się z Reynoldsem za pośrednictwem biuletynu Aviation Gin:

Chociaż zmniejsza nieco humor Reynoldsa, nadal przedstawia go jako pilota tej podróży, którą mają odbyć goście. A jeśli wiemy cokolwiek o tym, czego chcą nasi użytkownicy, to genialny ruch. Reynolds nie tylko macha przed nimi okazjonalną reklamą (jak wiele firm robi ze swoimi rzecznikami). Właściwie jest wbudowany w to doświadczenie.

Co więcej, Aviation Gin zbudowało resztę strony tak, aby grała jak lot, ze sprytnymi grami słownymi i odpowiednią grafiką.

Ta jednostronicowa witryna jest wykonana tak dobrze od początku do końca, a ogromna część tego wynika z historii, w którą się zobowiązali:

• Jesteśmy Lotniczym Ginem.
• Ryan Reynolds zabierze Cię do celu.
• Nie chcesz przyjść na przejażdżkę?

To świetna narracja. A dla tych, którzy nie wiedzą, kim jest Ryan Reynolds, zapięta na ostatni guzik strona internetowa z analogiami do lotu i grą słów również powinna wystarczyć, aby ich wciągnąć.

Pacto-Navio

Jaką historię opowiada strona?
Wciągająca opowieść

Jakie firmy czerpią korzyści z tego rodzaju opowiadania historii?
To kolejne skuteczne podejście do opowiadania historii, jeśli budujesz witrynę dla nowej firmy. Jednak w tym przypadku nie ma prawdziwej osoby, która mogłaby zabrać ich ze sobą w podróż marki. Zamiast tego musisz polegać na sile marki i umiejętności zaprojektowania czegoś wciągającego.

Będzie to szczególnie przydatne, jeśli firma nie istnieje od dłuższego czasu i nie masz zbyt wiele historii lub wyróżnień, z których mógłbyś czerpać. Po prostu upewnij się, że twoja opowieść jest wyraźnie skupiona, aby odwiedzający nie próbowali zejść ze ścieżki, którą dla nich utworzyłeś.

Jak wygląda metoda opowiadania historii w The Immersive Tale?
Aby zbudować wciągającą opowieść na mobilnej stronie internetowej, musisz przedstawić ją jako przygodę. W ten sposób odwiedzający nawet nie myślą o przycisku menu. Zamiast tego są gotowi do gry i pozwalają na przejście przez witrynę.

Pacto-Navio dobrze radzi sobie z tego rodzaju opowiadaniem historii. Jest wiele powodów, dla których to działa.

Po pierwsze, każda część historii ma dedykowaną pełną stronę:

To jest na przykład strona główna. Na początku wszyscy odwiedzający widzą kompas, ale potem obie ręce przesuwają się ze wschodu (Francja) i zachodu (Kuba), aby symbolizować dwa kraje, z których pochodzi rum.

To kolejny powód, dla którego ta strona jest tak wciągająca. Strona internetowa od samego początku aktywnie przenosi odwiedzających z punktu wejścia do miejsca docelowego. I mam na myśli to dosłownie .

Strona jest pełna animacji. Nie są przytłaczające ani niepotrzebne. Każdy z ruchomych elementów (nawet przejścia między poziomymi przewrotami stron) jest subtelny, ale istotny.

Projekt witryny jako całości powinien sprawić, że odwiedzający poczują się, jakby czytali jakąś epicką opowieść o przygodzie. Ale to jest strona internetowa; nie jakaś książka, która ogranicza się do opowiadania historii na kartach.

Witryna mobilna Pacto-Navio pozwala odwiedzającym decydować, kiedy chcą się zatrzymać i zwiedzić więcej. A kiedy to robią, ujawnia się więcej historii:

W pewnym sensie ten styl witryny — gdzie każda strona jest reprezentowana przez pojedynczą kartę i można je przewracać jak strony książki — jest jednym z najbardziej angażujących sposobów na opowiedzenie historii.

Każda strona i odpowiadająca jej grafika są wyświetlane pojedynczo. Następnie, gdy odwiedzający zdecydują się na więcej eksploracji, historia jest krótko opowiedziana, a małe animacje pozwalają im skupić się na poruszaniu się w dół strony. Naprawdę czujesz się, jakbyś czytał książkę.

Samuel Adams

Jaką historię opowiada strona?
List miłosny

Jakie firmy czerpią korzyści z tego rodzaju opowiadania historii?
Jeśli kiedykolwiek czytałeś książkę lub oglądałeś film, w którym fizyczna lokalizacja (zwykle miasto) ma do odegrania rolę w historii, to wiesz, jak emocjonalne może się to stać.

Weźmy na przykład dowolny film Woody'ego Allena. Wiele z nich rozgrywa się w Nowym Jorku lub w bujnych miastach Europy — i wydaje się, że same miasta są postaciami. To samo dotyczy książek. Stephen King często to robi, jak w przypadku Hotelu Overlook w Lśnieniu lub Więzienia Shawshank w Odkupieniu na Shawshank . Miejsca odgrywają tak samo ważną rolę jak bohaterowie opowieści.

Wierz lub nie, ale możesz to zrobić ze swoją witryną mobilną, jeśli jest przeznaczona dla firmy silnie powiązanej z danym obszarem geograficznym.

Jak wygląda metoda opowiadania historii The Love Letter?
Samuel Adams to browar silnie związany z Bostonem w stanie Massachusetts.

Ludzie z Bostonu mają tendencję do bycia zaciekle lojalnymi orędownikami lokalnych marek i firm – i ich związek z tym browarem nie jest inny. Dlatego nic dziwnego, że strona Samuela Adamsa jest poświęcona:

1. Miasto Boston,
2. Mieszkańcy Bostonu.

Pomyśl o tym jako o liście miłosnym do wszystkiego, co Boston.

Witryna mobilna zaczyna się od:

Na tym wizerunku bohatera nie ma wzmianki o piwie Samuela Adamsa. To jest wezwanie do działania: Toast Someone .

Ten film pokazuje komików wznoszących toast za ludzi, którzy zmienili ich życie i umożliwili im robienie tego, co robią. To naprawdę szczery sposób na rozpoczęcie podróży z Samuelem Adamsem.

Nieco dalej browar wyjaśnia, dlaczego komicy w pierwszej kolejności wzniecali te tosty:

Ale to nie tylko znane osoby, które marka poprosiła o udział w jej zbiorowym toaście. Kolejny film to oda do miasta Bostonu i jego mieszkańców.

Odwiedzający widzą słynnych mieszkańców Bostonu (takich jak Big Papi z Boston Red Sox, którzy okazują swojemu miastu miłość i szacunek), ale nie tylko znane postacie wypowiadają się w filmie:

Oprócz pięknych ujęć Bostonu możesz zobaczyć prawdziwych mieszkańców miasta. Na powyższym zrzucie ekranu jest jedna z osób, które przeżyły bombardowanie w Boston Marathon. Ale można też zobaczyć drużynę wioślarzy zmierzającą na rzekę Charles, zakład fryzjerski i ludzi boksujących na siłowni.

Jasne, butelki piwa Sama Adamsa można zobaczyć w toastach wznoszonych przez ludzi, ale to wciąż wzruszający film i piękna oda do miasta Bostonu. A ponieważ ta strona jest całkowicie oddzielona od sklepu Samuela Adamsa, pomaga skupić uwagę ludzi na projekcie toastów i pozytywnych nastrojach z niego płynących.

Wintrip Brew Co.

Jaką historię opowiada strona?
Powieść graficzna

Jakie firmy czerpią korzyści z tego rodzaju opowiadania historii?
Istnieje mnóstwo przykładów powieści graficznych i komiksów, które później stały się hitami filmów lub programów telewizyjnych:

• Żywe Trupy
• Strażnicy
• Miasto grzechu
• V jak Vendetta
• Duch w muszli

Prawdę mówiąc, ten styl opowiadania nie zadziała w przypadku większości marek, ponieważ wymaga, aby marka była ostra, mroczna lub przekraczała granice, aby działała. Potrzebuje również marki, aby była w 100% skoncentrowana na swoim produkcie. Nie oznacza to, że nie może mieć własnej oryginalnej lub inspirującej historii do opowiedzenia, ale tempo takiej historii powinno naprawdę skupiać się na tym, co sprzedajesz.

Jeśli nad tym pracujesz i masz kreatywne pomysły, aby zaprojektować witrynę, która reprezentuje szybkie i dramatyczne strony powieści graficznej, jest to świetny sposób na przyciągnięcie i przyciągnięcie uwagi odbiorców.

“

Jak wygląda metoda opowiadania historii w The Graphic Novel?
Nie ma jednego sposobu na projektowanie stron internetowych przy użyciu tej metody opowiadania historii. Dzieje się tak, ponieważ jest tak wiele różnic w sposobie projektowania powieści graficznych i komiksów. Na przykład Batman jest mroczny i nastrojowy. Watchmen to przesadny, retro design. A potem jest The Walking Dead , który jest po prostu brudny.

Musisz zdecydować, jaki rodzaj „przewagi” chcesz nadać swojej witrynie. Ale jedno jest pewne: musi mieć uderzający kontrast między ciemnością a światłem.

Oto strona mobilna firmy Wintrip Brew Co.:

Jeśli nie znałeś nic lepszego, możesz pomyśleć, że jest to strona z powieścią graficzną, a nawet grą wideo.

Ale to jest rzeczywiście sposób, w jaki Wintrip Brew Co. wita swoich gości — i jest to wspaniałe pierwsze wrażenie. W końcu, kto, u diabła, zadałby sobie trud zaprojektowania strony głównej tak, by wyglądała jak powieść graficzna, gdyby reszta witryny nie poszła w jej ślady?

Nie ma powodu, dla którego odwiedzający nie mieliby ochoty podążać tą ścieżką.

Każdy centymetr tej strony przypomina powieść graficzną. Porozrzucane są po niej dziwne postacie, które zapraszają odwiedzających do eksploracji większej ilości każdej strony (jak szef kuchni o oczach zombie powyżej).

Następnie jest faktyczna historia opowiedziana na stronach:

Typografia jest utrzymana w prostocie, a uderzający kontrast kolorystyczny dodaje jej wyrazistości. Jeśli odwiedzający nie wyczuwają subtelnych wskazówek, jakie daje projekt czcionki, to słowa, które są pełne postawy, z pewnością to zrobią.

Chociaż chciałbym pokazać, jak zaprojektowana jest strona „Piwo”, słowa na niej są niesamowicie ryzykowne. Wystarczy powiedzieć, że to, co widzisz powyżej, jest wierzchołkiem góry lodowej, jeśli chodzi o przesuwanie granic.

Ale to jest w porządku, ponieważ o to właśnie chodzi w tej marce. Nawet w sposobie warzenia piwa widać, że chcą się spodobać piwoszom, którzy szukają czegoś ciemniejszego i bardziej nowatorskiego. A projekt tej strony internetowej nadał temu idealny ton.

Yuengling

Jaką historię opowiada strona?
Oś czasu

Jakie firmy czerpią korzyści z tego rodzaju opowiadania historii?
Z osi czasu najlepiej korzystają marki, które mają długą historię. Są to firmy, które działają od ponad 100 lat. Odnosi się to również do firm, które mają dziesiątki kamieni milowych, które zdobyli przez lata.

Możesz nie dostać wielu z nich, które mijają twoją drogę, ale kiedy to zrobisz, Oś czasu to piękny sposób na opowiedzenie historii firmy (i jej lojalnych klientów).

Jeśli chodzi o to, dlaczego zdecydujesz się na tę metodę opowiadania historii, jest to jeden z bardziej efektywnych sposobów na zrobienie tego. W przeciwnym razie skończysz z szalenie długimi stronami, które próbują podsumować wszystko, co marka osiągnęła przez lata – a to byłaby strata czasu na zaprojektowanie czegoś takiego i poważny test cierpliwości odwiedzających.

Zamiast tego oś czasu dzieli historię na małe, strawne i wciąż bardzo imponujące fragmenty.

Jak wygląda metoda opowiadania historii na osi czasu?
Ten jest oczywisty. Zaczniesz od samego początku historii marki (zazwyczaj od tego, jak założyciele poznali się lub wpadli na swój pomysł), a skończysz na dzisiaj. Po drodze podzielisz się kilkoma słowami i przyciągającymi wzrok obrazami, aby podkreślić kamienie milowe.

Spójrzmy na przykład Yuengling, który jest najstarszym browarem w Stanach Zjednoczonych. Oś czasu firmy zaczyna się od jednego akapitu wprowadzającego i wideo:

Odwiedzający, którzy chcą poświęcić trochę czasu na zapoznanie się z tym wprowadzeniem, mogą to zrobić z łatwością. Reszta może przejść do osi czasu, która zaczyna się od założenia firmy w 1829 roku.

To, co zawsze jest miłe w osi czasu firmy, to możliwość zobaczenia, jak konsekwentnie jest od samego początku. Nawet jeśli firma przeszła z rąk do rąk lub zmieniła nazwę, niejednokrotnie projekt jej brandingu lub sam produkt pozostaje niezmieniony.

Możesz zobaczyć aluzję do tego powyżej z projektem Porter, który nie różni się od obecnego projektu niektórych opakowań Yuengling.

W miarę rozwoju historii odwiedzający mogą dowiedzieć się więcej o firmie — jej wygranych, stratach i zmianach, jakie wprowadziła dla dobra klientów.

Taki powinien być ostatecznie cel projektowania historii marki na osi czasu. Nie powinno tak być, aby można było wyświetlać nagrodę po otrzymaniu nagrody. Jeśli chcesz utrzymać zaangażowanie odwiedzających i ostatecznie zmienić ich w klientów, musisz im pokazać, w jaki sposób mają wpływ na historię.

Na powyższym zrzucie ekranu podsumowanie 1996 roku mówi:

Popyt na Yuengling faktycznie zaczyna przekraczać możliwości browaru. Podjęta zostaje decyzja o wycofaniu się z rynków poza obszarem lokalnym.

To jest dokładnie to, co klienci chcą widzieć, gdy szukają marek, którym mogą pozostać lojalni. Pokazuje to lojalność marki w dostarczaniu klientom wysokiej jakości produktu zamiast bogacenia się (co można było łatwo zrobić).

Zawijanie

Jak widać, istnieje mnóstwo sposobów na opowiedzenie historii poprzez projektowanie. I chociaż powyższe strony internetowe wyglądają dobrze na większych ekranach, to tam, gdzie naprawdę błyszczą, są urządzenia mobilne. Dzieje się tak, ponieważ projektanci są w stanie tworzyć doświadczenia, które przypominają przewracanie stron książki, zamiast konieczności przewijania nieskończonych ilości tekstu w Internecie.

Powyższa lista w żadnym wypadku nie jest wyczerpująca, ponieważ możesz opowiadać historie na różne sposoby dla firm. Po prostu posłuchaj, co Twoi klienci mają do powiedzenia o swoich firmach, a następnie stwórz podróż pasującą do tej, którą odbyli (lub objazdu, którym są dzisiaj).