Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu UniCredit Bank

• existuje zapamätateľná adresa “unibanking.sk”
• existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ nemusí písat https v URL adrese
• hlavné menu je prehľadné
• dôležité údaje je možné vytlačiť alebo uložiť
• v nesprávne vyplnenom formulári je zvýraznená nevyplnená položka (žiaľ len jedna)
• na stránke sa nachádza prehľadný pomocník “Návod na obsluhu”
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu UniCredit Bank

• po prihlásení sa zobrazuje “neužitočná” informácia (namiesto napríklad zostatku na účte)
• hlavné menu je rozbaľovacie - používateľ musí klikať dva krát, aby sa dostal na stránku, ktorú potrebuje
• v menu nie je zvýraznená práve zobrazovaná stránka
• v nesprávne vyplnenom formulári nie sú zvýraznené všetky nevyplnené položky
• pri odkaze na obchodné podmienky nie je uvedené, že sa jedná o PDF dokument

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Ahojte, je tu ďalší videocast spoločnosti Pizza SEO, tentokrát o použiteľnosti Internet bankingu UniCredit banky.

[00:08] Táto služba sa nachádza na jednoduchej URL adrese “unibanking.sk”. Čo je dôležité, nie je potrebné vpisovať https. Je možné zadať len http://unibanking.sk, alebo len unibanking.sk a automaticky budete presmerovaný na zabezpečenú adresu https://unibanking.sk.

[00:38] Po prihlásení sa ám zobrazí podľa mňa dosť “neužitočná” stránka, ktorá Vás len informuje o úspešnom prihlásení a víta Vás v systéme Internet bankingu.

[00:49] V ľavej časti stránky sa nachádza hlavné menu, ktoré si myslím, že je celkom prehľadné. Je však rozbaľovacie, čo znamená, že k prístupu k jednotlivým informáciám je potrebné klikať dva krát. Takisto mohla byť položka, ktorá predstavuje aktuálne zobrazovanú stránku nejakým spôsobom zvýraznená. To tu chýba.

[01:13] V informáciách o účtoch sa nachádza odkaz na detail účtu, ktorý však nevyzerá ako odkaz. Číslo účtu, ktoré predstavuje tento odkaz, si myslím, že malo byť štandardne podčiarknuté, aby používateľ okamžite videl, že to je odkaz k detailu jeho účtu. Pri týchto detailoch je možné stránku vytlačiť, resp. exportovať, uložiť do nejakého súboru. Pod stránkou sa tiež nachádzajú informácie. Keď však k aktuálnej stránke žiadne informácie nie sú, tak si myslím, že samotné slovo “informácie” mohlo byť vynechané, prípadne pod ním mohla byť nejaká stručná informácia o tom, že k danej položke sa žiadne informácie nevzťahujú.

[02:04] Pri platobných operáciách ak odošlem prázdny formulár, tak sa správne zvýrazní červenou farbou pozadia nevyplnená, resp. zle vyplnená položka. Škoda, že vždy je to len jedna položka. To znamená, že keď som nevyplnil ani číslo účtu, ani kód banky, tak sa zvýraznilo len pole pre číslo účtu a až keď by som zadal číslo účtu, až vtedy by ma to upozornilo, že som nezadal kód banky. Myslím si, že toto mohlo byť riešené v jednom kroku. Pod samotným formulárom sa ešte nachádza červenou farbou zvýraznená informácia o tejto chybe, čo je správne. Myslím si však, že táto informácia mohla byť buď nad samotným formulárom, alebo nad tou časťou formulára, ktorej sa táto informácia priamo týka.

[03:00] Na stránke sa tiež nachádza pomocník, ktorý je nazvaný “Návod na obsluhu”. Ten sa otvára v novom okne a myslím si, že je celkom prehľadný. V jednotlivých častiach je možné kliknúť na ďalšiu časť atď.

[03:23] Čo som si všimol je, že odkaz na obchodné podmienky je odkaz na súbor PDF, čo ale nie je pri samotnom odkaze žiadnym spôsobom označené a používateľ nie je upozornený na to, že tento odkaz otvorí PDF súbor.

[03:48] Odhlásenie je možné na jedno kliknutie a čo je výborné, že tento odkaz je jasne zvýraznený červenou farbou pozadia.

Ďakujem za pozornosť.

Používate Internet banking UniCredit Bank? Čo si o ňom myslíte?

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu ČSOB

• existuje zapamätateľná adresa “ib24.csob.sk”
• na stránke je bezpečnostný časový limit pre automatické odhlásenie používateľa
• odkazy v menu majú nastavené užitočné titulky
• na každej stránke je možnosť tlačiť, alebo exportovať do .txt alebo .slk
• na každej stránke je špecifický pomocník. ale je možné zobraziť aj všeobecný pomocník (”Užívateľská príručka”)
• veľa možností nastavenia
• odhlásenie dostupné na 1 kliknutie

Negatíva Internet bankingu ČSOB

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• problém s bezpečnostným certifikátom
• bezpečnostný časový limit nie je možné zmeniť (viď. komentáre pod článkom)
• po odoslaní nesprávne vyplneného formulára sa zobrazí vyskakovacie okno popisujúce len 1 chybu
• v užívateľskej príručke chýba prepojenie medzi jednotlivými časťami
• keď používateľ obnoví stránku, systém ho odhlási

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Zdravím Vás pri ďalšom videocaste Pizza SEO, ktorý bude o použiteľnosti Internet bankingu ČSOB banky.

