24 najlepsze interaktywne strony internetowe 2015 roku

Wszyscy zachwycali się w tym roku popularnością wideo w Internecie, ale mniej komentowana forma treści wizualnych – interaktywne strony internetowe – może być o wiele bardziej angażująca. Witryny te wciągają widza w bogate historie dzięki wspaniałym zdjęciom, filmom, słowom i interaktywnym elementom, które tworzą stymulujące osobiste wrażenia. To jedne z najlepszych i najjaśniejszych gwiazd w konstelacji doskonałych interaktywnych stron internetowych (o tej porze roku spędzamy dużo czasu w ciemności – przepraszam za używanie śmiesznej metafory). W każdym razie są to niektóre z rzeczy, które naszym zdaniem powinny robić naprawdę dobre interaktywne wrażenia:

• Zapewnij dostęp do ogromnych ilości danych i ich powiązanie
• Informuj lub zabawiaj
• Wykorzystaj interaktywność, aby stworzyć odrębne wrażenia dla każdego widza
• Stwórz emocjonalne połączenie, którego nie miałyby treści statyczne

Oto 24 naszych ulubionych, nominowanych przez ludzi z biura Visually. Obejmuje to mieszankę materiałów interaktywnych pochodzących z mediów informacyjnych, marek, organizacji geopolitycznych i projektantów, którzy robią to tylko dla zabawy. Jeśli naprawdę chcesz zagłębić się w szczegóły, możesz również zapoznać się z pełną listą wybranych przez naszych pracowników społeczności Visually. Staraliśmy się być bezstronni, ale ponieważ tworzymy kilka interaktywnych stron internetowych, z których jesteśmy dość dumni, kilka wślizgnęło się na listę. Poniżej wymieniliśmy te, nad którymi pracowaliśmy.

Czas: rok w kosmosie

Ważne, ponieważ: Ta interaktywna strona internetowa przedstawia podróż astronauty NASA Scotta Kelly'ego na Międzynarodową Stację Kosmiczną i jego czas w kosmosie w 2015 roku. Jest prezentowana w odcinkach, co ułatwia nawigację w podróży w kawałkach. Obrazy są oszałamiające wizualnie, a temat porusza w każdym z nas dziecięcego ducha poszukiwań. Wisienką na torcie jest to, że strona rozbija czwartą ścianę, pokazując, gdzie obecnie znajduje się Międzynarodowa Stacja Kosmiczna, a następnie wyjaśnia, jak wyjść na zewnątrz i zobaczyć ją na niebie.

Najlepsze cechy interaktywne: dynamiczne tła prowadzą do fragmentów wideo dokumentujących podróże i pracę Kelly'ego. Panel nawigacyjny po lewej stronie strony ułatwia klikanie z sekcji do sekcji, a także zapewnia telemetrię w czasie rzeczywistym, której można oczekiwać od NASA.

Land Rover: Gra znikania

Ważne, ponieważ: Ta aplikacja interaktywna ożywia napisaną historię autorstwa Williama Boyda. Opisuje siebie jako „przygodę opowiedzianą przy użyciu niesamowitych technik ery cyfrowej i społecznej”. W tłumaczeniu oznacza to interaktywny film, w którym widz ma kontrolę nad odbieranymi bodźcami. Usuń obrazy, przeczytaj przewijany scenariusz, posłuchaj narracji lub zamknij to wszystko, aby uzyskać niemy film.

Najlepsze cechy interaktywne: Ograniczone przyciski nawigacyjne pozwalają skupić się na oszałamiającej grafice i fabule. Treść zmienia się, gdy czytelnik przewija do przodu – pozwalając widzowi na ustalenie własnego tempa.

TSN: Favela United

Ważne, ponieważ: Ta prawdziwa historia z ubogich faveli w Brazylii przedstawia twarde młode kobiety, które zostały ukształtowane przez kulturę piłki nożnej. Świetne reportaże z dramatycznymi przejściami i oszałamiającymi wizualizacjami.

Najlepsze cechy interaktywne: Opowieść splata potężną ludzką narrację z głębokimi statystykami. Ta mieszanka wysokiej jakości raportowania, fotografii i projektowania jest całkowicie porywająca.

NPR: Dziewczyna może marzyć

Ważne, ponieważ: NPR łączy audio, wideo i interaktywny storyboard, aby zabrać widzów na wycieczkę do szkoły w Afganistanie, aby z bliska przyjrzeć się wyzwaniom stojącym przed kobietami w systemie edukacji.

Najlepsze cechy interaktywne: nieruchome klatki są łączone, tworząc animację, która posuwa historię do przodu. Tekst jest podzielony na małe fragmenty, które są nałożone na dolną część obrazów, aby ułatwić czytanie.

