Dlaczego wyjątkowe cyfrowe opowiadanie historii bije wyjątkowo dobry design

Opublikowany: 2017-09-09

Wizualizacje są bardzo ważne w świecie projektowania cyfrowego. Weźmy na przykład zdjęcie mamy i jej dziecka bawiące się na świeżym powietrzu z uśmiechami na twarzy, dumnie wyświetlane na stronie producenta zabawek dla dzieci.

Pomyśl o tym zdjęciu grupy profesjonalistów w sali konferencyjnej, aby zobaczyć billboard z rozwiązaniem konferencyjnym, które przykuło Twoją uwagę podczas jazdy autostradą. Nawet najmniejsze logo na etykiecie nabiału kupionego w pobliskim sklepie spożywczym jest dziełem grafika.

Zdjęcia i grafiki są używane do opowiadania historii przez cały czas, ale projektanci czasami zapominają, że bez względu na to, jak wspaniale wyglądają ich strony internetowe lub grafika, publiczność zawsze będzie wypatrywać historii, która się za nimi kryje. Dobry projekt cyfrowy zawsze powie Ci „co”. Świetny projekt cyfrowy mówi również „dlaczego”.

Daj swoim widzom coś do obejrzenia, ale też miej coś do powiedzenia.

Do tej pory możesz zapytać: „Jestem projektantem. Czy pisarze nie powinni opowiadać tej historii? Jeśli jeszcze tego nie zauważyłeś, opowiadanie historii to coś więcej niż pisanie tekstu lub pisanie długiego artykułu na temat produktu lub usługi. Twoje wizualizacje również potrzebują opowieści. Pomyśl o bohaterskim człowieku, który ratuje szczeniaka przed przejechaniem przez jadący pojazd na ruchliwej ulicy. Albo wyobraź sobie tatę uczącego syna jeździć na rowerze, obserwującego, jak dzieciak śmiga radośnie. Są to małe momenty, w których ludzie angażują się w określone działanie, które wywiera wpływ.

Mówią, że media są wartościowe tylko wtedy, gdy są wykorzystywane do uzupełniania wartościowych treści. Jako projektanci musisz być w stanie opowiedzieć historię lub przekazać pomysł z każdym wyjściem. Obrazy, grafika i typografia to bardzo kreatywne sposoby przekazywania wiadomości; ale z każdą wiadomością musisz mieć coś do powiedzenia. Nie twórz tylko po to, by zaimponować; tworzyć, aby wyrazić.

Opowiedz swój projekt.

Zanim zaczniesz projekt, upewnij się, że masz historię. Dlaczego to robisz? Jaki jest sens dzielenia się tym? Zrób burzę mózgów, jeśli musisz. Powiąż słowa – rzeczowniki, czasowniki i przymiotniki ze swoim projektem. Pojawi się coś wspólnego; to może być Twoja historia projektowania.

Szczególnie dobrym przykładem jest kierunek, w jakim obrała markę TOMS, popularna komercyjna firma obuwnicza z siedzibą w Kalifornii. Nie było nic specjalnego w ich początkowej linii produktów; po prostu zrobili odgałęzienie prostych płóciennych butów wsuwanych, znanych w Ameryce Południowej, zwanych alpargatas. Ale tutaj staje się interesujące. Podczas pracy wolontariackiej założyciel Blake Mycoskie zauważył, że wiele dzieci nie ma butów. Kiedy Blake zaczął się bawić, zdecydował, że za każdą sprzedaną parę zapewni nową parę dla innego młodzieńca z kraju rozwijającego się, co jest obecnie znane jako model biznesowy „jeden za jednego”.

Storify your design

Dzięki tej wspaniałej historii, słowo o marce rozprzestrzeniło się lotem błyskawicy poprzez pocztę pantoflową i media społecznościowe. W szczególności ta historia znajduje odzwierciedlenie w witrynie internetowej obuwia TOMS. Wiele zdjęć w witrynie podkreśla historię firmy, zamiast umieszczać produkty, które oferuje, z przodu i na samym środku. W rezultacie są w stanie połączyć się ze zmysłami publiczności i przekazać historię, która rezonuje.

Innym dobrym zastosowaniem opowiadania historii w projektowaniu jest jednorożec transportowy, Uber. Na początku historia jest dość jasna. Transport publiczny jest do bani. Nie wiesz, kiedy nastąpi opóźnienie, nie wiesz, czy będziesz w stanie wygodnie jeździć, a potem musisz zapłacić gotówką. Chociaż firma napotkała szereg poważnych problemów, jej ogólnoświatowa obecność wyraźnie pokazała, że ​​Uber działa i doskonale wykonuje swoją pracę jako alternatywna usługa transportowa na żądanie.