[00:08] Opäť začnem s tým, že existuje celkom jednoduchá URL adresa ib24.csob.sk. Neexistuje však presmerovanie nezabezpečenej http adresy na zabezpečenú https. Používateľ teda musí vpisovať aj https. Zároveň, ak však aj zadá celú adresu https://ib24.csob.sk, tak sa mu zobrazí informácia o tom, že táto stránka používa nejaký neplatný certifikát a používateľ musí udeliť výnimku, ak chce túto službu používať. Myslím si, že toto nie je veľmi dobrá vizitka elektronického bankovníctva.

[01:00] Keď sa prihlásim, tak na úvodnej stránke sa mi zobrazí zostatok na účte, čo však, ako o chvíľku ukážem, nemusí platiť pre každého používateľa. Na stránke sa taktiež nachádza tzv. bezpečnostný limit, ktorý je nastavený na 20 min., po uplynutí ktorých je používateľ automaticky odhlásený. Tento limit je možné reštartovať, nie je však možné ho zmeniť napr. na 15, alebo 10 min. a podobne.

[01:27] V hornej časti stránky sa nachádza hlavné menu, ktoré si myslím, že je celkom prehľadné a pri jednotlivých položkách sa tiež nachádzajú titulky, napr. “Zadanie tuzemského príkazu v SKK”, “Zadanie tuzemského hromadného príkazu v SKK” a pod.

[01:44] Ak chcem vykonať nejakú platobnú operáciu, tak ak nevyplním správne príslušný formulár, zobrazí sa mi vyskakovacie okno o tom, ktorú položku som nevyplnil správne. Vždy je to však len k jednej položke, teda, ak ja ju vyplním a iné zas nevyplním, zobrazí sa mi ďalšie takéto vyskakovacie okno. Myslím si, že užitočnejšie by bolo, keby sa naraz zobrazovali všetky takéto informácie niekde nad týmto formulárom a zároveň tieto položky by boli zvýraznené.

[02:19] Stránku je možné vytlačiť, alebo je možné ju exportovať do súboru pre MS Excel, alebo do textového súboru. Takisto sa na každej stránke nachádza špecifický pomocník, ktorý je vždy určený pre danú službu, ktorú mám zobrazenú, napríklad tuzemský platobný príkaz a pod. Taktiež je možné zobraziť všeobecný pomocník, ktorý je nazvaný užívateľská príručka. Ten sa zobrazí v novom okne. Chýba mi tu prepojenie medzi jednotlivými časťami. Ak si zobrazím prvú časť, nie je tu odkaz prejsť na ďalšiu, ale len prejsť späť.

[03:04] Na tomto Internet bankingu je celkom zaujímavé, že má pomerne veľa možností nastavenia, cez tzv. “Vlastné nastavenia služby”. Je možné napr. nastaviť jazyk aplikáce z ponuky slovenčiny, češtiny, angličtiny, nemčiny a maďarčiny. Je možné nastaviť, aký má byť výstup po vykonaní nejakej akcie - či sa má informácia len zobraziť na stránke, alebo má byť odoslaná SMS-kou, alebo e-mailom. Ako som už spomínal, každý používateľ si môže nastaviť, čo sa mu má zobrazovať na úvodnej stránke, teda, či prázdna stránka, zostatok na účte, pohyby na účte a pod. Pri filtrovaní pohybov na účte je možné napr. nastaviť počet položiek na stránke, či chcem, aby sa mi zobrazovalo 10, alebo všetky naraz a pod. Taktiež je možné nastaviť tzv. alias účtu, ktorý sa potom zobrazuje v tomto systéme. Ja som si nastavil “ucet pizza seo” a keď si zobrazím hlavnú stránku, tak tam mam alias účtu “ucet pizza seo”.

[04:30] Možnosť odhlásenia je na dvoch miestach. Je tam button “Odhlásiť”, ktorý je celkom viditeľný, prípadne sa v hornej časti nachádza ikona, ktorá už je menej viditeľná. V každom prípade, odhlásenie je možné na jedno kliknutie.

Ďakujem Vám za pozornosť.

Máte vlastné skúsenosti s používaním Internet bankingu ČSOB? Vyjadrite sa k nemu v komentároch.

Depiho aktivita sa nám páči – elegantne ukazuje, ako sa návštevnosť blogu (ale aj iných stránok) buduje aktívnou tvorbou zaujímavého obsahu, šikovným link baitom, aktívnou komunikáciou s návštevníkmi.

Depiho čitatelia súťažia o hodnotné ceny informovaním o 30C, prispievaním do diskusie a sledovaním postupných zmien na stránke. V Pizza SEO sme využili možnosť stať sa jedným zo sponzorov súťaže (štvrtým po webhostingovej firme inet.sk, internetovom obchode novypocitac.sk a bloggerovi eMDIm).

Ako cenu ponúkame jednu z našich najrýchlejšie rastúcich služieb – tvorbu kampane v systéme AdWords, resp. Etarget spolu s reklamným kreditom vo výške 5000,- Sk. Tešíme sa aj, že sa na blogu budeme môcť podeliť o podrobnosti o kampani, ktorú pre výhercu zrealizujeme.

Čo je prístupnosť?

Prístupná webová stránka je taká stránka, ktorú si môže prezerať každý užívateľ - bez ohľadu na to, či je zrakovo postihnutý, trpí motorickými poruchami alebo používa na prezeranie stránok napríklad mobilný telefón.

Aké sú povinnosti správcov webových stránok verejnej správy?

Výnos vychádza v oblasti prístupnosti z Web Content Accessibility Guidelines verzia 1 a ďalších doplňujúcich textov. Prejdime si konkrétne povinnosti tvorcov webstránok bod po bode:

(1) Povinnými požiadavkami sú:

a) dodržiavanie pravidiel prístupného webu s prioritou 1 z dokumentu “Web Content
Accessibility Guidelines 1.0″, a to nasledovných bodov: 1.1, 1.2, 1.3, 1.4, 2.1, 2.2, 3.5, 3.6, 4.3, 5.1, 5.2, 6.1, 6.2, 6.3, 7.1, 9.1, 10.4, 11.4, 12.1, 12.4, 13.6, 14.1 a bodu 8.1 v prípade, ak je funkčnosť dôležitá a zároveň nie je prezentovaná aj na nejakom inom mieste,

1.1: Poskytnite textovú alternatvu ku každému netextovému elementu (obrázky, skripty, zvuky a pod.) cez atribúty alt, longdesc a iné.
1.2: Poskytnite redundantné textové odkazy pre každú aktívnu oblasť obrázkovej mapy na strane servera.
1.3: Poskytnite zvukový popis dôležitých informácií vo vizuálnej stope multimediálneho záznamu. Táto podmienka platí len, ak prehliadač užívateľa nedokáže čítať nahlas textový ekvivalent vizuálneho záznamu.
1.4: Synchronizujte alternatívy (titulky alebo zvukové popisy vizuálnej stopy) s prezentáciou. Táto podmienka platí pre multimediálne prezentácie založené na čase (napr. film).
2.1: Zabezpečte, aby akékoľvek informácie zobrazené vo farbe boli prístupné aj bez farby. Môže ísť o použitie textového zvýraznenia alebo zvýraznenie pomocou kontextu.
2.2: Zabezpečte, aby kombinácie farieb popredia a pozadia poskytovali dostatočný kontrast pre ľudí, ktorí trpia jednou z foriem farbosleposti alebo v prípade zobrazenia v čiernobielom prevedení.
3.5: Použite elementy nadpisov (h1 až h6) na vyjadrenie štruktúry dokumentu v súlade so špecifikáciou.
3.6: Správne označte zoznamy a položky zoznamov (napr. elementy ol, ul, dl a li).
4.3: Identifikujte hlavný prirodzený jazyk dokumentu (napr. cez lang atribút v elemente html, podobne pre xml:lang pre XML).
5.1: Identifikujte nadpisy riadkov a stĺpcov pre dátové tabuľky (napr. element th).
5.2: Pre dátové tabuľky, ktoré majú jeden alebo viac logických úrovní nadpisov riadkov alebo stĺpcov, použite značky pre prepojenie dátových buniek s bunkami nadpisov (elementy thead, tfoot, tbody, col, colgroup, atribúty axis, scope, headers).
6.1: Štrukturujte dokumenty tak, aby mohli byť čítané bez priradených štýlov. Ak by si užívateľ dal zobraziť iba HTML bez priradeného CSS, dokument musí byť čitateľný.
6.2: Zabezpečte, aby ekvivalenty pre dymanický obsah boli aktualizované pri zmene dynamického obsahu.
6.3: Zabezpečte, aby stránky boli použiteľné, keď sú skripty, applety alebo iné programatické objekty vypnuté alebo nepodporované. Ak to nie je možné, poskytnite informáciu na alternatívnej, prístupnej stránke.
7.1: Vyhnite sa blikaniu obrazovky. Táto požiadavka platí pokiaľ užívateľ nevie ovládať blikanie v prehliadači.
8.1 (doplnkový, viď vyššie): Urobte programatické elementy ako skripty a applety priamo prístupné alebo kompatibilné s asistívnymi technológiami.
9.1: Poskytnite obrázkové mapy na strane klienta namiesto tých na strane servera, s výnimkou, keď regióny nemôžu byť definované cez dostupný geometrický útvar.
10.4: Umiestnite predvolené znaky na vyplnenie miesta do formulárových prvkov. Táto podmienka platí len ak rozšírené prehliadače nedokážu správne spracovať prázdne formulárové prvky (elementy input, textarea).
11.4: Ak napriek maximálnej snahe nedokážete vytvoriť prístupnú stránku, poskytnite odkazy na alternatívnu stránku, ktorá používa technológie W3C, je prístupná, obsahuje ekvivalentnú informáciu (alebo funkcionalitu) a je aktualizovaná tak často, ako neprístupná stránka.
12.1: Označte každý rámec (frame) nadpisom na umožnenie identifikácie a navigácie v rámcoch (title atribút).
12.4: Prepojte popisy (labels) s ich formulárovými prvkami (element label, atribút for).
13.6: Spojte podobné odkazy do skupiny, identifikujte skupinu a ak prehliadače neumožňujú preskočiť ich, poskytnite spôsob na ich preskočenie.
14.1: Použite najzrozumiteľnejší a najjednoduchší jazyk vhodný pre obsah stránok.

b) dodržiavanie zásad prístupného webu z materiálu “Dokumentácia zásad prístupnosti webových stránok pre používateľov s ťažkým zrakovým postihnutím”, a to nasledovných bodov: 5, 7, 9, 10, 11, 13, 14.