Cohn i Wolfe: Zliczanie cholesterolu

Ważne, ponieważ: Ta treść wyjaśniająca prowadzi czytelników stan po stanie poprzez statystyki dotyczące problemów związanych z cholesterolem (od średniego poziomu cholesterolu po świadomość i edukację). Pełne ujawnienie : Wizualnie wyprodukowane te treści.

Najlepsze cechy interaktywne: klikalna mapa ożywia tę historię, a oddzielne wizualizacje danych dla każdego stanu sprawiają, że historia jest spójna i wciągająca.

Świat zdjęć: jak duży jest Snapchat?

Ważne, ponieważ: Ta interaktywna gra to czysta zabawa. Pokazując, ile więcej zdjęć jest udostępnianych na Snapchacie w ciągu sekundy w stosunku do WhatsApp, Facebooka i Instagrama, zakres tworzenia treści na każdej platformie staje się szybko widoczny.

Najlepsze cechy interaktywne: licznik czasu tyka sekunda po sekundzie w miarę wzrostu łącznej liczby zdjęć udostępnianych na platformę społecznościową. Dodaje to stronie poczucia pilności i natychmiast sprawia, że ​​treść jest istotna dla widza.

JLL: Kwadrat: TECH

Ważne, ponieważ: ta interaktywna gra typu „wybierz własną przygodę” została zaprojektowana, aby pomóc startupom w poszukiwaniu powierzchni biurowej w Nowym Jorku. Użytkownicy tworzą profile samych siebie, a następnie otrzymują mnóstwo danych, które pomagają im zrozumieć, jak znaleźć odpowiednią siedzibę. Pełne ujawnienie: Wizualnie wyprodukowano tę treść.

Najlepsze cechy interaktywne: Podział treści na segmenty sprawia, że ​​treść jest przystępna nawet dla osób postronnych z branży nieruchomości. Połączenie wizualizacji danych i list kontrolnych sprawia, że ​​informacje wyglądają zgrabnie, a jednocześnie pozostają użyteczne.

Jason Davies: Światowe lotniska

Ważne, ponieważ: Zawsze chciałeś wiedzieć, gdzie działają lotniska na świecie w stosunku do skupisk ludności. Ech? Ok dobrze. To ważne, bo fajnie wygląda.

Najlepsze cechy interaktywne: najedź kursorem na dowolną część kuli ziemskiej, aby dowiedzieć się, które lotnisko obsługuje dany region. Kliknij i przytrzymaj, aby zakręcić kulą ziemską i odkryć węzły komunikacyjne, o których istnieniu nigdy nie wiedziałeś.

Biuro informacji o populacji: Arkusz danych dotyczących populacji świata 2015

Ważne, ponieważ: Ta interaktywna prezentacja przedstawia możliwości i wyzwania stojące przed kobietami na całym świecie. To powódź ważnych danych, uporządkowanych w postaci serii filmów i interaktywnych wykresów.

Najlepsze cechy interaktywne: Nawigacja jest zawarta na jednym przewijanym ekranie z mnóstwem klikalnych przycisków, które wyświetlają dane porównujące statystyki z 2015 r. i prognozowane na 2050 r. dotyczące globalnej populacji, płodności, edukacji i nie tylko.

New York Times: Lepiej wynajmować czy kupować?

Ważne, ponieważ: bez względu na to, gdzie mieszkasz w USA, ten zbiór narzędzi opartych na danych pomoże Ci zrozumieć debatę na temat kredytu hipotecznego w stosunku do leasingu.

Najlepsze cechy interaktywne: Przesuwane skale pozwalają użytkownikowi wybierać spośród wielu punktów danych — liczba lat w lokalizacji, cena domu, prognozy przyszłego wzrostu czynszu i inne — w celu wyjaśnienia decyzji o wynajmie lub zakupie. Kalkulator po prawej stronie strony jest ustawiony na miejscu, dzięki czemu czytelnik może zobaczyć, jak zmiany w różnych danych wejściowych mogą wpłynąć na jego perspektywę zakupu domu.

Zazzle: 10. rocznica

Ważne, ponieważ: platforma dla twórców i projektantów do uruchamiania i sprzedaży niestandardowych produktów (bez konieczności ich samodzielnego wytwarzania), Zazzle opowiada swoją historię w tym bogatym doświadczeniu, które jest częściowo osią czasu, a częściowo wyjaśnieniem opartym na danych. Pełne ujawnienie : Wizualnie wyprodukowane te treści.

Najlepsze cechy interaktywne: widz widzi żywy strumień projektów, które zostały wyprodukowane na Zazzle, w połączeniu ze statystykami, które wyjaśniają wpływ firmy. Obrazy i historie od rzeczywistych klientów dodają głębi i podkreślają wartość pracy z Zazzle.

