Narzędzie giełdowe – Rozwiązanie mobile na rynek Fintech

Opis zadania

Moim zadaniem było zaprojektowanie interaktywnego rozwiązanie dodawania, edycji i modyfikacji linii trendu w aplikacji do śledzenia ruchów na giełdzie.

WIREFLOW

Na środku wykres.
U dołu po lewej możliwości edycji wyświetlania wykresu, a wśród nich opcja rysowania.
U dołu po prawej kwoty sprzedaży i kupna.
W prawym, górnym rogu ikony powiadomień i ustawień aplikacji.

Wybór narzędzia do rysowania (1)

Wysuwa się menu (2) – lista możliwych figur do użycia na wykresie. Wybór linii trendu.

Linia trendu w domyślnej formie wyświetla się na wykresie (3).
U dołu (4) pojawiają się możliwości stylowania linii.
Linię można przeciągać i formować.

Po kliknięciu na linię (5) wysuwa się menu gdzie można znaleźć możliwość kopiowania i usuwania kolejnych linii trendu.

PAPER PROTOTYPING

Projektowanie zacząłem od naszkicowania prototypu widoku aplikacji:

GUERRILLA TESTING

Przeprowadziłem kilka podstawowych testów użyteczności i intuicyjności aplikacji. Testy przebiegły pomyślnie i mogłem zacząć projektować UI.

HI-FIDELITY UI DESIGN

Poniżej mój hi-fidelity UI design:

DARK MODE

Wymaganiem Klienta było również przygotowanie dla aplikacji wersji Dark Mode. Poniżej moja propozycja trybu ciemnego.

Dark Mode

Light Mode

HI-FIDELITY & INTERACTIVEWIREFRAMES (VIEWPORT S)