5: Obsah www stránky sa mení len keď používateľ aktivuje nejaký prvok. K obnoveniu stránky môže dôjsť len v prípade, keď užívateľ aktivuje prvok, ktorý je na tento účel určený.
7: Označenie každého odkazu výstižne popisuje jeho cieľ nezávisle na okolitom kontexte. Klasickým zakázaným príkladom je text odkazu “kliknite sem”, prípadne len “tu”.
9: Farby popredia a pozadia sú dostatočne kontrastné. Na pozadí nie je vzorka znižujúca čitateľnosť. (podobne ako WCAG, bod 2.2)
10: Predpisy určujúce veľkosť písma nepoužívajú absolútne jednotky. Povolené sú relatívne jednotky ako kľúčové slová (napr. small, large a pod.), percentá, jednotky em a ex. Je zakázané používať jednotku px (pixel), ktorá znemožňuje zväčšenie písma v prehliadači Internet Explorer.
11: Kód web stránok zodpovedá niektorej zverejnenej finálnej špecifikácii jazyka HTML alebo XHTML. Neobsahuje syntaktické chyby, ktoré je schopný správca web stránok odstrániť. Preklad: Kód stránok musí byť validný podľa štandardov W3C.
13: Prvky tvoriace nadpisy a zoznamy sú korektne vyznačené v zdrojovom kóde. Prvky, ktoré netvoria nadpisy alebo zoznamy nie sú takto vyznačené. (podobne ako WCAG, body 3.5 a 3.6)
14: Každému formulárovému prvku je priradený výstižný názov. Pre meno napríklad “name” alebo “meno”. Taktiež je dôležité zabezpečiť previazanie formulárových prvkov s elementom popisu label. (podobne ako WCAG, bod 12.4).

(2) Odporúčanou požiadavkou je:

dodržiavanie pravidiel prístupného webu s prioritou 2 a s prioritou 3 z dokumentu “Web Content Accessibility Guidelines 1.0″, a to nasledovných bodov: 1.5, 3.1, 3.2, 3.3, 3.4, 3.7, 4.1, 4.2, 5.3, 5.4, 5.5, 5.6, 6.4, 6.5, 7.2, 7.3, 7.4, 7.5, 8.1, 9.2, 9.3, 9.4, 9.5, 10.1, 10.2, 10.3, 10.5, 11.1, 11.2, 11.3, 12.2, 12.3, 13.1, 13.2, 13.3, 13.4, 13.5, 13.7, 13.8, 13.9, 13.10, 14.2, 14.3.

Odporúčané pravidlá, ktoré by mali weby spĺňať. Patrí sem napríklad odporúčanie používať text (resp. HTML) namiesto obrázkov, používanie relatívnych jednotiek, nastavenie poradia tabulácie alebo používanie najnovších technológií W3C.

(3) Odkazy na iné štandardy, číselníky, právne normy a predpisy a iné zdroje

a) slovenský preklad “Web Content Accessibility Guidelines 1.0″, ktorý je uvedený na verejne prístupnej webovej stránke,

Slovenský preklad WCAG 1.0:
http://www.informatizacia.sk/ext_dok-wai_smernice/2551c

b) “Pravidlá tvorby prístupného webu”, ktoré sú uvedené na verejne prístupnej webovej stránke,

Slovenský preklad Pravidiel:
http://sietook.druskova.sk/?ukaz=pravidla-pristupnosti-webu

c) “Dokumentácia zásad prístupnosti webových stránok pre používateľov s ťažkým zrakovým postihnutím”, ktorá je uvedená na verejne prístupnej webovej stránke.

Slovenský preklad Dokumentácie (pozor, DOC formát!, aká to irónia):
http://www.blindfriendly.sk/download/bfw23_sk.doc

Stav prístupnosti stránok verejnej správy? Na zaplakanie.

Ministerstvo financií SR spolu s Úniou nevidiacich a slabozrakých uskutočnilo v roku 2007 hodnotenie prístupnosti stránok verejnej správy. Iba štyri stránky splnili všetky vyžadované pravidlá prístupnosti. Do správy sa nejakou záhadou dostala aj stránka PizzaSEO.com, ktorá splnila štandardy prístupnosti. Pozrieť si môžete aj kompletné hodnotenie v PDF formáte.

Ste správcom webových stránok verejnej správy?

1. júna ste prešvihli termín. Áno, hovoríme aj o vás, Vláda SR, Ministerstvo vnútra, Ministerstvo financií, Ministerstvo spravodlivosti, systém JASPI, Daňový úrad, Agentúra SARIO, Slovenská agentúra pre cestovný ruch. A dokonca aj o vás, Ministerstvo dopravy, pôšt a telekomunikácií, čo ste priamo zodpovední za dodržiavanie zákona vyžadujúceho prístupnosť a sami máte stránky neprístupné!

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu OTP banky

• existuje zapamätateľná adresa “www.otpdirekt.sk”
• existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ nemusí písat https v URL adrese
• po odoslaní nesprávne vyplneného formulára sa nad ním zobrazí viditeľná chybová hláška
• nesprávne vyplnené položky formulára sú taktiež zvýraznené
• pomocník je dostupný na 1 kliknutie

Negatíva Internet bankingu OTP banky

• keď používateľ obnoví stránku, systém ho odhlási
• hlavné položky navigačného menu sú po prihlásení tvorené len obrázkami
• pre odkazy na pomocník, odhlásenie a pod. sú použité len obrázky (presnejšie obrázková mapa - AREA tagy)
• v menu chýba zvýraznenie aktuálne zobrazovanej stránky
• pomocník je len všeobecný, chýba ku každej službe samostatný pomocník určený práve pre danú službu
• v pomocníku sa (v prehliadači Mozilla Firefox) nezobrazuje rolovacia lišta a používateľ musí použiť šípky na klávesnici
• odhlásenie je potrebné ešte potvrdiť

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste spoločnosti Pizza SEO. Moje meno je Juraj Kerhát a dnes Vám predstavím Internet banking OTP banky.

[00:10] Táto služba je dostupná na vlastnej doméne otpdirekt.sk a používateľ dokonca ani nemusí vpisovať https. Stačí mu napísať www.otpdirekt.sk a automaticky je presmerovaný na zabezpečenú adresu aj s https.