Storify your design

Interfejs aplikacji rozwiązuje wszystkie problemy, które ma zwykły jeździec. Gdzie dokładnie znajduje się teraz przejażdżka? Ile czasu zajmie dotarcie samochodu do miejsca kierowcy? Ile zapłaci jeździec? Jaki jest numer kierowcy, jeśli trzeba się z nim skontaktować? Wszystkie istotne szczegóły, których potrzebuje kierowca, są wyświetlane w aplikacji w sposób systematyczny. Nawet strona internetowa Ubera wiele mówi o sile firmy. Każda grafika, ikona, a nawet czcionki krzyczą „przyjemne” i „łatwe”.

Opowiadanie historii poprzez projektowanie wymaga systematycznych procesów.

Podobnie jak w przypadku wszystkiego, co jest budowane ręcznie (i umysłem), efektywne projektowanie musi być zgodne z pewnymi procesami. Weźmy na przykład proces tworzenia strony internetowej. Budujesz storyboardy, zanim jeszcze zaczniesz tworzyć makiety lub makiety. Każda część Twojej historii powinna zawierać interakcję, na przykład, co się stanie, gdy użytkownik coś kliknie lub przewinie w dół i tak dalej.

Braden Kowitz, znany projektant doświadczeń użytkowników, sugeruje stworzenie serii narracyjnych przypadków użycia dla Twojego produktu, które ilustrują każdy etap podróży użytkownika. Nazywa to procesem projektowania skoncentrowanym na fabule. Dzięki temu możesz symulować wrażenia użytkownika i identyfikować wszystkie możliwe wyniki, w wyniku czego Twoje decyzje projektowe będą całkowicie oparte na tym, jak ludzie zdecydują się korzystać z Twojego produktu.

Stanowi to wyraźny kontrast z projektem wyśrodkowanym na ekranie, w którym przedstawiasz lub tworzysz przewodnik po interfejsie użytkownika, gdy pokazuje się plan. Pokazywanie planów oznacza, że ​​po prostu wyliczasz, w jaki sposób każdy element mieści się w planie. „Problem polega na tym”, mówi Kowitz, „Kiedy projekty są prezentowane w ten sposób, budujesz tylko zrozumienie, jak wygląda produkt. Nie skupiasz się na tym, jak produkt działa, ani nie symulujesz interakcji z klientami”.

Kowitz sugeruje również używanie narzędzi takich jak Adobe Fireworks i programów do screencastu podczas renderowania twoich historii, oprócz zwykłego oprogramowania do projektowania wizualnego Adobe Photoshop i Adobe Illustrator. Nie twórz dla internetu, projektując tylko pojedyncze ekrany.

Kiedy ćwiczysz przyjmowanie tej dyscypliny, twój proces projektowania będzie znacznie łatwiejszy. Możesz także podkreślić błędy projektowe, które często są pomijane. Możesz także być świadomy tego, czy osiągasz swoje cele projektowe w miarę postępów. Ponadto będziesz w stanie pracować szybciej, gdy będziesz mieć opisaną lub zaadresowaną każdą część procesu.

Ważny jest również sposób, w jaki opowiadasz historię swojego projektu.

W każdym projekcie projektowym najpierw musisz przygotować scenę dla swojej historii. Tło i nastroje mają znaczenie tak samo, jak rzeczywista wiadomość i pożądane rezultaty. Jak twoja historia przyniesie cios?

  • Wstaw osobistą historię. Musisz umieć przemawiać do zmysłów odbiorców. Jeśli jest to dla ciebie trudne, musisz być w stanie znaleźć sposób na włączenie odbiorców do swojej historii. Ludzie muszą być w stanie odnieść się do swoich punktów bólu, aby mogli podjąć działanie.
  • Powiedz nieoczekiwane. Nie zmuszaj użytkownika, aby powiedział: „Widziałem to wiele razy. Dlaczego miałbym w to wierzyć? Nie pozwól, aby Twoi odbiorcy stali się sceptyczni. Przyciągnij ich uwagę, robiąc coś nowego. Nie idź z szablonową kopią lub zbyt znajomą grafiką lub dźwiękiem.
  • Rzuć wyzwanie konwencjonalnej mądrości. Kto wiedział, że te malutkie emotikony można ulepszyć? Od tak dawna są częścią kultury wysyłania wiadomości tekstowych i wiadomości, ale dziś możesz nawet dołączyć ich ruchome wersje jako obiekty w filmach. Czasy uwagi ludzi skracają się z minuty na minutę, więc jako projektant musisz stale znajdować sposoby na ulepszanie nawet najprostszych, najczęściej używanych rzeczy, aby nie stały się nudne.
  • Zahacz je nowością. Do każdej historii wprowadzaj coś nowego. Dołącz dane, aby zweryfikować swoje roszczenia. Czy zastanawiałeś się kiedyś, dlaczego Twój mózg łaknie infografiki? Przetwarzanie prezentowanych im informacji zajmuje ludziom więcej czasu. Dzięki infografikom ludzie są w stanie przetwarzać symbole i liczby w ciągu milisekund i są w stanie natychmiast nadać im znaczenie. Są łatwe do strawienia i niezwykle wciągające.
  • Zadawaj prowokacyjne pytania. Udane historie projektowe zmuszą odbiorców do działania. Zawsze spraw, aby Twoi potencjalni lub klienci myśleli. O co toczy się gra? Co się potem dzieje? W ten sposób utrwalisz swoją historię.

