Scrollytelling: jak wizualnie przekształcić treść i zaangażować czytelników

Opublikowany: 2023-03-13

Wkroczyliśmy w erę, w której wizualny internet nie jest już tym, czym był kiedyś.

Niegdyś rewolucyjne H1, H2, tekst akapitu i pojedynczy obraz umieszczony w celu wizualizacji Twojej historii, mają teraz nasycony format. Chcemy teraz responsywnej narracji z pełnowymiarowymi zdjęciami, przewijaniem paralaksy i być może kilkoma animacjami zawierającymi dużo danych, aby to wszystko uzupełnić.

Nie tylko chcemy dać się przekonać słowom opowiadanych nam historii, ale chcemy również, aby zostały one nam przedstawione w najbardziej interaktywny, ekscytujący sposób. Oczywiście wydawcy i marki eksperymentują z formatami, aby zaangażować swoich odbiorców.

Dobra wizualizacja powinna być solidna , co oznacza, że ​​projekt powinien być odpowiedni dla informacji, które opisuje. Powinien być użyteczny, umożliwiać widzowi wydobycie z niego znaczenia – i powinien mieć estetyczny wygląd , który przyciąga uwagę widza i zapewnia przyjemne wrażenia wizualne.

Visual storytelling nie jest nową koncepcją. W rzeczywistości istnieje, odkąd ludzie przenieśli pigment na kamień i kreślili historie na ścianach jaskiń. Jednak przewijane historie, wizualne opowiadanie historii w swojej nowoczesnej, przewijanej formie, zdecydowanie rozwinęło się dzięki takim czynnikom, jak technologia i wizualne narzędzia do opowiadania historii.

Z definicji wizualne opowiadanie historii to wykorzystanie obrazów, filmów, infografik, prezentacji i innych elementów wizualnych do stworzenia historii. To sposób na zwrócenie uwagi na treści w dobie infobesity.

Przewijanie daje czytelnikowi poczucie kontroli, eksploracji i odkrywalności. Format scrollytellingu jest często, ale nie tylko, używany przez działy handlowe i studia treści w przypadku treści markowych, długo czytanych artykułów redakcyjnych, reklamy natywnej, marketingu treści, marek przekazujących swoje przesłanie poprzez opowiadanie historii, a nawet w raportach.

Zazwyczaj tworzenie formatu przewijania odbywa się za pomocą narzędzia do tworzenia stron docelowych. Narzędzia te mogą tworzyć strony internetowe zaprojektowane tak, aby kierować odwiedzających do określonego celu konwersji i mogą ożywić projekt przewijania.

Badania przeprowadzone przez firmę Microsoft sugerują, że przewijanie stało się wszechobecną i potężną techniką stosowaną w opowiadaniu historii opartym na danych. Najbardziej innowacyjne historie wykorzystują przewijanie w kreatywny sposób, a postęp w technologii wizualizacji internetowej nadal kultywuje ten dynamiczny format przewijania online.

Przykłady scrollowania

W sieci jest wiele innowacyjnych przykładów scrollytellingu, niektóre bardziej zapadające w pamięć niż inne. Jednym z moich pierwszych pamiętnych spotkań z opublikowanym scrollytellingiem była Cocainenomics The Wall Street Journal, wysoce interaktywna reklama serialu Netflix Narcos , która nakreśliła historię kartelu Medellin.

konkaineomika
Źródło: The Wall Street Journal


Fast Company powiedział, że zawiera wszystkie raporty, grafiki, zdjęcia i filmy, których można oczekiwać od rozbudowanego interaktywnego artykułu, nazywając go „całkiem interesującą przekąską redakcyjną”.

Inny świetny przykład Scrollytellingu, który użytkownicy mogą znać, znajduje się na stronie docelowej Apple Watch Ultra. Na tej stronie każda sekcja zawiera mnóstwo ruchu z wizualizacjami tego, jak zegarek został wykonany, interaktywnymi diagramami i animacjami, aby zobaczyć projekt ze wszystkich stron. Czytelnicy zainteresowani Apple Watch Ultra nie są przeładowani specyfikacjami produktów, ale każdy szczegół jest podkreślony zwięzłym słownictwem.

Apple-watch-ultra

źródło : jabłko

Centrum Monitorowania Przesiedleń Wewnętrznych umieściło opowiadanie w formie scrollytellingu w swoim artykule zatytułowanym Droga była długa: głos z Ukrainy. Tutaj kobieta o imieniu Kristina opowiada swoją historię przesiedlenia z Charkowa, miasta na wschodniej Ukrainie, do Lwowa, miasta na zachodniej Ukrainie. W miarę jak czytelnicy przewijają stronę, pojawiają się nowe ilustracje z nawiedzonymi cytatami Kristiny i jej męża z ich wojennych doświadczeń.

głos-z-ukrainy

źródło : IDMC