[00:31] Po prihlásení sa používateľovi ihneď zobrazí prehľad jeho účtov. Čo je zaujímavé v tomto systéme je, že ak dám obnoviť stránku, zrazu sa stratí informácia o tom, že som bol prihlásený a musím sa teda prihlásiť znovu. Keď už ma to odhlásilo, rád by som poukázal na to, že navigačné menu je pred prihlásením riešené ako textové odkazy, čiže keď zakážem obrázky, tak toto menu je stále viditeľné. Keď sa však prihlásim, tak toto menu už nie je viditeľné, pretože jeho hlavné položky sú riešené ako obrázky a nie je pri nich žiadny alternatívny text. Až po rozbalení sa zobrazia textové odkazy.

[01:33] Tiež je celkom zaujímavé, že v pravej hornej časti sa nachádzajú odkazy na odhlásenie, pomocník a podobne, ktoré sú však riešené len ako obrázky a teda pri zakázaných obrázkoch používateľ vôbec nemá možnosť vidieť, kde sa môže odhlásiť. Znovu povolím obrázky vo svojom prehliadači. Keďže musím obnoviť stránku, som opäť odhlásený a opäť sa musím prihlásiť.

[02:10] Ďalšia vec, ktorá mi v navigačnom menu chýba je zvýraznenie stránky, na ktorej sa práve používateľ nachádza. Ak napríklad kliknem na “nové príkazy” a “jednorazový” príkaz, tak v navigačnom menu to vôbec nie je zvýraznené.

[02:26] Ak odošlem prázdny formulár, tak nad týmto formulárom sa zobrazí zvýraznená chybová hláška o tom, že som niečo nevyplnil správne, a takisto priamo vo formulári sa zvýrazní červenou farbou pole, ktoré nie je správne vyplnené.

[02:47] Na stránke sa nachádza aj pomocník, ktorý je dostupný na jedno kliknutie. Je to však len všeobecný pomocník a musím sa v ňom preklikať pre konkrétnu službu. Zároveň v prehliadači Mozilla Firefox chýba tomuto pomocníku rolovacia lišta a teda používateľ musí použiť šípky na klávesnici, čo si nie každý môže domyslieť.

[03:17] Takisto možnosť odhlásenia je dostupná na jedno kliknutie. Ako som už spomínal, je to však len ikona, nejaký obrázok a chýba mu textový popis. Odhlásenie je potrebné ešte raz potvrdiť.

Ďakujem za pozornosť.

Máte vlastné skúsenosti s používaním Internet bankingu OTP banky? Napíšte, čo si o ňom myslíte.

Päťčlenný riešiteľský tím skúmal 98 stránok verejného sektora, 37 stránok v oblasti školstva a 65 stránok súkromných subjektov. Z 200 stránok 41 bolo prístupných bez výrazného porušenia kontrolných bodov alebo zásad.

Stránka Pizza SEO splnila všetky kontrolné body a pravidlá prístupnosti v plnom rozsahu spolu so stránkami miest Ilava (www.ilava.sk) a Nová Dubnica (www.novadubnica.sk) a webom Slovenskej knižnice pre nevidiacich Mateja Hrebendu v Levoči (www.skn.sk).

Zákon o informačných systémoch verejnej správy prikazuje všetkým orgánom štátnej správy i samosprávam do začiatku júna 2008 zabezpečiť, aby ich informačné systémy spĺňali štandardy prístupnosti definované vo výnose č. 1706/M-2006 o štandardoch pre informačné systémy verejnej správy (pdf) - za ich nedodržanie hrozia miliónové pokuty.

Komerčné subjekty, ktoré zanedbávajú prístupnosť, prichádzajú o množstvo klientov: popri užívateľoch s postihnutiami sa k ich službám často na neprístupnom webe nedostanú starší užívatelia či rastúci počet používateľov internetu na mobilných zariadeniach.

Správa z prieskumu zverejnená na stránke Informatizacia.sk obsahuje podrobné výsledky hodnotenia a postupy používané pre overenie prístupnosti webovej stránky.

Aj my v Pizza SEO ponúkame audit prístupnosti a konzultácie v oblasti prístupnosti webových stránok. Všetkým našim klientom odporúčame zohľadniť aspoň základné zásady prístupnosti a vždy sa im venujeme aj v rámci nášho najpopulárnejšieho vstupného produktu, Effective Web Auditu.

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu VÚB banky

• existuje zapamätateľná adresa “ib.vub.sk”
• prehľadné menu
• cez IB VÚB banky je možné požiadať o založenie nového účtu, o vydanie novej platobnej karty, o investovanie, poistenie
• pomocník nie je len všeobecný, ale ku každej službe je samostatný pomocník určený práve pre danú službu

Negatíva Internet bankingu VÚB banky

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí vždy písat aj https
• po prihlásení sa najskôr zobrazí možnosť požiadať o Grid kartu/SMS autorizáciu/elektronický podpis a až po odkliknutí tlačidla “pokračovať” sa klient dostane k svojmu účtu
• kalendár (napr. na stránke “pohyby na účte”) sa v Mozille Firefox nezobrazuje celý
• nevyplnené povinné polia nie sú vo formulári zvýraznené
• link pre odhlásenie nie je zvýraznený
• odhlásenie nie je dostupné na 1 kliknutie (je potrebné ho ešte potvrdiť)

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Ahoj, som Juraj Kerhát, konzultant spoločnosti Pizza SEO a v dnešnom videocaste Vám trochu priblížim Internet banking od VÚB banky. Táto služba je dostupná na URL adrese ib.vub.sk. Škoda však, že neexistuje presmerovanie z http na https (bezpečnú adresu). Ak zadáte do prehliadača len http://ib.vub.sk, tak stránku Vám nenájde.

