Educational platform iOS
Historie użytkowników (User Stories)
<aside> 📌
</aside>
W dzisiejszym świecie widzimy, że uczniowie uczą się nie tylko przy komputerze i nie tylko w instytucjach edukacyjnych — każdy stara się zdobywać wiedzę tam, gdzie mu wygodnie, i w czasie, który mu odpowiada. Aby uprościć system nauczania i zwiększyć zaangażowanie uczniów, stworzyłam mobilne wersje platformy na iOS i Android jako istotny element całego rozwiązania.
Tworzenie aplikacji mobilnych opierało się na podstawowych wytycznych iOS i Androida. Przeprowadziłam badania i wybrałam dla naszej platformy oraz aplikacji najbardziej odpowiedni, a zarazem treściwy design, czcionki i styl zgodny z zaleceniami producentów.
| iOS | Android |
|---|---|
| Dostosowanie • Large Title, tab bar, znajome elementy. • Zasady clarity, deference. | Dostosowanie • Material You, FAB, dolna nawigacja. • Adaptacyjne układy. |
| Typografia • San Francisco, Dynamic Type. • Wysoki kontrast. | Typografia • Roboto / Google Sans. • Skalowalność, czytelność. |
| Interaktywność • Animacje, gesty swipe, hapticzne sprzężenie zwrotne. | Interaktywność • Material Motion, płynne przejścia. |
| Powiadomienia • UserNotifications. • Jasne przypomnienia push. | Powiadomienia • Notification Channels. • Zarządzanie priorytetami. |
| Nawigacja • Pasek zakładek + nawigacja stosowa. • Łatwy dostęp do sekcji. | Nawigacja • Dolna nawigacja + drawer. • Wygodne przełączanie się. |
Projektując aplikacje mobilne, kierowałam się natywnymi wytycznymi obu platform, aby zapewnić użytkownikom zrozumiałe, wygodne i naturalne doświadczenie.
Na iOS kierowałam się zasadami Human Interface Guidelines:
Clarity – przejrzysty interfejs z dużymi nagłówkami (Large Title) i prostym tab barem;
Deference – minimalistyczny design bez zbędnych detali, skupienie na treści;
Depth – płynne animacje, gesty swipe i hapticzne sprzężenie zwrotne dla naturalnej interakcji.
Na Androidzie opierałam się na zasadach Material Design:
Material You – dostosowanie do motywów i kolorów urządzenia;
Clarity & Hierarchy – wyraźne czcionki (Roboto / Google Sans), FAB i dolna nawigacja dla łatwego dostępu;
Motion – płynne animacje (Material Motion), które czynią nawigację zrozumiałą i spójną.
Efekt:
Stworzyłam aplikacje mobilne, które wyglądają natywnie na swoich platformach, zapewniają łatwą nawigację, komfortową naukę i szybki dostęp do wszystkich funkcji — zawsze i wszędzie.
<aside> 📌
</aside>
