Konferencje
Mobile Trends

Co to jest scrollytelling? Jak UI opowiada historie użytkownikowi?

UX ma wiele obliczy. Jedną z jego części jest dobrze znana w marketingu koncepcja opowiadania interfejsem historii. Storytelling na ekranie nie musi ograniczać się do mikrokopii, zdjęć czy video. Cała strona może opowiadać historię. Jednym z zaawansowanych sposobów na interakcję użytkownika ze stroną jest scrollyteling.

Scrollytelling to nie tylko nowa forma opowiadania historii w internecie. To nowa forma odbioru treści online i rozwój koncepcji storytellingowej na aspekt typowo związany z UI. Ten dynamiczny format pozwala na tworzenie angażujących narracji, ożywających wraz z przewijaniem strony. Czy warto z niego korzystać? Jakie są jego zalety i wady? Przyjrzyjmy się temu bliżej.

Czym jest scrollytelling?

Scrollytelling, jak sama nazwa wskazuje, to technika opowiadania historii poprzez przewijanie strony internetowej. Z każdym scrollem lub tapem pojawiają się nowe elementy narracji, takie jak tekst, zdjęcia, wideo czy animacje. To interaktywny sposób prezentacji treści, który angażuje użytkowników i pozwala im odkrywać historię krok po kroku.

Scrollyteling – warto z niego korzystać?

Marki mogą wykorzystać scrollytelling do opowiadania swojej historii w sposób, który przyciąga uwagę i buduje pozytywne skojarzenia z marką.

Angażująca narracja

Scrollytelling pozwala na stworzenie angażujących i interaktywnych narracji, które trzymają użytkownika w napięciu od początku do końca.

Wizualne bogactwo

Dzięki wykorzystaniu różnorodnych multimediów, takich jak zdjęcia, wideo czy animacje, scrollytelling oferuje wizualne bogactwo, które przyciąga uwagę użytkowników i sprawia, że treść staje się bardziej przystępna i atrakcyjna.

Łatwa nawigacja

Prosty mechanizm przewijania strony eliminuje potrzebę klikania czy przesuwania w poziomie, co ułatwia użytkownikom nawigację i skupienie się na treści.

Wysoki poziom zaangażowania

Scrollytelling zachęca użytkowników do interakcji i angażuje ich na dłużej, co przekłada się na wyższy poziom zaangażowania i większą skłonność do udostępniania treści.

Dynamiczna prezentacja

Wykorzystanie różnorodnych mediów pozwala na dynamiczną prezentację treści, co sprawia, że historia staje się bardziej atrakcyjna i porywająca.

Elastyczność

Scrollytelling może być stosowany w różnych kontekstach i branżach, od dziennikarstwa po marketing, co czyni go wszechstronnym narzędziem do opowiadania historii online.

Wady scrollytellingu

Pomimo licznych zalet, scrollytelling nie jest jednak pozbawiony wad. 

Kosztowna produkcja

Tworzenie scrollytellingu może być kosztowne i wymagać zaangażowania zespołu specjalistów, co może być ograniczeniem dla mniejszych firm lub projektów z ograniczonym budżetem.

Problemy z optymalizacją

Przy zbyt dużej ilości mediów i efektów, strony oparte na scrollytellingu mogą mieć problemy z szybkością ładowania i optymalizacją, co może negatywnie wpływać na doświadczenie użytkownika. Podobnie można znaleźć głosy ekspertw, ktorzy pokreślają, że brak specjalnego CMS’a znacznie utrudnia wdrożenie dobrej strony opartej na tym formacie.

Przykłady scrollytellingu

Snow Fall: The Avalanche at Tunnel Creek: Pionierski przykład scrollytellingu opublikowany przez The New York Times, który zyskał uznanie za swoją interaktywność i wizualną atrakcyjność.

BBC News: Mission Jurassic: Searching for Dinosaur Bones – Przykład scrollytellingu wykorzystany przez BBC News, który pozwala użytkownikom na interaktywne odkrywanie świata paleontologii i dinozaurów.

Marks & Spencer: Przykład wykorzystania scrollytellingu przez markę M&S do opowiedzenia historii o zrównoważonym rozwoju.

Scrollytelling a UX

Scrollytelling to nie tylko narzędzie do opowiadania historii online, ale także ważny element designu produktu cyfrowego. Dzięki swojej interaktywności, wizualnej atrakcyjności i łatwej nawigacji, scrollytelling może poprawić doświadczenie użytkownika na stronach internetowych oraz zwiększyć zaangażowanie i skuteczność komunikacji. Jednak aby osiągnąć pełen potencjał tego formatu, konieczne jest zrównoważenie jego zalet i wad oraz dostosowanie do konkretnych potrzeb i celów projektu.

Przydatne artykuły:

Udostępnij
Mobile Trends
Zobacz także