Kilka fantastycznych przykładów, z których możesz czerpać wskazówki.

Teraz, gdy już wiesz, dlaczego dobre opowiadanie historii ma znaczenie i co oznacza dobre opowiadanie historii, nadszedł czas, aby zbadać więcej dobrych przykładów przekonujących wizualnych opowiadań.

1. Bellroy – Wyszczuplaj swój portfel

Bellroy
Wyszczuplaj swój portfel. Źródło

Ten jest naprawdę dobrym przykładem dobrze wykonanej historii projektowej. Przedstawia Ci już istniejący problem (w tym przypadku grube portfele) i pokazuje, jak produkt rozwiąże Twój problem, side-by-side. Jest też krótka instrukcja, co ma zrobić użytkownik: „Przesuń suwak, aby porównać portfele”. Proste sformułowanie, a jednocześnie bardzo precyzyjne. Nie zawsze zakładaj, że osoba odwiedzająca Twoją witrynę automatycznie będzie wiedziała, co robić.

2. Atlassian – marnowanie czasu w pracy

Atlassian
Marnowanie czasu w pracy. Źródło

Interaktywna infografika Atlassian chwyta Cię za nadgarstek z tym niepokojącym faktem: marnujesz dużo czasu w pracy. Następnie przedstawia statystyki potwierdzające to twierdzenie. Choć to zupełnie nowe informacje, to dość nudny temat. To, co czyni go skutecznym, to fakt, że jest prezentowany w sposób interaktywny i pełen kolorów, a jednocześnie oddaje poczucie profesjonalizmu. Kolor przyciąga uwagę i pomaga uwydatnić krytyczne informacje.

3. Slack – wzmianka NASA na stronie głównej

Slack
Wzmianka NASA na stronie głównej. Źródło

Przez pewien czas aplikacja Slack do pracy i przesyłania wiadomości miała bardzo sprytne włączenie ich strony głównej. Przedstawili NASA Jet Propulsion Lab, cenionego klienta, z kopią „Aplikacja do przesyłania wiadomości dla zespołów, które umieszczają roboty na Marsie !!” wraz ze zdjęciem Marsa jako wizerunkiem bohatera. To historia sama w sobie. Slack wyraźnie chce sugerować, że produkt jest wystarczająco dobry dla twojego zespołu, ponieważ używają go nawet naukowcy NASA. Projektując produkt, musisz mieć możliwość natychmiastowego przedstawienia propozycji wartości za pomocą jednego spojrzenia. Powiedz widzom, dlaczego się wyróżniasz, nie przesadzając z tym, co dostarczysz.

4. Twoodie – ekologiczne drewniane zabawki dla dzieci

Twoodie
Ekologiczne drewniane zabawki dla niemowląt. Źródło

To nie techniczne aspekty witryny będą cię przyciągać, ale opowiadanie historii związane z obrazami w witrynie. Aby podkreślić to, co oferują, wszystko jest w skali szarości, z wyjątkiem rzeczywistych zabawek. Wywołuje to uczucie czystości i prostoty. Widz musi dotrzymać obietnicy, że marka jest całkowicie zrównoważona, bezpieczna i organiczna dzięki dobrze przemyślanym projektom.

Wizualizacje zawsze będą esencją projektu. Jednak równie ważne jest wciągające opowiadanie historii, więc naprawdę opłaca się pomyśleć o historii, którą chcesz opowiedzieć. Zadbaj o to, aby uwzględnić to w procesie projektowania i połączyć tę interesującą opowieść ze swoimi projektami, kolorami, obrazami, czcionkami i efektami. Po zakończeniu oceń, czy historia działa, czy też pozostawia trwały wpływ. Upewnij się, że Twój projekt łączy się ze zmysłami, tworzy nowe doświadczenia i generuje trwałe rezultaty.