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.