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.
