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ć.