[00:32] Po prihlásení sa najskôr zobrazí možnosť požiadať napr. o Grid kartu, SMS autorizáciu, prípadne elektronický podpis a až po odkliknutí tlačidla “pokračovať” sa klient dostane k svojmu účtu. Hneď na úvodnej stránke má možnosť vidieť zostatok na svojom učte, prípadne má možnosť kliknúť na detail účtu, úhradu/inkaso a pod. V ľavej časti stránky sa nachádza celkom prehľadné menu, v ktorom opäť môže návštevník kliknúť napr. na pohyby na účte.

[01:07] Je škoda, že na stránke “pohyby na učte”, ale aj na iných stránkach, kde sa vyskytuje kalendár, je tento kalendár nesprávne naformátovaný pre prehliadač Mozilla Firefox. Pretože presahuje cez okno, v ktorom sa zobrazuje a toto okno sa nedá zväčšiť, nie je možné vidieť celý kalendár. V Internet Exploreri je tento kalendár naformátovaný správne a zobrazuje sa celý.

[01:43] Celkom zaujímavé je, že cez Internet banking VUB banky je možné napríklad požiadať o novú platobnú kartu a to na stránke “platobné karty”, kde je možné kliknúť “nová karta”. Takisto je možnosť priamo cez túto stránku požiadať o investovanie, prípadne o poistenie. Keď kliknem na “domáce platby a úhradu”, zobrazí sa mi formulár, v ktorom je možné vyplniť číslo účtu, na ktorý chcem poslať peniaze, sumu atď. Ak odošlem prázdny formulár, zobrazí sa mi chybová hláška o tom, ktorý údaj som nevyplnil. Bohužiaľ toto pole nie je žiadnym spôsobom vo formulári zvýraznené.

[02:39] Ďalšia zaujímavá a celkom užitočná vec na tomto Internet bankingu je pomocník, ktorý je na každej stránke a nie je to len všeobecný pomocník, ale napríklad na stránke úhrady a inkasa je to pomocník práve k tejto službe.

[02:56] Možnosť odhlásenia nie je zvýraznená inou farbou, čiže klient najprv musí trochu hľadať, ak sa nevyzná na tejto stránke. Odhlásenie je potrebné ešte raz potvrdiť, čiže nie je možné sa odhlásiť na jedno kliknutie.

Ďakujem za pozornosť.

Aké máte vy skúsenosti s používaním Internet bankingu VÚB banky?

Cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Komerční banky Bratislava

• existuje zapamätateľná adresa “ebanking.koba.sk”
• po prihlásení klient okamžite vidí zostatky na účtoch
• pri platbe je možné si vybrať z preddefinovaných príjemcov
• pri zadávaní sumy je jedno, či oddelím koruny od halierov bodkou, alebo čiarkou
• pomocník („Návod na obsluhu služby Internetbanking“) je dostupný na jedno kliknutie
• možnosť odhlásenia na jedno kliknutie

Negatíva Internet bankingu Komerční banky Bratislava

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí vždy písat aj https
• na úvodnej stránke chýba prihlasovací formulár
• odkaz na stránku s prihlásením je riešený ako obrázok šípky
• obraty/pohyby na účte sú nazvané ako “správy”
• nevyplnené povinné polia formulára nie sú zvýraznené
• informácia o tom, ktoré povinné polia boli nesprávne, resp. neboli vyplnené sa zobrazuje až pod formulárom
• hviezdička (označenie povinného poľa) sa nachádza aj pri nepovinnom poli “Predčíslie účtu kredit”
• na stránke “detail správy” chýba možnosť tlačiť správu
• pomocník („Návod na obsluhu služby Internetbanking“) je len všeobecný, t.j. treba sa v ňom preklikať na konkrétnu časť

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Ahoj, som Juraj Kerhát, konzultant spoločnosti Pizza SEO a v tomto videocaste by som Vám rád ukázal niekoľko možností, prípadne nedostatkov pri používaní elektronického bankovníctva banky Komerční banka Bratislava.

[00:13] Hneď na začiatok by som rád zvýraznil, že existuje pomerne ľahko zapamätateľná adresa ebanking.koba.sk, a teda používateľ sa nemusí preklikávať na elektronické bankovníctvo priamo zo stránky Komerční banky. Trochu škoda je, že neexistuje presmerovanie z http na https (bezpečnú adresu). Ak teda používateľ neuvedie celú adresu, aj s https, tak stránka sa mu nezobrazí.

[00:48] Ďalšia vec, ktorá mi chýba, je prihlasovací formulár priamo na úvodnej stránke. Pre prihlásenie slúži obrázkový odkaz. Tiež je škoda, že text na ľavo od odkazu pre prihlásenie nie je takisto riešený ako odkaz, je to len obyčajný text a až keď kliknem na obrázok šípky, až vtedy sa mi zobrazí prihlasovací formulár.

[01:16] Po prihlásení sa klientovi zobrazí stránka so zostatkami na účtoch, čo je pre každého klienta dosť podstatná informácia. V ľavej časti stránky sa nachádza hlavné menu, ktoré sa mi zdá byť trochu neprehľadné a trochu zvláštne mi príde to, že obraty, resp. pohyby na účte sú tu nazvané ako “správy”. Ak teda chcem zadať príkaz na úhradu, vyberiem si ho z ponuky nových správ a kliknem si na odkaz “vytvoriť novú správu”.

