Czy scenorysy to brakujące łącze w procesie projektowania doświadczenia użytkownika?

Scenorysy… tego używają scenarzyści do tworzenia filmów i programów telewizyjnych, prawda? Tak, to prawda, ale storyboardy nie ograniczają się do świata fikcyjnej rozrywki. Mogą również odgrywać ważną rolę w procesie projektowania doświadczeń użytkownika.

W tym poście zajmę się wszystkim scenorysami. Zacznę od prostej definicji i dojdę do tego, jak używać scenorysów, aby tworzyć podróże użytkowników w swoim projekcie, a tym samym zaprojektować lepsze wrażenia użytkownika.

Czym są scenorysy?

Storyboardy to dość prosta koncepcja. Zasadniczo są to proste ilustracje, które sekwencyjnie przechodzą przez historię. Jak wspomniałem, są one najbardziej znane z tego, że wykorzystują je jako narzędzie do rozwijania fabuły filmów i sztuk teatralnych.

Aby uzyskać zabawną wizualizację działania scenorysów po zastosowaniu w filmach, Flavorwire utworzył listę scenorysów z niektórych znanych filmów. Pamiętasz tę słynną scenę zasłony prysznicowej z Psycho? Oto jak to wyglądało w formie scenorysu:

Ale storyboardy są przydatne nie tylko do układania fikcyjnych fabuł. Stały się również popularną metodą wizualizacji tego, jak prawdziwy człowiek doświadcza strony internetowej lub aplikacji.

Jeśli chodzi o Twoją witrynę lub aplikację, storyboard zasadniczo podąża za pełną podróżą konkretnego użytkownika, zaczynając od zmagania się z problemem, a kończąc na interakcji z Twoim dziełem i doświadczaniu pozytywnego rozwiązania.

Ważne jest, aby twój storyboard przedstawiał prawdziwą osobę z prawdziwym problemem w prawdziwym środowisku . Storyboardy powinny zawsze być autentyczne i ugruntowane w rzeczywistości.

Jak to może wyglądać w rzeczywistości? Oto przykład z Chelsea Hostetter z Austin Center for Design:

Zauważ, że storyboard Chelsea przedstawia całą historię od początku do końca? Nie skupia się tylko na korzystaniu przez Susan z aplikacji Heartline. Zaczyna się od rzeczywistej sytuacji, szczytem jest to, że Susan używa aplikacji, aby połączyć się z Tomem, a kończy na rzeczywistym rozwiązaniu problemu.

W jaki sposób scenorysy pomagają ulepszyć projektowanie doświadczeń użytkownika?

W dzisiejszych czasach duży nacisk kładzie się na big data. I chociaż zimne, twarde dane są z pewnością cenne, całkowicie usuwają człowieka z procesu projektowania. Storyboarding może pomóc przywrócić ten ludzki element do projektu.

Dzięki storyboardingowi prawdziwi ludzie wykonują prawdziwe działania, a nie abstrakcyjne opisy funkcji lub dane analityczne.

Poza elementem ludzkim tworzenie scenorysów ułatwia również szybkie korygowanie i powtarzanie pomysłów. Ponieważ wszystko, co robisz, to szkicowanie procesu, musisz zainwestować znacznie mniej czasu, niż byłoby to potrzebne do stworzenia działającego prototypu o tej samej funkcjonalności.

Oznacza to, że możesz wprowadzać zmiany szybciej, niż byłoby to możliwe w przypadku prototypu.

Wskazówki, które pomogą Ci stworzyć swój pierwszy storyboard

Nie musisz być profesjonalnym ilustratorem, aby stworzyć storyboard, ale istnieją pewne strategie, których powinieneś przestrzegać, aby tworzyć storyboardy, które są rzeczywiście pomocne w procesie projektowania.

Pamiętaj, że Twoim celem jest stworzenie czegoś autentycznego i przekonującego. W razie potrzeby wróć i ponownie zerknij na przykład Heartline. Zwróć uwagę, jak historia:

• Jest pełen ludzkich emocji
• Koncentruje się na całym scenariuszu, a nie tylko na części, w której bohaterowie używają Twojego produktu
• Ma jasną rozdzielczość

Chociaż produkt końcowy Chelsea jest dobrym przykładem, nie myśl, że musisz od razu przejść od pustej strony do w pełni rozwiniętego storyboardu.

Zamiast tego pomaga powoli budować ten produkt końcowy.

Po pierwsze pamiętaj, że Twoim celem jest posiadanie:

