Free Way
Aplikacja Free Way jest to apka obsługująca przejazdy. Projekt aplikacji powstał na potrzeby kursu „Figma – praktyczny projekt aplikacji od podstaw” dla portalu strefakursow.pl.
Jako autor szkolenia starałem się stworzyć ścieżkę edukacyjną dla osób chcących opanować proces projektowania aplikacji mobilnych od A do Z oczywiście w poziomie podstawowym. Kurs skupia się na pokazaniu z jakich etapów powinien składać się proces projektowy, co powinno zostać uwzględnione przy początkowych procesach ( proces poznawczy i badawczy, analiza wymagań, tworzenia roadmapy, prototypowanie) oraz praktyczny proces projektowania poszczególnych ekranów aplikacji.
Jako że jest to podstawowy zasób wiedzy starałem się nie pokazywać zawiłości oraz w szybki i spójny sposób przekazać podstawy aby każda osoba, które chce zacząć projektowanie produktów cyfrowych wiedziała już co będzie jej potrzebne i z czym może się spotkać w organizacji.
Dodatkowo powstał mini produkt aplikacji do zamawiania przewozów, który może pełnić podstawę do zaprojektowania bardziej zaawansowanej aplikacji mobilnej.
Kluczowe zagadnienia
- Proces UX/UI
Proces tworzenia realnego projektu aplikacji do zamawiania przejazdów (ride-sharing) - Projektowanie komponentów
Budowanie skalowalnych systemów, pracy ze stylami, typografią oraz zaawansowanymi funkcjami Figma (Auto Layout, Constraints) - Multiplatformowość
Wyjaśnienie różnic w projektowaniu interfejsów na systemy Android oraz iOS, ucząc jak dbać o spójność przy zachowaniu specyfiki obu platform - Prototypowanie i testy
Jak ożywić statyczne ekrany za pomocą animacji i jak optymalizować projekt na podstawie feedbacku użytkowników.
Co zostało zrealizowane podczas kursu
- Cześć teoretyczna
Wiadomo że to jest zawsze najnudniejsza część ale postarałem się przekazać w prosty i zwięzły sposób czym jest aplikacja, z jakich narzędzi korzystam przy projektowaniu w Figmie (Style, komponenty, Auto-layout).
Uczestnicy kursu otrzymali krótkie wprowadzenia dotyczące Typografi w projektach digitalowych, przygotowania projektu, tworzenia roadmapy, korzystaniu z Wireframe-ów.
- Część praktyczna
W tej części budowaliśmy aplikacje, przechodziliśmy przez ekrany:
– Ekran logowania
– Ekran główny
– Menu
– Dostępności przejazdów
– Profil główny
– Profil kierowcy
– etc. - Zakończenie
Na zakończenie opowiedziałem czym jest współpraca online z zespołem i interesariuszami. Na czym polega współdzielenie projektu oraz w jaki sposób szybko przetestować projekt w Figmie.