[01:54] Zobrazí sa mi formulár, v ktorom všetky povinné polia sú označené hviezdičkou. Táto hviezdička, si myslím, že mohla byť ešte zvýraznená červenou farbou. Skúsim odoslať prázdny formulár. Očakával by som, že nad formulárom sa mi zobrazí informácia o tom, ktoré polia sú povinné a ja som ich nevyplnil, prípadne, ktoré som vyplnil nesprávne. Takisto by som privítal, keby tieto polia boli zvýraznené aj vo formulári. Takáto informácia sa tu síce nachádza, ale je uvedená až pod samotným formulárom.

[02:37] Výborná vec na tomto formulári je napríklad to, že je možné vybrať si z preddefinovaných príjemcov. Vtedy sa automaticky vyplní číslo účtu a kód banky. Takisto je skvelé, že pri zadávaní sumy je jedno, či oddelím koruny od halierov bodkou, alebo čiarkou. Je možné si vybrať konštantný symbol z číselníka. Trochu sa mi zdá chybné z pohľadu používania, že je tu hviezdička pri predčíslí účtu, pričom tento údaj nie je povinný.

[03:19] Keď dám uložiť na podpis, zobrazí sa mi informácia o tom, že správa bola uložená. Môžem ju nájsť v histórii odoslaných správ, ktorú nájdem v ľavom menu. Je tu zoznam všetkých odoslaných správ za obdobie jedného roka, môžem si zobraziť detail správy, ktorú môžem schváliť, editovať, prípadne odmietnuť. Chýba mi tu možnosť tlačiť túto správu. Ak mám záujem nejakú správu vytlačiť, musím sa vrátiť do histórie a tam zadať do textového poľa číslo, prípadne čísla tých správ, ktoré chcem vytlačiť.

[04:07] Ak nejaký používateľ má problémy s používaním tohto Internet bankingu, je skvelé, že je tu „Návod na obsluhu služby Internetbanking”. Tento návod je dostupný na jedno kliknutie, zobrazí sa v novom okne.
Takisto je skvelé, že možnosť odhlásenia je dostupná na jedno kliknutie.

Ďakujem za pozornosť.

Ak máte vlastné skúsenosti s používaním Internet bankingu Komerční banky Bratislava, budeme radi, keď sa o ne podelíte s ostatnými návštevníkmi v komentároch.

Banky sa dnes snažia minimalizovať návštevy klientov na pobočke cenovou politikou v prospech online služieb. Internetové bankovníctvo je pre aktívnych klientov jeden z kľúčových kanálov pre realizáciu bankových operácií, preto je veľmi dôležitá jeho použiteľnosť (usability) a celková skúsenosť užívateľa (user experience).

Podľa Eurostatu používalo v roku 2007 na Slovensku Internet banking 15% populácie – viac ako v okolitých krajinách. Ide o lukratívnu klientelu pre banky, keďže prístup k Internetu popri mladých ľuďoch majú aj ľudia zo silnejších socio-ekonomických skupín.

V Pizza SEO sme začali začiatkom roku 2007 robiť na veľkom hodnotení Internet bankingov slovenských bánk. Naša metodika vychádza z techniky tzv. user personas – vytvorili sme troch fiktívnych, ale reprezentatívnych užívateľov, ktorí sa pokúšali v Internet bankingu splniť konkrétne úlohy.

Výsledkom je zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk. Zverejnený bude až na konci tejto iniciatívy spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingov.

Náš kontrolný zoznam sa sústredil najmä na dva aspekty použiteľnosti: efektivitu a chybovosť, pretože tie boli najjednoduchšie merateľné. Hodnotili sme, nakoľko sú pre pravidelného používateľa dostupné funkcie, ktoré sme identifikovali ako potrebné a nakoľko je aplikácia odolná voči chybám zo strany užívateľa (možnosť zadávať údaje v rôznych formátoch, atď.). U vybraných úloh sme sledovali tzv. click distance (počet kliknutí potrebný na splnenie úlohy). Celkovo sme vychádzali z viacerých medzinárodných výskumov o dôležitosti jednotlivých funkcií a vlastností Internet bankingov.

Test vzniká vo vlastnej réžii Pizza SEO – museli sme odmietnuť možnosť podpory priamo zo strany bánk, aby sme sa vyhli konfliktu záujmov. Aj preto na ňom robíme už dlho a vzniká pomaly a postupne.

Pri testovaní každej aplikácie však narážajú naši konzultanti na rôzne zaujímavosti, príjemné i nepríjemné prekvapenia. Rozhodli sme sa preto z každého testovaného Internet bankingu pripraviť krátky videocast. Niektoré naše postrehy budú zaujímavé najmä pre developerov online bankingov či podobných webových aplikácií, mnohé sa však týkajú aj iných aplikácií a preto budú zaujímavé aj pre ostatných čitateľov.

Oproti našim prvým videocastom o mBank (ktoré boli pripravené mimo tejto série) sme vyladili niektoré technologické problémy (dúfame, že flashový prehrávač vám bude vyhovovať) a v súlade s odporúčaniami kolegov sme sa rozhodli zainvestovať aj do prepisov.

Prvý videocast zverejňujeme už dnes, 7.5.2008 a ďalšie budú nasledovať približne v týždennej periodicite. Na záver zverejníme samotný ranking. Tešíme sa na vaše reakcie.

Mnohé internetové obchody vyžadujú od návštevníkov, aby sa pre zrealizovanie objednávky najskôr zaregistrovali. Je to celkom prirodzené, keďže vďaka registrácii získajú o svojich zákazníkoch viac informácii, ktoré môžu využiť pre ďalší rozvoj svojho e-shopu. Zároveň získajú na zákazníka aspoň jeden overený kontakt a môžu ho následne osloviť ohľadom rôznych noviniek a podobne. Vďaka tomu sa mnohým zákazníkom, ktorí dlhšiu dobu ich e-shop nenavštívili opäť pripomenú.

