2. O czym opowiemy?
● Czym zajmuje się projektantka?
● Jak przygotować się do roli projektanta?
● Jak rozwijać swoje umiejętności w praktyce?
● Jak zbudować portfolio?
4. ● ,,Nadaje kształt” pomysłom i potrzebom biznesowym klienta
○ uczestniczy / prowadzi warsztaty, zbiera wymagania, funkcjonalności
● Uczestniczy w powstawaniu produktu od pomysłu po wdrożenie i testy
● Współpracuje z całym zespołem PM, Front-end, Back-end, QA
● PROJEKTUJE
Co robi?
8. Branding i język
wizualny aplikacji
● elementy
identyfikacji
wizualnej
● projekty graficzne
widoków
● UI kit
● animacja
9. Kto co projektuje?
● Nikt nie jest dobry we wszystkim
● Praca zespołowa
● Wiele specjalizacji/ról:
○ Product designer, UX designer, UI designer, Motion designer...
11. Zdobywaj wiedzę
● Ucz się: studiuj, rób kursy, bierz udział w warsztatach
● Czytaj książki, blogi, artykuły: bądź na bieżąco
● Szlifuj angielski: czytaj artykuły, słuchaj podcastów
● Poznawaj i testuj istniejące aplikacje i platformy: zakładaj konta i klikaj
● Poznawaj wzorce projektowe: aplikacje desktopowe i mobilne
● Bierz udział w lokalnych wydarzeniach: UX Wrocław, WUD Wrocław, itp
12. ● Zawsze potrzebne: papier i ołówek / tablica i mazak / kolorowe karteczki
● Do rysowania diagramów / map stron: Draw.io, Lucidchart
● Do prototypowania: Axure, Balsamiq, Sketch + Invision
● Do projektowania języka wizualnego: Sketch (Mac), Adobe Photoshop, Figma
● Do projektowania interakcji i animacji: Principle (Mac), Adobe After Effects
Poznawaj narzędzia
13. Projektuj
● Projektuj: praktyka czyni mistrza
● Nie czekaj aż przeczytasz wszystko, poznasz narzędzia
● Wyznaczaj sobie zróżnicowane zadania a dowiesz się co interesuje Cię najbardziej
● Mądrze wykorzystuj dostępne zasoby: bazy zdjęć i ikon, UI kit’y
15. Przerysuj istniejący
interfejs
W trakcie poznajemy,
zauważamy i rozumiemy
architekturę aplikacji,
wszystkie elementy,
detale, stany;
obserwujemy jak 'żyje'
aplikacja.
21. Cele zadania:
1. Usprawnienie nawigacji, wyszukiwania i prezentacji wyników
2. Odświeżenie strony wizualnej aplikacji
3. Wzbogacenie aplikacji o animacje
23. 2.
Odświeżenie strony
wizualnej aplikacji UI
● uproszczona, linearna
wersję logo
● nowa typografia poprawia
czytelność treści
● rozbudowana paleta,
‘call to action’ bardziej
intuicyjne
● nowe ikony
26. Pokaż jak myślisz, pokaż swoje
umiejętności
● Dostosuj portfolio do wymagań stanowiska na jakie aplikujesz; aplikacje (desktop/mobile), platformy
e-commerce, strony internetowe, makiety, interakcje, animacje
● Ogranicz liczbę projektów w portfolio, skup się na jakości, max 5
● Zadbaj o różnorodność: branding, pakiet ikon-do pobrania, redesign istniejącej, rwd, mobile, mikrointerakcja
● Udostępniaj swoje projekty w sieci, na grupach dyskusyjnych, platformach projektowych;
rozmawiaj