Kategorie
IT jakość strony internetowe webmasterka

Alior Sync: nowoczesny bank z fatalnym systemem transakcyjnym

Jak pewnie niektórzy sÅ‚yszeli – wczoraj wystartowaÅ‚ nowy bank: Alior Sync. Bank ma bardzo ciekawÄ… ofertÄ™, ale o tym można przeczytać w mass mediach i na stronach banku. Ja chciaÅ‚em skupić siÄ™ na systemie transakcyjnym, bo jest o czym pisać. Pisać źle.

System transakcyjny Alior Sync po zalogowaniu siÄ™
System transakcyjny Alior Sync po zalogowaniu siÄ™

 

W Syncu można bardzo szybko założyć konto, jeśli już ktoś ma konto w jakimś banku. W moim wypadku od wypełnienia wniosku do pierwszego logowania minęło zaledwie 31 minut. I to by było na tyle dobrych wiadomości.

Jeśli ktoś chciałby dowiedzieć się czegoś o systemie transakcyjnym z dwóch zdań to proszę bardzo:

System transakcyjny Alior Sync jest brzydki, zaprojektowany przez kogoÅ› pozbawionego gustu, nieprzemyÅ›lany, niedopracowany i nieprzetestowany – roi siÄ™ od bÅ‚Ä™dów (zarówno programistycznych, jak i jÄ™zykowych). KtoÅ› miaÅ‚ bardzo dobre pomysÅ‚y (jest tutaj dużo ciekawych rozwiÄ…zaÅ„), ale zostaÅ‚y fatalnie wprowadzone w życie.

W pierwszej chwili pomyÅ›laÅ‚em, że zrobiÄ™ kilkanaÅ›cie zrzutów ekranu, opiszÄ™ jak to wyglÄ…da i tyle. Tyle, że mógÅ‚bym pisać, pisać i pisać. OgraniczÄ™ siÄ™ do obrazków z krótkimi opisami – podobno jeden obraz mówi tyle, co tysiÄ…c słów.

Komunikat Błąd aplikacji! widziałem wielokrotnie, czasem był to efekt wygaśnięcia sesji, czasem kliknięcia czegoś, czego nie przewidziano w banku:

Strona logowania, komunikaty: Błąd aplikacji!, To pole jest wymagane, Zapomniałeś hasła? (każde w innym kolorze)
Błąd aplikacji. I oryginalne pomysły: każdy komunikat w innym choć podobnym kolorze, 3 różne fonty.

 

System chce, żebym podał pole.

Komunikat: Proszę podać to pole
„ProszÄ™ podać to pole” – kto wymyÅ›la te komunikaty?

 

Bawiąc się klawiaturą ekranową przez przypadek zobaczyłem coś takiego:

W pole wpisane jest 12pw; Użycie średnika daje nam komunikat: Niepoprawny Alias. Musi zawierać przynajmniej 2 różne znaki.
Komunikat zupeÅ‚nie nie pasuje do sytuacji. Przy okazji: w caÅ‚ym systemie panuje uwielbienie dla dużych liter – „Alias” pisany dużą literÄ… nie jest wyjÄ…tkiem.

 

Podpowiedź: system nie lubi Å›rednika, który… jest obecny na klawiaturze ekranowej.

Interfejs systemu jest po polsku, ale mimo to po wpisaniu identyfikatora pojawia siÄ™ Please wait… (żeby byÅ‚o ciekawiej – po wpisaniu hasÅ‚a jest „ProszÄ™ czekać…”):

Komunikat: Please wait...
Please wait…

 

Carrier Title(?!):

Dziwny tytuł: Carrier Title nad logotypami operatorów komórkowych
O co chodzi z tym tytuÅ‚em? Wbrew pozorom – klikniÄ™cie loga operatora nic tu nie zmienia – wtedy pop-up siÄ™ zamyka.

 

Czasami jeden komunikat nakÅ‚ada siÄ™ na drugi – wbrew pozorom tekst No data found. pojawiÅ‚ siÄ™ pierwszy:

Komunikat No data found przykrywa komunikat o wygaśnięciu sesji
Wbrew pozorom komunikat o wygaśnięciu sesji pojawił się jako drugi

 

last THIS_MONTH days – nie wiem co tam powinno siÄ™ pojawić, bo dla dowolnego wybieranego okresu czasu pojawiaÅ‚y siÄ™ podobne cuda. A to szare tÅ‚o, które jest za maÅ‚e – miaÅ‚o udawać dymek?

last THIS_MONTH days wyświetla się w polu okres, obok podpowiedź, której tło jest za małe (tekst zajmuje więcej miejsca)
last THIS_MONTH days. Że co?

 

Angielski z polskim miesza się wszędzie:

Wyświetlone obok siebie: Displaying 1 - 2 of 2, Strona 1 z 1
Display mi 1st stronÄ™

 

Gdy już jest po polsku, to pojawiają się rzeczy typu 0 NOWE, czy wspomniane już nadużywanie dużych liter (tutaj w nazwie miesiąca). I znów te kolory i fonty:

Odnośnik: 0 NOWE, tekst: w Czerwcu
0 NOWE to taki osobliwy sposób przekazania, że nie masz nowych wiadomoÅ›ci…

 

Jeden z dobrych pomysłów (kalendarz, widać też odnośnik do widoku chmury), gorzej z wykonaniem:

Widok kalendarza, w każdym dniu jest podana liczba i suma transakcji
Niemal każdy element na tej stronie ma inny font lub wielkość fontu.

 