Pre nakupujúceho je registrácie užitočná len pri splnení niekoľkých podmienok: zaujíma ho iba u eshopov, kde by mohol chcieť nakupovať opakovane a musí si byť schopný zapamätať prihlasovacie meno a heslo. Pri opakovanom nákupe nemusí znovu vypĺňať meno, či kontaktné údaje. Taktiež je výhodné, keď si zaregistrovaný zákazník môže po prihlásení skontrolovať aktuálne objednávky a v prípade potreby niektoré z nich upraviť či zrušiť (toto žiaľ niektoré e-shopy ešte nepochopili a aj napriek nutnosti registrácie a možnosti prihlásenia je jedinou možnosťou zrušenia objednávky email, prípadne telefón).

Napriek tomu, že môže byť registrácia pre nakupujúceho výhodná, mnohých nutnosť registrácie od nákupu odradí. Jedným z dôvodov je spôsob, akým rôzne e-shopy takúto povinnosť svojim zákazníkom prezentujú. Niektoré dávajú jasne najavo, že bez registrácie to jednoducho nepôjde. To je akoby vo fyzickom obchode niekto povedal “Aha, Vy si chcete si kúpiť XY. Ešte ste u nás nenakupovali? Takže poprosím meno, adresu, telefónne číslo a keď si to všetko overíme, môžete nakupovať”. Ak by neboli povedané rozumné dôvody, väčšina zákazníkov by sa jednoducho otočila a odišla nakúpiť niekam inam. Iné e-shopy sa naopak snažia proces registrácie včleniť do procesu zákazníkovej prvej objednávky spôsobom, že si to zákazník takmer ani nevšimne a až po jej uskutočnení zistí (napr. prostredníctvom e-mailu s potvrdením objednávky), že bol zaregistrovaný a aké výhody z toho môže mať.

Pre porovnanie uvediem niekoľko konkrétnych príkladov.

V duchu hesla “Vstup povolený len registrovaným!!!” vystupuje pred svojimi zákazníkmi napríklad jeden z najväčších rezervačných portálov so vstupenkami na Slovensku Ticketportal.sk.

Červenou farbou zvýraznený text “Rezervovať lístky môžte až po prihlásení sa resp. po registrácii.” dáva zákazníkovi, ktorý prišiel na stránku Ticketportal.sk s jediným cieľom - kúpiť/rezervovať si lístok na koncert, či iné podujatie, jasne najavo, že musí najprv spraviť niečo úplne iné - zaregistrovať sa.

Podobným, ale menej “drzým” spôsobom vyžaduje registráciu od svojich zákazníkov napríklad ďalší rezervačný systém so vstupenkami Eventim.sk, ale tiež najväčšie internetové kníhkupectvo na Slovensku Martinus.sk.

Hlavný rozdiel oproti spomenutému Ticketportal-u je “tón”, ktorým zákazníkovi oznamujú, že sa musí zaregistrovať. Text “Ešte u nás nemáte registráciu? Vitajte medzi nami!” pôsobí prívetivejšie, ako text “Rezervovať lístky môžte až po prihlásení sa resp. po registrácii.”. Napriek tomu má zákazník stále pocit, že musí urobiť krok navyše a ani vlastne nevie, prečo. Na stránke, ktorá hovorí, že sa nakupujúci musí zaregistrovať, chýba informácia o tom, čo z toho pre neho plynie, či mu vďaka tomu nebude chodiť spam a pod. Možno by bola vhodná veta typu “Registrácia je potrebná, aby sme s Vami mohli komunikovať o Vašej objednávke.”

Trochu iný spôsob zvolili autori internetového obchodného centra Hej.sk. Ich objednávkový proces sa prihovára zákazníkom v duchu “Ešte ste u nás nenakupovali? V tom prípade je pre Vás vhodný nasledujúci formulár.”.

V rámci tohto formulára je ako povinná položka uvedená aj e-mailová adresa, na ktorú následne príde potvrdenie objednávky spolu s informáciou o zaregistrovaní. Pre zákazníka je teda tým “krokom navyše” len vyplnenie jednej položky formulára (e-mailová adresa) a nie celý nový proces registrácie. Predajca získa prakticky rovnaké dáta, ale rozdiel je v prevedení. Zákazník totiž vďaka možnosti “Chcem nakúpiť bez prihlásenia” stráca pocit, že niečo musí a naopak získava skôr pocit toho, že sa môže sám rozhodnúť.

Keďže samotná nutnosť registrácie na e-shopoch a jej výhody/nevýhody pre zákazníka môžu byť tiež diskutabilné, je vhodné spomenúť, že existujú e-shopy, ktoré fungujú aj bez nej. Príkladom takéhoto e-shopu je obchod so slúchadlami Sluchatka.net.

Ich objednávkový formulár takisto obsahuje povinné pole pre e-mailovú adresu, ale na túto príde len potvrdenie objednávky a žiadne prihlasovacie údaje, ani iná zmienka o zaregistrovaní.

Z hľadiska konverzií je toto pravdepodobne optimálne riešenie, najmä pre obchody, ktoré nepočítajú s veľa opakovanými objednávkami. Nedávajú tým totiž zákazníkovi do cesty zbytočné prekážky a maximalizujú konverzný pomer.

Aké máte Vy skúsenosti s nakupovaním cez internet? Odradil vás niekedy zložitý postup od nákupu v internetovom obchode?