23 i ja: 23 pary chromosomów. Jeden niesamowity ty.

Ważne, ponieważ: Jeśli nie zwracałeś uwagi na zajęciach ścisłych podczas sekcji poświęconej genetyce, możesz się czegoś tutaj nauczyć. Pełne ujawnienie : Wizualnie wyprodukowano tę treść

Najlepsze cechy interaktywne: kolorowe pary chromosomów można kliknąć i ujawniają informacje o pochodzeniu i chorobach genetycznych związanych z każdym z nich. Dodatkowe punkty za responsywność.

Saxum: USA energii

Ważne, ponieważ: Ta interaktywna aplikacja ułatwia wiele informacji na temat produkcji i zużycia energii w USA. Zaczynasz od przeglądania ogólnych trendów na szerokich obszarach, a następnie przechodzisz do szczegółów, aby zobaczyć szczegółowe informacje dla każdego stanu.

Najlepsze cechy interaktywne: klikalna mapa jest połączona z narzędziami do porównywania, które pozwalają znaleźć najtrafniejsze informacje, a następnie nadać im kontekst.

Celowe zwycięstwo: 50 stanów marnotrawstwa

Ważne, ponieważ: Jeśli jesteś politykiem lub organizatorem politycznym, ten sprawi, że będziesz przeczulony. Ta interaktywna aplikacja pokazuje, jak niewielki jest w rzeczywistości wpływ politycznej reklamy telewizyjnej. Pełne ujawnienie: Wizualnie wyprodukowano tę treść.

Najlepsze cechy interaktywne: Wizualizacje danych nałożone na mapę USA ujawniają statystyki, że 75 centów z każdego dolara emisji zostało zmarnowanych na niewłaściwych wyborców. Jezu.

Martin Ollivere: Kto zagarnia bogactwo świata?

Ważne, ponieważ: Często słyszymy o nierówności dochodów, ale ta wizualizacja sprawia, że ​​temat staje się bardziej mięsisty, dzieląc go za pomocą wizualnej metafory świni.

Najlepsze cechy interaktywne: Prostota sprawia, że ​​ta interaktywność działa. Przesuwająca się kwadratowa siatka jest łatwa do namierzenia, a ostrożne użycie liczb jasno opowiada historię rozbieżności.

Lynn Fisher i Nick Crohn: kody lotnisk

Ważne, ponieważ: teraz będziesz w stanie zinterpretować wszystkie dziwne akronimy na karcie pokładowej. Podsumowując, jest to fajny projekt, który pewnego dnia może pomóc Ci wygrać w Jeopardy.

Najlepsze cechy interaktywne: Uwielbiamy kompleksowy charakter tej interaktywnej, która obejmuje lotniska z całego świata. Kliknij dowolny kafelek, aby poznać interesujące fakty. Pamiętaj, aby kliknąć zakładkę „O mnie”, aby uzyskać dobrze wybrany GIF z Leslie Nielsen i załogą samolotu z samolotu!

BBC Future: Podróż do wnętrza Ziemi

Ważne, ponieważ: Jako dziecko prawdopodobnie marzyłeś o wykopaniu dziury na drugą stronę świata ze swojego podwórka. Ta interaktywna funkcja faktycznie pozwala ci to zrobić w pewnym sensie. Udasz się do jądra Ziemi i poznasz absurdalną liczbę faktów na temat tego, co znajdziesz po drodze.

Najlepsze interaktywne cechy: załóż steampunkowy sprzęt i zejdź pod ziemię, aby poznać standardową głębokość grobów w kulturze zachodniej, odległość, na jaką może zanurzyć się pingwin, i wiele więcej. Uwielbiamy ilustrowany pojazd do nurkowania, punkty danych rozrzucone na Twojej drodze do rdzenia i sposób, w jaki sceneria zmienia się w miarę przewijania w dół. Ten jest czysto zabawny i naprawdę interesujący.

PartyPoker: Twój mózg w pokerze

Ważne, ponieważ: Twojemu geekowi naukowemu spodobają się te ilustracje przedstawiające funkcjonowanie mózgu w zależności od poziomu umiejętności w pokera — początkującego, amatora lub eksperta.

Najlepsze cechy interaktywne: nie tylko możesz oglądać obrazy mózgu w akcji, ale także odwracać karty, oglądać filmy instruktażowe i czytać wskazówki, jak wystraszyć konkurencję przy stole.

Instytut Statystyki UNESCO: pozostawiony w tyle

