--- title: Ocena interfejsów aplikacji bankowych tags: interfejs, bank, recenzja, ocena --- # Ocena interfejsów aplikacji bankowych Przedstawiamy recenzję trzech różnych interfejsów aplikacji bankowych z perspektywy użytkownika banku chcącego sprawdzić stan konta i wysłać przelew. --- ## iPKO aplikacja mobilna --- ![](https://i.imgur.com/NbSPxI0.jpg =400x) Po otwarciu aplikacji IKO jesteśmy witani przez wolny od reklam, czysty i klarowny interfejs, który umożliwia łatwe i szybkie logowanie poprzez wciśnięcie przycisku ulokowanego na dole ekranu. --- ![](https://i.imgur.com/ZO5rmGo.jpg =400x) Aplikacja bardzo często wysyła powiadomienia, na przykład w momencie, gdy otrzymamy przelew mobilny. Aby je wyświetlić, należy użyć przycisku "Powiadomienia". Niestety, aby je przeczytać lub usunąć, należy najpierw się zalogować, co bywa uciążliwe - zwłaszcza, gdy powiadomienie jest tylko kolejną reklamą, niezwiązaną z aktywnością na naszym koncie. --- ![](https://i.imgur.com/Z7VpDVs.jpg =400x) Użytkownikowi prezentowane są dwie opcje logowania: poprzez odcisk palca TouchID lub wpisanie czterocyfrowego numeru PIN, uprzednio nadanego przez użytkownika. Jeżeli opcja logowania przez TouchID nie została włączona, a użytkownik nie nadał aplikacji numeru PIN, należy zalogować się właściwym hasłem do konta. Dodatkowym zabezpieczeniem jest fakt, że przy pierwszym logowaniu potrzebna jest autoryzacja telefoniczna. --- ![](https://i.imgur.com/7JtUXTQ.jpg =400x) Interfejs po zalogowaniu umożliwia szybki dostęp do najważniejszych funkcji aplikacji - widzimy stan konta oraz kod BLIK, a za pomocą jednego kliknięcia możemy sprawdzić historię przelewów, lub też dokonać go samemu. Niestety, widok jest częściowo zasłaniany przez reklamę, co zmusza użytkownika do przesuwania strony w dół w celu uzyskania dostępu do pożądanych opcji. --- ![](https://i.imgur.com/jX61CDb.jpg =400x) W momencie, gdy chcemy użyć jednej z rzadziej wybieranych funkcji aplikacji, musimy jej poszukać w zakładce Płatności. Ekran ten, choć ładnie podzielony na sekcje, mógłby zyskać na czytelności poprzez dywersyfikację kolorystyczną poszczególnych opcji dostępnych dla użytkownika. --- ![](https://i.imgur.com/gyY6loe.jpg =400x) Po wybraniu opcji "Przelew" trafiamy do standardowego menu, w którym z łatwością możemy wpisać własne dane do przelewu, lub też wybrać kontakt z listy zapisanych odbiorców. Na uwagę zasługuje pole adresu, które w widoczny sposób zostało oznaczone jako opcjonalne. --- ![](https://i.imgur.com/YopmXEr.jpg =400x) Przykład złego projektowania interfejsu z życia wzięty: próbowałem zmienić dzienne limity płatności kartą. Po wyszukaniu w aplikacji sekcji kart płatniczych, kliknąłem w trzykropek (przycisk opcji karty) i nie znalazłem takiej opcji w ustawieniach karty. Zawiedziony brakiem funkcjonalności, zadzwoniłem do banku, po czym... zostałem pokierowany głosowo do odpowiedniej opcji w aplikacji: ![](https://i.imgur.com/UdVI9br.jpg =400x) Należało kliknąć na zdjęcie karty, po czym ponownie użyć przycisku wywołującego opcje - tym razem ukazało się ich znacznie więcej, w tym te, które można było znaleźć na poprzednim ekranie. Taki podział opcji nie ma najmniejszego sensu i nie da się go usprawiedliwić możliwością przypadkowego kliknięcia niechcianej opcji, gdyż każda akcja musi być potwierdzana kodem z wiadomości SMS. --- Choć interfejs jest czytelny i nie przeszkadza w wykonywaniu podstawowych czynności, potrafi irytować, zwłaszcza, gdy potrzebne jest użycie opcji niedostępnej bezpośrednio z ekranu głównego. Wszędobylskie reklamy, nieintuicyjnie rozmieszczone opcje, bardzo wąska paleta kolorów, a także powiadomienia zawierające reklamy (pomieszane z powiadomieniami dotyczącymi konta!), które nie znikną do momentu, w którym użytkownik zdecyduje się zalogować i je usunąć (pojedynczo!) - oto problemy, którym możnaby się przyjrzeć w kolejnej iteracji aplikacji. --- ## iPKO aplikacja przeglądarkowa --- ![](https://i.imgur.com/70ZdngJ.png) Styl interfejsu jest czysty, a w centrum widzimy część formularza do logowania. Niestety dookoła jesteśmy bombardowani informacjami lub reklamami, których nie mamy ochoty czytać. --- ![](https://i.imgur.com/kNElu30.png) Prostota strony jest zachowana również przy prezentowaniu dodatkowych środków bezpieczeństwa, t.j. wybrany przy zakładaniu konta obrazek z aktualną datą i czasem. Nadal widać irytujące ogłoszenia. --- ![](https://i.imgur.com/g9asjDQ.png) Po zalogowaniu pierwsze co widać to reklama, a pod nią główne informacje o koncie. W dość skondensowanej formie możemy znaleźć większość informacji, których możemy potrzebować na codzień. --- ![](https://i.imgur.com/pAwQsRQ.png) Patrząc na górną krawędź strony widzimy pasek do nawigacji po aplikacji przeglądarkowej, który choć prosty, dobrze sprowuje swoją rolę dając dostęp do wszystkich oferowanych funkcji. --- ![](https://i.imgur.com/qnjyWxO.png) W dwa kliknięcia możemy uzyskać kompleksowy formularz do wysyłania przelewów. --- ![](https://i.imgur.com/b6613RE.png) Wracając do strony głównej, pod głównymi informacjami mamy przedstawioną niedawną historię rachunku. Po czym dochodzimy do dalszej części strony z kolejnym, prostszym formularzem do wysyłania przelewów oraz przyciskiem zachęcającym do aktulizacji danych i kierującym do ustawień. --- ![](https://i.imgur.com/GrEdc8H.png) Na dole aplikacji mamy kolejne redundantne funkcje, do których można łatwo nawigować przez pasek, który zostawiliśmy na górze strony. --- Moim zdaniem interfejs jest bardzo prosty i przejżysty co jest dużym czynnikiem na pozytywną ocenę serwisu. Niestety strona zawiera wiele ogłoszeń, których nie chciałbym widzieć, oraz redundantne ścieżki do funkcji, może będących dla niektórych udogodnieniem, ale dla mnie stojących na drodze do stopki, która zawiera m. in. numer do serwisu telefonicznego banku. --- ## Santander aplikacja przeglądarkowa --- ![](https://i.gyazo.com/3f37e7bb0040252c155a5ae406214c0d.jpg) Po wejściu na stronę Santander.pl ukazuję nam się przedstawiony powyżej ekran, przycisk "zaloguj się" jest dosyć dobrze widoczny, jednak byłoby lepiej, gdyby był podpisany np. "Zaloguj się do banku". Czy to wszystko by dostać się do ekranu logowania? --- ![](https://i.gyazo.com/50e9ceadc61caf7f3eeda5441d545dd6.jpg) Po wciśnięciu "zaloguj się" ukazują się nam do wyboru kolejne przyciski, skąd wiadomo który pozwoli nam zalogować się na nasze konto w banku? Możemy jedynie domyślać się, ze pierwsza opcja "Santander internet" jest tą interesującą nas. --- ![](https://i.gyazo.com/8fd85e95ca7aca9ecbc6c96bbabe1e5e.png) Dostaliśmy się do ekranu logowania, od razu nasuwa się jednak pytanie: czym właściwie jest login, który musimy wpisać? Możemy kliknąć na znaki zapytania by otrzymać dodatkowe wyjaśnienie. --- ![](https://i.gyazo.com/bc60da588b8e6d825f8790d7051224b5.png) Przynajmniej dla mnie wyjaśnienie tutaj zawarte jest jak najbardziej wystarczające do zrozumienia, czego chce od nas bank. Proste okno logowania jest też wygodne dla osoby która już wie co należy wpisać. Szkoda tylko, że proporcja elementów pomagających nam zalogować się do ogłoszeń jest tak niska. --- ![](https://i.gyazo.com/a6a8e8341a78b8f6789f7bbe67ca3d64.png) Ostatni ekran przed dostaniem się do naszego konta, musimy wpisać hasło. Jeżeli klikniemy na znak zapytania, to otrzymamy tą samą wiadomość co przy poprzednim ekranie. Można też kliknąć na ikonę klawiatury przy "Wpisz hasło", by uruchomiła się wirtualna klawiatura. Dlaczego nie ma takiej opcji przy wpisywaniu loginu ale przy haśle już jest? Dalej jesteśmy otoczeni reklamami i ogłoszeniami. --- ![](https://i.gyazo.com/966ddbdd31d2c460d14db5c8235fe3ee.png) Od razu po zalogowaniu jesteśmy przekierowani na stronę główną gdzie widać już interesujące nas informacje: ilość środków na koncie, historia transakcji i zakładka "przelewy". Dodatkowo od razu po zalogowaniu liczba ogłoszeń znacznie się zredukowała, czy to było takie trudne? Spróbujmy wykonać przelew. --- ![](https://i.gyazo.com/899ea67463d1fd30d08ab113dd9389ad.png) Na lewo ukazuje nam się morze różnych opcji z których można wybrać, jednak na szczęście serwis z założenia przekierowuje nas do przelewów "na rachunek obcy lub ZUS", czyli ten który teraz nas interesuje. Pewnym mankamentem jest, że ani całe menu, ani wszystkie wymagane pola nie mieszczą się na jednym ekranie. --- ![](https://i.gyazo.com/095cf4575b675c52d4730d756642b6c7.png) Wszystkie pola do wypełnienia w przelewie są odpowiednio opisane, tak że wiemy jaka jest ich funkcja. Dodatkowo możemy kliknąć na znaki zapytania, jeżeli potrzebujemy dłuższego wyjaśnienia. Po wypełnieniu wszystkich wymaganych pól i wciśnięciu "Dalej", zostaniemy poproszeni o potwierdzenie przelewu poprzez wpisane kodu SMS wysłanego na nasz telefon, kończąc tym samym cały proces. --- Podsumowując, jest kilka elementów interfejsu które można by poprawić w ramach ujednolicenia i klarowności, takie jak zamiana "Satander Internet" na np. "Logowanie do banku" i dodanie wirtualnej klawiatury do każdego etapu logowania zamiast tylko jednego. Dodatkowo jesteśmy bombardowani na wielu ekranach przez najróżniejsze ogłoszenia, które nie koniecznie nas interesują. Mimo to uważam, że ten interfejs jest dosyć klarowny i podaje potrzebne informacje dla osób, które logują się po raz pierwszy. --- ## Dziękujemy! Raport przygotowali - Wojciech Jarząbek - Wojciech Meller - Jacek Leja