Wywiad z ekspertem od Scrollytellingu

Co to oznacza dla cyfrowych zespołów produkcyjnych, gdy następuje szybki rozwój koncepcji takich jak Scrollytelling, postęp technologiczny i wyższy poziom interaktywności oczekiwany od widza?

Aby uzyskać jeszcze głębsze zrozumienie, zadałem kilka pytań Nelly Gocheva , globalnemu dyrektorowi redakcyjnemu T Brand Studio International , pioniera w branży, który zdobył wiele nagród za swoje wysiłki w zakresie Scrollytellingu, na temat tego, co Scrollytelling oznacza dla ich cyfrowego zespołu produkcyjnego.

P: Co pojawienie się „Scrollytelling” oznaczało dla zespołu ds. treści cyfrowych w T-Brand Studio?

Odp.: Używamy tego formatu od początków T Brand Studio, ponieważ w momencie, gdy wystartowaliśmy, redakcja The New York Times była już dość przyzwyczajona do „scrollytellingu”. Może ułatwić nawigację po stronie i uprościć wrażenia użytkownika bez uszczerbku dla interaktywności kreacji i ogólnego zaangażowania.

Jest to szczególnie przydatne w przypadku długich artykułów lub ogólnie konstrukcji, w których potrzebne jest ciągłe przewijanie. Tutaj przydają się różne techniki scrollytellingu – na przykład może aktywować animację, automatycznie odtwarzać wideo lub może przenosić czytelnika przez różne kroki lub segmenty danych, np.

Poniżej znajduje się ulubiony wczesny przykład „scrollytellingu”, w którym zwój jest włączony do ciągłego przejścia treści, a konkretnie danych.

miasta pod napięciem

P: Jakie zmiany zauważyłeś w umiejętnościach producentów cyfrowych od czasu, gdy format Scrollytelling stał się modelem biznesowym o dużym natężeniu? Jakich talentów i zasobów należy szukać, aby dostarczać wysokiej jakości Scrollytelling?

O: Myślę, że projektowanie i rozwój powinny iść ręka w rękę od samego początku procesu tworzenia pomysłów, ponieważ nie mogą funkcjonować oddzielnie. Dlatego dla mnie kluczowa jest praca z projektantem lub liderem kreatywnym, który jest świadomy możliwości (i ograniczeń) tworzenia i wykonywania, i odpowiednio, potrzebujesz programisty z wrażliwością projektową.

Na koniec dnia chcesz zapewnić bezproblemową obsługę dzięki eleganckiemu projektowi, a to nie może się zdarzyć po prostu w silosach.

P: Era informacji zasadniczo zmieniła sposób, w jaki konsumujemy treści. Jakiej rady udzieliłbyś nowym i obiecującym „scrollytellerom” oraz zespołom zajmującym się treściami cyfrowymi? Czy większa interaktywność jest zawsze lepsza, czy też „mniej znaczy więcej”?

O: Powiedziałbym, że poziom interaktywności – lub jej złożoność – zależy od wielu czynników. Na przykład, czy tworzysz doświadczenie mobilne, czy mówimy o komputerach stacjonarnych – ponieważ ludzie wchodzą w interakcje z treściami w różny sposób na różnych platformach i urządzeniach.

Ale sednem wszystkiego jest historia, którą chcesz opowiedzieć, jaka jest Twoja strategia dotycząca treści, grupa docelowa itp. I stąd możesz decydować o wykonaniu kreatywnym, formatach i poziomie interaktywności, jeśli taki istnieje. Jestem prawdziwym wyznawcą starej, dobrej zasady „forma podąża za funkcją”.

Projektowanie i rozwój, historia miłosna

Scrollytelling może być potężnym wizualnym narzędziem do opowiadania historii, jeśli jest dobrze wykonany. Ponieważ format ten staje się coraz bardziej wszechobecny, zespoły ds. technologii i treści cyfrowych muszą się do niego dostosować. Najlepsze przykłady przewijanych historii powstają dzięki współpracy między twórcami treści, projektantami i programistami.

Idealne dopasowanie to połączenie projektowania i rozwoju. Przy odpowiednim zespole, zasobach i technologii przewijanie może być skalowalnym, ekscytującym przedsięwzięciem. Nie ma wątpliwości: dzięki nieskończonym efektom i możliwościom kreatywnym, jakie oferuje format scrollytelling, może on być rozsądny, użyteczny i piękny dla wielu interesariuszy.

Jeśli jesteś zainteresowany eksperymentowaniem z tak zaawansowanymi środkami produkcji cyfrowej, musisz zacząć od odpowiedniego oprogramowania do projektowania stron internetowych. Znajdź odpowiedni dla swoich potrzeb i nie trać czasu na rozpoczęcie pracy.


Ten artykuł został pierwotnie opublikowany w 2019 roku. Został zaktualizowany o nowe informacje.