Samouczek #1: Podstawy interfejsu

W niniejszym artykule omawiamy przeznaczenie poszczególnych elementów interfejsu.

Zdjęcie z unsplash.com

Zapraszamy do zapoznania się z podstawowymi elementami nawigacji EasyBudget.pl.

Zaczynając od lewej strony aplikacji - widoczne jest tam menu nawigacyjne, które pozwala na przechodzenie pomiędzy ekranami aplikacji.

Lewe menu image
Lewe menu

Menu zmienia się zależnie od aktualnie wybranego budżetu (na widocznym powyżej zrzucie ekranu - "Budżet domowy") i widać w nim listę dostępnych dla niego funkcjonalności. 

Zlokalizowany na górze ekranu pasek wskazuje miejsce aplikacji w którym aktualnie się znajdujemy oraz informacje o aktualnie zalogowanym użytkowniku (wraz z rozwijanym menu z ustawieniami konta i opcją wylogowania się). W przypadku urządzeń mobilnych widoczny z lewej strony hamburger pozwala na zwijanie/rozwijanie lewego menu.

Górny pasek image
Górny pasek

W środkowej części ekranu znajduje się zasadnicza część aplikacji. W zakładce "Budżetowanie" jest w niej także widoczny dodatkowy pasek nawigacyjny służący do zmiany aktualnego miesiąca oraz przełączanie pomiędzy różnymi widokami budżetu: Realizacja, Plan oraz Podsumowanie.

Widok ekranu budżetowania image
Widok ekranu budżetowania

Zawartość oraz dostępne funkcjonalności wszystkich opcji zostaną przedstawione w kolejnych samouczkach.