InVision i Craft: Tworzenie User Flows

Niniejszy kurs został przygotowany z myślą o praktycznym wyciąganiu wniosków na podstawie danych tak, aby móc podejmować odpowiednie decyzje biznesowe. Dowiesz się, dlaczego obecnie warto skupić się na myśleniu “data driven”, niż ślepo ufać swojej intuicji. Ten kurs będzie do tego doskonałym wsparciem.

Przegląd Platformy InVision

Na początku kursu przyjrzymy się najciekawszym narzędziom, które znajdziesz w ramach platformy. Zaczniemy też tworzyć projekt z wykorzystaniem Sketch, oraz zainstalujemy plugin Craft, z którego będziemy korzystać w trakcie całej pracy z kursem. Alternatywnie, możesz użyć tego pluginu w Photoshopie, lub pracować z samą platformą online. Podczas wstępnego setupu pokażę Ci także, jak pracować z Abstract, który zapewni wersjonowanie Twojego pliku projektowego.

Proces Projektowania w Teorii i Praktyce

Kurs jest przygotowany tak, aby przeprowadzić Cię przez wszystkie fazy projektowania. Na początku każdej z nich znajdziesz lekcję teoretyczną, w której dowiesz się, na czym polega dana faza, kto bierze w niej udział, na jakie pytania powinniśmy uzyskać w niej odpowiedzi, a także jakie powinny być jej rezultaty. To uporządkowany schemat, który sprawdza się zarówno w mniejszych, jak i w większych projektach.

Faza Koncepcyjna i Freehand

Na tym etapie dowiesz się, jak zebrać informacje niezbędne do pracy nad projektem, pomówimy o tworzeniu tak zwanych moodboardów oraz gromadzenia inspiracji w zakresie takich elementów projektu jak kolorystyka czy typografia. Pokażę Ci jak tworzyć tak zwane user flows a także Wireframey, do czego wykorzystamy platformę InVision. W szczególności, zobaczysz jak działa fantastyczna funkcja Freehand, która pozwala na współpracę wielu osób przy komentowaniu oraz przekazywaniu sugestii do prototypu.

Prototypowanie

Kolejno przejdziemy przez fazę prototypowania, w której odkryjesz narzędzia do tworzenia przejść i animacji w InVision. Stworzymy interaktywny prototyp lo-fidelity, który będzie nadawał się do przekazania do testów. Przy okazji poznasz wszystkie narzędzia animacji i dowiesz się jak przygotować projekt, który łatwo można przekazać do oceny klientowi lub przedyskutować w zespole.

Faza Projektowania

Na tym etapie zajmiemy się uszczegóławianiem projektu w Sketch’u. Przy okazji odkryję przed Tobą świetne możliwości pluginu Craft, z którego pomocą będziemy aktualizować prototyp, ale także korzystać z innych jego możliwości, takich jak praca z dynamicznymi danymi, jak również wykorzystanie zasobów ze stocków czy tzw. dummy data. Stworzymy kompletny Style Guide do naszej strony WWW a także zdetalowaną grafikę poszczególnych ekranów. Zadbamy także o to, aby w procesie projektowania przygotować wszystkie stany, potrzebne do developmentu.

Style Guide i Design System

Od prostego Style Guide przejdziemy do odkrywania możliwości Design System Manager’a, który jest nowością w ramach platformy InVision i oferuje wspólną pracę całego zespołu nad jedynym “źródłem prawdy” w zakresie komponentów oraz identyfikacji wizualnej dla projektu. Wszystkie przyciski, fonty, kolory, będziemy opisywać w ramach DSM, dzięki czemu będzie możliwe korzystanie z nich w dowolnym, kolejnym projekcie. Będziesz także mieć pewność, że na przestrzeni różnych projektów korzystasz z identycznych komponentów, które będą automatycznie aktualizowane jeśli ktoś dokona w nich zmian. Co więcej, DSM tworzy dynamiczną, webową wersję specyfikacji Twojego systemu projektowania.

Finalny Prototyp i Handoff

W końcu, ze wszystkimi elementami uporządkowanymi, przygotujemy finalny prototyp wysokiej złożoności, który będzie zawierał animacje oraz przejścia zaprojektowanych przez nas elementów. Tak przygotowany projekt możesz łatwo udostępnić klientowi lub w zespole, ale opcja, która teraz będzie nas najbardziej interesowała, to Handoff, czyli przekazanie plików projektowych do Developmentu. Zobaczysz, że z InVision jest to niezwykle proste!

Tyle narzędzi w świecie UX… co wybrać?

Rzeczywiście, świat projektowania rozwija się w niesamowitym tempie. Coraz więcej aplikacji zabiega o naszą uwagę i oferuje ciekawe rozwiązania. Na którą się zdecydować? Okazuje się, że pytanie należy zadać w nieco inny sposób: Kiedy użyć danej aplikacji? Każda z nich zawiera bowiem unikalną cechę, która sprawia, że nadaje się lepiej w konkretnym zastosowaniu. Jako UI designer masz przed sobą trudne zadanie, ponieważ powinieneś pozostać na bieżąco z większością popularnych narzędzi. Oczywiście, naszym zadaniem w kursach jest Ci to ułatwić!

Dla kogo jest ten kurs?

KKurs przeznaczony jest dla każdego UX/UI designera. InVision jest branżowym standardem, więc w zasadzie wiedza z zakresu jego narzędzi jest obowiązkowa w CV każdego szanującego się designera. Kurs przeznaczony jest dla początkujących, jak również tych bardziej zaawansowanych projektantów, którzy chcą pracować zgodnie z nowymi standardami i w aktualnych technologiach.