Cryptoduck

Proces

I. Faza audytu i researchu UX

1. Testy z użytkownikami

Metodyka badań z testerami polegała na przeprowadzeniu dwóch scenariuszy korzystania z istniejącego już serwisu.

• Pierwszy scenariusz zakładał wejście na platformę bez zaznajomienia się z informacjami na jej temat, symulujące pozyskanie użytkownika w sposób organiczny. W ten sposób mogliśmy odkryć błędy w komunikacji i microcopy na platformie, czyli uwagi dot. istoty serwisu.
• Drugi scenariusz miał na celu wykrycie problemów z użytkowaniem serwisu od strony doświadczenia użytkownika i ewentualnych błędów interface’u, mogących obniżyć retencję.

2. Analiza heurystyczna

Badanie polegało na analizie interfejsu pod względem heurystyk, czyli zasad i wskazówek, dzięki którym możliwa jest ocena serwisu. Analizę wykonaliśmy na podstawie 10 heurystyk użyteczności, opracowanych przez Nielsena i Molicha.

Sprawdziliśmy, czy na stronie nie występują najpowszechniejsze błędy i czy architektura informacji została tak zaplanowana, aby prowadzić użytkownika wprost do konwersji. Dzięki oparciu badania na ustalonych z góry zasadach możliwe było powtórzenie analizy po wprowadzeniu wymaganych usprawnień i łatwa ocena poprawy działania serwisu.

3. Usability checklist

Sprawdziliśmy działanie portalu według szczegółowej listy kontrolnej wytycznych, jakie serwis powinien spełniać. Jest to najbardziej obiektywny sposób oceny użyteczności serwisu, oparty na algorytmie, a zatem również najbardziej mierzalny i najdokładniejszy spośród wykorzystywanych w ramach audytu metodyk. Ocena zgodności jest zero-jedynkowa – każdy podpunkt jest oceniany w trójstopniowej skali.

4. Wędrówka poznawcza

Niezależnie od testów użytkowników, jako profesjonaliści zrealizowaliśmy także ustrukturyzowane badania scenariuszowe użycia serwisu. 

Sprawdziliśmy, jak wygląda i jak się zachowuje każdy aspekt produktu z punktu widzenia różnych potencjalnych użytkowników, badając wszystkie możliwe błędy i utrudnienia, jakie mógł napotkać na swojej drodze. 

Metodyka ta pozwala dokonać oceny przyjazności i płynności wykonania wybranego procesu lub procesów na stronie czy w aplikacji. W odróżnieniu od analizy heurystycznej główny nacisk położony jest na badanie płynności całego procesu, nie zaś pojedynczych stron i elementów serwisu.

5. Wnioski

Po przeanalizowaniu wyników wszystkich czterech metod badawczych wyselekcjonowaliśmy najważniejsze elementy do usprawnienia dla każdego z widoków. 

Oprócz licznych błędów wymuszających poprawę UI, jednym z najważniejszych elementów do usprawnienia była komunikacja serwisu z użytkownikiem. Najważniejsze z naszych rekomendacji obejmowały:

• utworzenie spójnego design systemu dla elementów i interakcji stosowanych w serwisie
• opracowanie spójnego stylu dla tabel (headery, wpisy z danymi, interakcje, tryby sortowania)
• zunifikowanie i uproszczenie elementów odpowiedzialnych za wprowadzanie danych
• usprawnienie procesu rejestracji i dodanie logowanie przez zewnętrzne serwisy
• dodanie social proof lub value proposition w celu zwiększenia konwersji dla ekranu rejestracji
• opracowanie pierwszej ścieżki użytkownika, onboardingu i guided tour
• zaprojektowanie widoków empty state
• dodanie nowych funkcjonalności: konfigurowalnych widgetów przyklejonych do ekranu, powiadomień i alertów desktopowych, wahań kursów, wykresów obserwowanych walut, listy top trending, statystyk sprawdzalności prognoz, możliwości obserwowania wybranych kursów kryptowalut.

II. Faza redesignu UX i UI

Projekt​​​​​​​

Design System

By zapewnić spójność wszystkich elementów w tak dużym projekcie stworzyliśmy zestaw powtarzalnych zasad i komponentów, z których budowane są kolejne strony i rozwiązania w produkcie. 

Ekran logowania 

W celu zwiększenia współczynnika rejestracji usprawniliśmy cały proces i dodaliśmy możliwość rejestracji przez zewnętrzne serwisy – Facebook oraz Google. Oba przyciski umieściliśmy w najbardziej widocznym miejscu jako domyślny sposób logowania do serwisu. 

Strategie i sygnały

Najważniejsze elementy aplikacji takie jak tabele z danymi oraz panele tworzenia nowych strategii zostały uproszczone i zunifikowane. Zadbaliśmy o czytelną architekturę informacji, wizualne wyróżniki oraz czytelność interakcji.

Ograniczyliśmy także ilość kroków do podjęcia na jednym ekranie, rozbijając wszystkie etapy na pomniejsze interakcje.

Konto i ustawienia

Widok ustawień konta podzieliliśmy na trzy sekcje, co znacznie poprawiło czytelność interakcji. Oparliśmy cały interfejs na powtarzalnych elementach znanych z innych sekcji aplikacji. Najważniejsze ustawienia profilu pozostawialiśmy zawsze widoczne, podczas gdy ustawienia konta, z których użytkownicy mogą korzystać rzadziej, ukryliśmy w podsekcjach widoku.