• Autentyczne postacie
• Prawdziwy problem życiowy
• Logiczny, autentyczny sposób na rozwiązanie tego problemu za pomocą Twojego produktu
• Rzeczywista rozdzielczość na końcu scenorysu

Aby upewnić się, że trafisz we wszystkie te elementy, łatwiej jest zacząć od opisów tekstowych, które naszkicują podstawy historii. Połącz je ze sobą w łuk narracyjny, ale nie martw się, że nie zagłębisz się jeszcze w szczegóły.

Następnie wróć i przepisz swoją historię, wprowadzając bardziej szczegółowe emocje. Co czują twoi bohaterowie na każdym etapie podróży? Czy są szczęśliwi? Smutny? Obojętny?

Gdy narracja i emocje zostaną naszkicowane zwykłym tekstem, możesz przetłumaczyć to na rzeczywisty scenorys. Aby to zrobić, podziel każdą akcję w historii na osobną ramkę i naszkicuj ją za pomocą prawdziwych ilustracji.

Jeśli masz umiejętności artystyczne, spróbuj wprowadzić emocje do swoich ilustracji podczas rysowania storyboardu.

Narzędzia ułatwiające tworzenie scenorysów

Zanim zajmę się zbytnio niektórymi narzędziami, które pomogą Ci tworzyć storyboardy user experience, powinienem doprowadzić do tego, że prawdopodobnie masz już wystarczające narzędzia siedzące gdzieś w szafie.

Oznacza to, że do stworzenia scenorysu niekoniecznie potrzebujesz niczego wymyślnego. Lo-fi z piórem i papierem jest całkowicie w porządku, jeśli masz zamiar być jedynym, który patrzy na swój storyboard. Lub zawsze możesz zastosować podejście cyfrowe, używając czegoś takiego jak PowerPoint, aby połączyć je w spójną historię.

Ale jeśli masz zamiar współpracować z innymi członkami zespołu, możesz tworzyć scenorysy, które wyglądają nieco bardziej dopracowane i profesjonalne niż pozwalają na to pióro i papier lub PowerPoint. W takich sytuacjach pomocne mogą być następujące narzędzia…

Storyboard That

Zamiast szkicować ręcznie, Storyboard That pozwala tworzyć storyboardy klatka po klatce przy użyciu gotowych elementów przeciągnij i upuść. Po naszkicowaniu historii za pomocą zwykłego tekstu możesz wykorzystać te elementy do stworzenia bardziej dopracowanego produktu końcowego.

Narzędzie jest dość proste w użyciu. Wszystko, co naprawdę musisz zrobić, to:

• Wybierz tło dla swojej sceny
• Dodaj postacie
• Przynieś tekst lub przedmioty

Na przykład mogłem stworzyć ten podstawowy scenorys w zaledwie kilka minut:

Chociaż wątpię, czy wygram konkurs na storyboard, jest to znacznie szybsze niż ręczne szkicowanie (przynajmniej dla mnie). Jedynym minusem jest to, że tracisz zdolność wyrażania emocji za pomocą mimiki twarzy swoich postaci.

Podstawowe narzędzie Storyboard That jest bezpłatne, ale mają również plany premium, które oferują więcej funkcji.

Tablice

Boords to bardziej zręczne i zaawansowane technologicznie narzędzie, które pomaga tworzyć storyboardy z istniejących ilustracji.

Chociaż nie pomoże ci to faktycznie stworzyć tych ilustracji, pomoże ci je uporządkować, dodać notatki i udostępnić swoje storyboardy przez Internet lub PDF:

Więc jeśli planujesz współpracować z innymi w swoim scenorysie, Boords znacznie ułatwia dostosowywanie się w locie.

Dostępny jest podstawowy bezpłatny plan, który pozwala mieć do dwóch scenorysów za darmo. Ale potem będziesz musiał zapłacić za Pro.

Zawijanie

Scenorysy służą nie tylko do filmów i przedstawień. Pomagają w szybszym iteracji, lepiej rozumieją użytkowników i nadają ludzką twarz całemu procesowi projektowania.

Pamiętaj tylko – Twoje storyboardy muszą być autentyczne i przekonujące. Szkicowanie trudnej sytuacji, w której Twój produkt ratuje świat, może być dobre, ale to nie jest cel storyboardów. Zachowaj realizm i skup się na opowiedzeniu całej historii od początku do końca.

Teraz do Ciebie – czy używasz scenorysów w swoim procesie projektowania? Jeśli tak, czy uważasz, że są warte czasu, który poświęcają na ich wykonanie?

Obraz miniatury artykułu autorstwa CharacterFamily / shutterstock.com