Ważne, ponieważ: Jak już zauważyliśmy, wiele najlepszych materiałów interaktywnych w tym roku skupiało się na kluczowych kwestiach, z jakimi borykają się kobiety na całym świecie. Ta interaktywna funkcja jest w równym stopniu edukacją i rzecznictwem. Razem możemy pomóc promować edukację na całym świecie.

Najlepsze cechy interaktywne: zanurz się w historię, a na lewym marginesie strony odkryjesz kropki nawigacyjne. Zobaczysz zdjęcia prawdziwych ludzi, obejrzysz wykresy w kontekście tekstu objaśniającego i na koniec dowiesz się, jak możesz coś zmienić. Użycie hashtagu #leftbehind zachęca do kontynuowania rozmów w mediach społecznościowych.

ElkanoData: Fani w ruchu

Ważne, ponieważ: Rozrywka staje się światowym sportem w tej oszałamiającej wizualizacji najpopularniejszych wydarzeń na świecie opartych na międzynarodowej sprzedaży biletów, od sportu przez koncerty po teatr.

Najlepsze cechy interaktywne: Podoba nam się fakt, że po uruchomieniu tej interaktywnej aplikacji jest ona wyłączona i działa. Łuki pokazują na przykład, kto kupuje bilety na Super Bowl, a dane natychmiast pojawiają się, aby pokazać, ilu fanów opuściło swój kraj, aby udać się na wydarzenie, które miejsca reprezentowały najlepsze kraje pochodzenia i tak dalej. Pozwól, aby dane przepłynęły przez Ciebie lub zatrzymaj je, aby uzyskać szczegółową migawkę.

Duża grupa: Suknie Oscar

Ważne, ponieważ: wiesz, że oglądasz te programy z nagrodami w telewizji tylko po to, aby zobaczyć, jakich trendów w stylu tracisz (i w niektórych przypadkach żartować).

Najlepsze cechy interaktywne: kliknij dowolną sukienkę z 1954 r., a zobaczysz większą wersję stylu, dzięki któremu zabłysnął jej odpowiednik. Uwielbiamy odważne ikony udostępniania społecznościowego u góry każdego wyskakującego okienka i przejrzystą prezentację. Mniej dzwonków i gwizdków może sprawić, że prezentacja będzie bardziej atrakcyjna.

The Washington Post: złudzenie większości

Ważne, ponieważ: Pytanie dotyczące interaktywnego quizu w tym artykule pokazuje nam, jak mało naprawdę wiemy o naturze wpływów i popularnych opinii na dowolny temat.

Najlepsze cechy interaktywne: użycie szybkiej funkcji interaktywnej u góry tej wiadomości wcześnie angażuje czytelnika i zachęca do dalszego czytania i analizowania wizualizacji danych. Sprawia również, że historia staje się osobista, demonstrując zjawisko społeczne, które opisuje.

WBEZ, Ciekawe miasto: grupowanie autobusów

Ważne, ponieważ: skieruj swoją frustrację z powodu długich czasów oczekiwania na transport publiczny w tej zabawnej, ale edukacyjnej interaktywnej zabawie.

Najlepsze cechy interaktywne: Klikalne strzałki pozwalają czytelnikowi poruszać się do przodu i do tyłu w historii, która krok po kroku wyjaśnia, w jaki sposób rozkłady jazdy autobusów naturalnie się psują. Dalej sugeruje rozwiązania problemu – a wszystko to, wyjaśniając, że każdy z nich jest jasny, prawdopodobnie nadal by denerwował jeźdźców. Podobał nam się sposób, w jaki ta interaktywna aplikacja udostępnia wyrafinowane koncepcje i tworzy emocjonalne połączenie.

Instytut Statystyki UNESCO: Dzieci pozaszkolne

Ważne, ponieważ: Ten interaktywny program rozwiązuje problem dzieci, które nie mają dostępu do edukacji, której potrzebują, aby się rozwijać, wspierać przyszłą rodzinę i oddawać swojej społeczności.

Najlepsze cechy interaktywne: animowane wprowadzenie stanowi scenę dla widza, po czym klikalne przyciski wzdłuż prawej szyny dają wgląd w lukę edukacyjną w poszczególnych krajach. Punkty danych dzielą nierówności edukacyjne według lokalizacji (wieś i miasto), płci i względnego zamożności. Z każdym kliknięciem animowane dzieci biegają tam i z powrotem po stronie, podkreślając, że są to prawdziwi ludzie z prawdziwymi marzeniami, które nie zostały spełnione.

Szukasz więcej inspiracji? Zobacz kilka naszych ulubionych interaktywnych wizualizacji lub zapoznaj się z The Ultimate Video Playbook, aby uzyskać porady, wskazówki i sprawdzone metody dotyczące marketingu wideo.