Bank's Finder

O projekcie

Opracowanie responsywnej wyszukiwarki bankowej

Pewien bank dostarczający nowoczesne produkty bankowe dostępne zarówno online jak i w tradycyjnych placówkach bankowych zgłosił się do mnie z zadaniem opracowania narzędzia do wyszukiwania placówek, oddziałów oraz bankomatów banku, który miał być swoistym MVP, punktem wyjścia do zebrania feedbacku z rynku. Ostatecznie miało ono być najprostsze z możliwych.

Rola

Projekt indywidualny

Czas

2 tygodnie

Mockup responsywnej wyszukiwarki bankowej

01

Desk Research

UX Analysis

Musiałem poszukać rozwiązań, które pomogą mi lepiej zaprojektować wyszukiwarkę. Musiałem myśleć nieszablonowo. Dlatego do analizy UX wybrałem… nowojorską sieć hot-dogów, która okazała się… strzałem w dziesiątkę. RWD to to czego szukałem. Oczywiście zainspirowałem się innych ciekawych rozwiązań z innych produktów jak czytelność layoutu czy ikonki sugerujące co to za punkt.

02

Wireframes

Wireframing & User Tests

Następnie zaczałem od szkiców, po których zrobiłem badania użyteczności. Badani musieli odszukać obiekty bankowe po obecnej lokalizacji, zaznaczyć parę filtrów, wybrać bank i wyznaczyć trasę. Jedynym problemem jaki badani napotkali to włączenie lokalizacji, a właściwie jej ikona, nie rozumieli jej. Chociaż było to zainspirowane od jednej z wyszukiwarek, to pominąłem rozwiązanie problemu, gdyż nie miałem pojęcia jak go rozwiązać.

03

Hi-Fi Wireframes

Viewporty small i medium

Nie mogłem zlekceważyć, by doświadczenia płynące z korzystania z urządzeń przenośnych były różne. Zaprojektowałem je tak, aby były one takie same na wszystkich urządzeniach. A więc zgodnie z Responsive Web Design.

Efektywne wykorzystanie pola fokusowego

Bardzo istotnym elementem było stworzenie layoutu o jak najmniejszym efektywnym polu fokusowym użytkownika. To wpłynęło bowiem drastycznie na wysoką użyteczność rozwiązania.

04

Czego się nauczyłem?

Myślenie Out of The Box i hot-dogi

Szukałem po internecie produktu, który mógłby zadowolić mnie i klienta. Nowojorska sieć tylko udowodniła mi, że myślenie szablonowe jest czymś szalenie ważnym w projektowaniu. I będę miał to długo w głowie.

Responsive Web Design, czyli twój sprzymierzeniec

Sprzymierzeniec nie tylko dla designerów, bo łatwiej zaprojektować. Nie tylko dla użytkowników, bo to prawie ten sam układ. Nie tylko dla deweloperów bo łatwiej zaprogramować. Ale także dla biznesu, bo łatwiej wdrożyć i utrzymać.