Trend Line

O projekcie

Narzędzie giełdowe na rynek fintech

Otrzymałem zlecenie od pewnej organizacji, gdzie w wielkim skrócie, miałem do zaprojektowania interaktywne rozwiązanie dodawania, edycji i modyfikacji linii trendu. Musiałem zastanowić się nad stylowaniem, innymi przydatnymi rozwiązaniami ułatwiającymi codzienne korzystanie z tej funkcji, a także nad efektywnym wykorzystaniem ekranu. Wisienką na torcie miało być zaprezentowanie wersji Dark Mode.

Rola

Projekt indywidualny

Czas

2 tygodnie

Atrakcyjny mockup z równie atrakcyjnym designem aplikacji

01

Desk Research

Poznanie potrzeb użytkowników

Wpierw ważne było poznanie potrzeb użytkowników zajmujących się analizą wykresów i prognozowaniem trendów w branży fintech. Stąd zapoznałem się z analizą techniczną oraz odczytaniem różnych wykresów oraz pobawiłem się platformami giełdowymi jak Yahoo! Finance czy TradingView.

Zapoznanie z Dark Mode

Dalej zagłębiłem się w tajniki projektowania wersji Dark Mode, tak aby spełniały standardy dostępności, a jednocześnie były estetyczny.

02

Wireflows

Droga do funkcji

Stworzyłem wireflows, by zaprezentować jak użytkownik będzie dochodził do menu z narzędziami rysowania i wyboru funkcji linii trendu.

Wireflows funkcji linii trendu

03

Paper Prototyping

Paper Prototyping & User Tests

W kolejnym kroku przygotowałem prototyp papierowy i przetestowałem go z badanymi. Mieli za zadanie dodać linię trendu, wyznaczyć by przechodziła przez dwa punkty oraz ją edytować. Badani borykali się z problemem dodania linii, jednak po dokładniejszym wyjaśnieniu pytania bez trudu przechodzili przez kolejne etapy zadań.

04

Design

Estetyka i prostota

Aplikacja powinna zawsze wykazywać się łatwością i szybkością, a jednocześnie być niekonwencjonalna. Wygląd i styl marki jest swobodny i ekscentryczny. Zdecydowałem się zaprojektować rozwiązanie w trybie Landscape, gdyż dla użytkowników ważny jest przedział czasowy i analiza, jak zachowywał się dany kurs.

Typografia

Kolory

#40CD8F
#F290BF
#080808
#FFFFFF

Ciemna strona mocy

Przy projektowaniu Dark Mode sama inwersja kolorów nie wystarczy. Miałem na względzie to, aby elementy były czytelne, kolory nie raziły po oczach w nocy i nie odbiegały od trybu Light Mode.

Porównanie wersji Light i Dark

05

Czego się nauczyłem?

Dark Mode

Dark Mode, jak się okazało ma pewne cechy o których warto pamiętać, a każdy kolejny artykuł wskazywał na co warto jeszcze zwrócić uwagę.

Upraszczaj zadania

Steve Jobs przy tworzeniu systemu operacyjnego na pierwszego iPhone’a chciał by każde zadanie było wykonywane w trzech kliknięciach. To sprawia, że wykonywanie tasków jest maksymalnie, proste, szybkie i intuicyjne.