Wyszukiwarka bankowa
Projekt narzędzia do wyszukiwania oddziałów bankowych, placówek partnerskich i bankomatów.
O projekcie
Moim celem było stworzenie prototypu wyszukiwarki bankowej, aby móc zweryfikować użyteczność tego narzędzia jeszcze we wczesnej fazie i jak najkrótszym czasie.
Na wstępie otrzymałam informacje określające wymagania projektowe - użytkownik potrzebuje odnaleźć oddział, placówkę partnerską, lub bankomat, z możliwością wyboru poprzez określenie swojej lokalizacji lub za pomocą wyszukiwarki.
Bardzo istotne było także, aby potencjalny klient miał możliwość wyboru takiego punktu z różnymi dodatkowymi opcjami jak np. dostępność czy udogodnienia, a wyniki wyszukiwania znalazły się dodatkowo na mapie.
Z kwestii technicznych, wyszukiwarka powinna działać na desktopie, jaki i smartfonie.
CZAS TRWANIA
27 grudnia 2021 - 23 stycznia 2022
UŻYTE NARZĘDZIA
Docs
InVision
UXPin
Proces tworzenia
Research
Competitor UX Analysis
Paper Prototyping
Guerrilla Testing
Hi-fidelity Wireframes
01
Desk research
Zapoznanie się z tematem polegało na znalezieniu najpopularniejszych rankingowo banków, z których klienci najchętniej korzystają. Następnie zostały przeanalizowane funkcje wykorzystywane w ich wyszukiwarce. Dodatkowo zostały sprawdzone różnorodne strony korzystające z tego typu narzędzia.
02
Competitors UX Analisis
Spośród przeglądanych banków, wytypowałam kilka, które posiadają najbardziej intuicyjną wyszukiwarkę oraz z której najwygodniej się korzysta. Dodatkowo na wybór miała wpływ przejrzystość strony, jak i kwestie techniczne.
ZAPISANIE INFORMACJI
Konkurencja została opisana w formie tabelki,
która została podzielona na:
- popularność i ranking
- responsywność strony
- warstwa wizualna strony
- wygoda wyszukiwania
- wyświetlanie informacji
- ciekawe rozwiązania i mocne strony
- słabe rozwiązania
Analizując całościowo wybrane strony, skupiłam się na tym, w którym miejscu pojawiają się wyniki wyszukiwania, w jaki sposób zostały zaprezentowane podstawowe i szczegółowe informacje (w którym miejscu, czytelność), priorytetach wyszukiwarki, mapie oraz uzupełniających stronę estetycznymi dodatkami, typu ikonki.
Wypisane dane w tabeli zostały dodatkowo oznaczone kolorystycznie, aby podkreślić sobie ważność zdobytych informacji.
Na zielono
Zaznaczenia te oznaczają rozwiązania, które wypadły najlepiej na tle pozostałych banków. Uważam, że są one intuicyjne i wygodne podczas wyszukiwania.
Na żółto
Zaznaczenia te opisują funkcje, które również są dobrym rozwiązaniem i warto wziąć je pod uwagę.
Na czerwono
Zaznaczenia te oznaczają rozwiązania, których należy unikać lub wypadają najgorzej
na tle konkurencji.
03
Paper Prototyping
Rozrysowane zostały podstawowe elementy i informacje, które powinny znaleźć się na każdym z kroków podejmowanych przez użytkownika.
04
Guerrilla Testing
Test został przeprowadzony z trzeba osobami. Nie wykazały one większych problemów
z poruszaniem się po papierowych prototypach.
05
High Fidelity Interactive Wireframe L
Po wejściu w wyszukiwarkę jest możliwość skorzystania
z czterech opcji wyszukania - wybranie jednego z proponowanych miast, geolokalizacji, wpisania własnego adresu lub skorzystania z dostępnej mapy, która służy również do podglądu.
Wyniki wyszukiwania pojawiają się kolejno od najbliżej leżącego punktu wybranej lokalizacji. Natomiast na mapie obok, dostępny jest ich podgląd. Każdy wynik posiada podstawowe informacje na temat danego oddziału, placówki czy bankomatu.
Aby móc doprecyzować swoje wymagania dotyczące obiektu, możliwe jest skorzystanie z filtrowania, które dostępne jest po rozwinięciu. Zaznaczenie wybranych checkboxów automatycznie aktualizuje listę wyszukiwań.
Wybranie danego oddziału, placówki czy też bankomatu przenosi użytkownika do szczegółowych informacji, z możliwością powrotu do wyników wyszukiwania.
High Fidelity Wireframe M i S
Korzystanie z wersji mobilnej zostało ułatwione poprzez podzielenie listy wyszukiwań i mapy na taby. W ten sposób nie będzie konieczne scrollowanie, a jedynie przełączanie widoków.