Tutaj będzie rysował się wykres, ale można też zauważyć poucinane lub źle wyrównane elementy:

Widok salda, ucięta nazwa miesiąca, niektóre elementy na stronie są źle wyrównane
I znowu nadużywanie dużych liter – Rok Obecny

 

Niemal we wszystkich przypadkach, gdy nie ma danych do wyświetlenia wyświetlane są nagłówki pól. Prawie w każdym wypadku wygląda to fatalnie. Tutaj mamy pełną listę nagłówków, mimo iż nie ma żadnego zlecenia stałego: Typ przelewu, Nazwa odbiorcy, numer rachunku, Kwota, Następna data przelewu, Płatność po następnej dacie przelewu.

Nagłówki do zleceń stałych: Typ przelewu, Nazwa odbiorcy, numer rachunku, Kwota, Następna data przelewu, Płatność po następnej dacie przelewu.
Mamy peÅ‚nÄ… listÄ™ nagłówków, zamiast ważniejszej informacji, że żadne zlecenie staÅ‚e nie zostaÅ‚o ustawione…

 

Szablon nie zostaÅ‚ znaleziony… ale ja niczego nie szukaÅ‚em… I tradycyjnie – anglojÄ™zyczne wstawki:

Wyszukiwarka szablonów, do której nic nie wpisałem i komunikat: Szablon nie został znaleziony
Szablon nie zostaÅ‚ znaleziony (choć wcale go nie szukaÅ‚em…)

 

A ten pop-up powstał chyba w ramach ćwiczeń: kto więcej rzeczy zrobi źle:

Pop-up, w którym na dużym obszarze jest check-box i dwa przyciski, a to wszystko rozmieszczone bez żadnego ładu
Co by tu jeszcze popsuć?

 

Partner? Jaki partner?

Tajemnicze pole Partner, nie jest jasne, co tam należy wpisać
Co tam wpisać?

 

W systemie jest kalkulator walutowy (dobry pomysÅ‚), ale to też jest niedopracowane. MXN ma opis Resource not found, a komunikat wprowadza w bÅ‚Ä…d (w rzeczywistoÅ›ci należy podać tylko jednÄ… kwotÄ™, a nie co najmniej jednÄ…). Zastanawiam siÄ™ czym jest owo źródÅ‚o (jeÅ›li to nie waluta i kwota). No i piszemy chyba co najmniej, nie conajmniej (ale to mnie nie dziwi, po tym jak na stronie banku zobaczyÅ‚em sÅ‚owo indentyfikator…):

Tekst Resource not found obok kodu MXN i mylący komunikat: Musisz podać źródło i rodzaj waluty oraz conajmniej jedną kwotę
Å»eby byÅ‚o ciekawiej: ten komunikat znika po sekundzie…

 

Zauważyłem też, że raz używają słowa ładowanie, a raz wczytywanie, ale już nie robiłem zrzutów ekranu. Chyba wystarczy tego. Błędów jest mnóstwo, ja pokazałem wybrane.

Mógłbym też napisać co nieco o kodzie źródłowym strony (nowy system, a kod wygląda, jakby był robiony 7-9 lat temu), ale już nie będę się dłużej znęcał.

JeÅ›li komuÅ› takie rzeczy – jakie wymieniÅ‚em – nie przeszkadzajÄ… – to powinien być zadowolony (system dużo oferuje). Ja natomiast zastanawiam siÄ™ – jeÅ›li w Alior Sync jest takie podejÅ›cie do jakoÅ›ci (to jakaÅ› wersja alfa, a nie produkcyjny system), to czy za jakiÅ› czas nie przeczytam o tym banku na Niebezpieczniku

Zrzuty ekranu robiłem w Firefoksie 13. Bank oprócz Firefoksa rekomenduje również Internet Explorera, Chrome, Operę i Safari (tą ostatnią również w wersji na Windows).

57 odpowiedzi na “Alior Sync: nowoczesny bank z fatalnym systemem transakcyjnym”

@Nux: W wersji mobilnej nie widzÄ™ w kodzie źródÅ‚owym odwoÅ‚aÅ„ do Ext. Ciężko mi coÅ› o niej powiedzieć, bo próbowaÅ‚em przed chwilÄ… dwa razy i za każdym razem po kilku sekundach używania widziaÅ‚em HTTP Error 500…

Angielski miesza siÄ™ z polskim? U Ciebie również: „Niemal każdy element na tej stronie ma inny font lub wielkość fontu.” Font? Czy może po polski czcionka?

Font (ang., z łac. fons – źródło) – zestaw czcionek o określonych cechach zapisany w postaci elektronicznej, w jednym pliku.

@taki jeden: nic siÄ™ nie miesza, „font” wystÄ™puje w polskich sÅ‚ownikach (w tym w SÅ‚owniku jÄ™zyka polskiego PWN). Natomiast ludzie zajmujÄ…cy siÄ™ typografiÄ… bardzo siÄ™ irytujÄ…, gdy na „font” mówi siÄ™ „czcionka” (dlatego użyÅ‚em takiego, a nie innego okreÅ›lenia).

LogujÄ…c siÄ™ pierwszy raz do panelu miaÅ‚em podobne refleksje – masa ciekawych pomysłów, nienajlepiej zrealizowanych. Chociaż estetyka i usability daje wiele do życzenia to nie jest najgorzej (jak na wersję alpha;))

W przypadku ustawienia sobie przelewów stałych, występuje błąd przy próbie wydruku potwierdzenia.

Możliwość komentowania jest wyłączona.