Ak napríklad budete hľadať reštauráciu v okolí Panskej ulice v Bratislave, Google vám zobrazí niekoľko zariadení s ich webovými adresami, telefónnym číslom a tiež odkazom na ich hodnotenie. Až po zobrazení mapy a detailov nasledujú výsledky s odkazmi.

Existujú tri typy zobrazení: jediný výsledok s mapou, súbor troch výsledkov a súbor desiatich výsledkov. Desať výsledkov sa zvyčajne zobrazuje na lepšie cielené frázy s uvedením konkrétnej ulice či mesta, tri výsledky skôr na všeobecnejšie, menej lokálne hľadania a vtedy, keď Google nepozná dosť výsledkov.

Google spustil lokálne mapové výsledky pre Slovensko (a viacero ďalších krajín) v druhej polovici mája. Odvtedy sú výsledky prezentované hľadajúcim a teda je dôležité pri marketingu firiem na internete myslieť na prezentáciu v týchto výsledkoch. Navyše, lokálne výsledky sa umiestňujú vyššie ako klasické a pri mnohých hľadaniach budú oveľa dôležitejšie.

Ako si vytvoriť prezentáciu v lokálnych výsledkoch?

1. Prihláste sa cez Google konto na adrese www.google.com/local/add (ak Google konto nemáte, vytvorte si ho - zíde sa vám aj pri iných službách)
2. Do formulára zadajte všetky údaje o vašej spoločnosti - adresu, telefónne číslo, email, pridajte popis a kategórie činnosti (v prípade potreby môžete tiež opraviť presné miesto na mape)
3. Následne si zvoľte spôsob, akým bude zaradenie overené - cez SMS, telefonicky alebo poštou
4. Po obdržaní pohľadnice (SMS, automatizovaného telefonátu v angličtine) vložte autorizačný PIN kód
5. Vaša firma sa do bude jedného dňa (ale reálne oveľa skôr) zobrazovať v lokálnych výsledkoch vyhľadávania

Ak chcete využiť potenciál lokálnych výsledkov, ozvite sa nám do Pizza SEO.

Na záver malý test: zistíte, na aké hľadanie dostanete jeden výsledok, tri výsledky a desať výsledkov? Čím konkrétne sa tieto výsledky odlišujú?

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 mBank

• existuje zapamätateľná URL adresa “sk.mbank.eu”
• po prihlásení používateľ okamžite vidí prehľad svojich účtov
• okrem všeobecného pomocníka sa na jednotlivých stránkach nachádzajú špecifické nápovedy
• pre odhlásenie stačí jedenkrát kliknúť

Negatíva Internet bankingu mBank

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písať https v URL adrese
• odkazy nie sú odlíšené od ostatného textu
• povinné položky formulára nie sú zvýraznené
• v nesprávne vyplnenom formulári nie sú zvýraznené nesprávne vyplnené položky
• niektoré podstránky pomocníka nefungujú
• odkaz pre odhlásenie nie je zvýraznený

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, v ktorom sa pozrieme na Internet banking banky mBank. Tento Internet banking je dostupný na adrese sk.mbank.eu, je však potrebné zadávať túto adresu s https, pretože automatické presmerovanie z http na https nefunguje. Pri samotnom http://sk.mbank.eu/ Vám stránku nenájde.

[00:30] Po prihlásení používateľ okamžite vidí zoznam svojich účtov, aj so zostatkami na týchto účtoch. V ľavej časti stránky sa nachádza navigačné menu, ktoré je rozbaľovacie. Je v ňom však zobrazená vždy položka práve zobrazovanej stránky. Na stránke Nastavenia som si všimol, že nie je celkom jasné, čo sú odkazy, pretože pre odkazy, napríklad aktivovať službu, alebo zmeniť heslo, je použitý taký istý modrý text, ako pre informáciu o tom, aký je status danej služby.

[01:07] Pre vytvorenie prevodného príkazu je potrebné zvoliť si konto a v ňom kliknúť na prevodné príkazy a napríklad jednorázový prevod. Zobrazí sa formulár, ktorý je potrebné vyplniť. V tomto formulári bohužiaľ nie sú zvýraznené povinné položky. Ak odošlem nevyplnený formulár, zobrazí sa mi vyskakovacie okno, ktoré ma informuje o tom, ktorú položku som nevyplnil, resp. vyplnil nesprávne. Vždy je to však informácia len o jednej položke, čiže keď ja ju vyplním, znovu sa mi zobrazí ďalšia položka, ktorú som nevyplnil. Takisto to nie je nikde zvýraznené v tomto formulári.

[01:56] Na stránkach sa nachádza pomocník, ktorý sa vzťahuje k danej službe. Niektoré jeho podstránky bohužiaľ nefungujú. Keď kliknem na ďalľiu pomoc, stránka sa mi nezobrazí. Takisto sa na každej stránke nachádza vpravo hore všeobecný pomocník, kde používateľ nájde informácie k jednotlivým častiam Internet bankingu, k jeho používaniu.

[02:32] Odkaz pre odhlásenie nie je vôbec zvýraznený, je však ako najvuššia položka navigačného menu a pre odhlásenie stačí jeden krát kliknúť.

Ďakujem za pozornosť.

Aké sú vaše skúsenosti s používaním Internet bankingu mBank?

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 Poštovej banky

• po prihlásení používateľ okamžite vidí prehľad svojich účtov
• nad formulárom sa viditeľne zobrazuje zoznam chýb pri nesprávne vyplnenom formulári
• okrem všeobecného pomocníka sa na jednotlivých stránkach nachádzajú špecifické nápovedy
• tlačidlo pre odhlásenie je farebne odlíšené
• pre odhlásenie stačí jedenkrát kliknúť

Negatíva Internet bankingu Poštovej banky

• adresa “ibpb.pabk.sk” je síce krátka, ale nie veľmi ľahko zapamätateľná
• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ sa musí prekliknúť zo stránky http://ibpb.pabk.sk, alebo písať https v URL adrese
• menu je rozbaľovacie, a teda je potrebné klikať dvakrát, kým sa používateľ dostane k požadovanej službe
• vo formulári pre prevodný príkaz chýba zoznam bánk, konštantných symbolov…
• povinné položky formulára nie sú zvýraznené
• v nesprávne vyplnenom formulári nie sú zvýraznené nesprávne vyplnené položky
• “užívateľské príručky” sú na stránke v skomprimovanom .zip formáte, ktorý prehliadač nezobrazí

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, v ktorom si priblížime Internet banking Poštovej banky. Túto službu nájdete na adrese ibpb.pabk.sk, čo síce nie je dlhá adresa, ale taktiež nie je veľmi zapamätateľná. Pre https stránku je potrebné sa prekliknúť cez odkaz “Prihlásenie”. Potom sa zobrazí prihlasovací formulár, ktorý treba vyplniť pre prihlásenie.

[00:34] Po prihlásení má používateľ k dispozícii prehľad svojich účtov, kde si môže kliknúť na detail jednotlivých účtov, vidí disponibilný zostatok atď.

[00:46] V ľavej časti stránky sa nachádza navigačné menu. Toto menu je rozbaľovacie a jeho nevýhodou je, že vždy po vybratí istej položky sa toto menu “zbalí”, a teda pre každú akciu je potrebné klikať dvakrát.

[01:05] Ak mám záujem o vyplnenie prevodného príkazu, kliknem na príkazy na úhradu. Zobrazí sa mi formulár, ktorý je podľa mňa až príliš jednoduchý, pretože sú tu iba textové polia pre predčíslie, číslo účtu, kód banky, konštantný symbol atď. Chýba tu napríklad zoznam konštantných symbolov, zoznam rôznych bánk atď. Ak potvrdím prázdny formulár, správne sa mi zobrazí nad týmto formulárom zvýraznený zoznam chýb, čo som zle vyplnil, čo som nevyplnil. Ešte by bolo vhodné, keby tieto chyby boli zvýraznené aj priamo v tomto formulári. Je tu zvýraznená len položka “Úhrnná suma prevodných príkazov”, ale ostatné polia nie sú zvýraznené, aj keď sú nesprávne vyplnené.

[02:07] Na jednotlivých stránkach sa nachádza nápoveda, akýsi skrátený pomocník, ktorý súvisí s práve zobrazovanou stránkou a je to veľmi užitočná vec. Takisto sa na stránke nachádzajú tzv. Návody a príručky, kde používateľ nájde dokumentáciu k tomuto systému. Väčšinou sa však jedná o dokumenty, ktoré sú skomprimované vo formáte .zip.

[02:41] Pre odhlásenie z Internet bankingu Poštovej banky slúži tlačidlo/odkaz v ľavom menu, ktorý je farebne odlíšený a pre odhlásenie sa stačí jedenkrát kliknúť.

Ďakujem za pozornosť.

Aj Vy používate Internet banking Poštovej banky? Čo si o ňom myslíte?

Prístupná webstránka je taká, ktorú si môže prezerať každý používateľ - bez ohľadu na to, či je zrakovo postihnutý, trpí motorickými poruchami alebo používa na prezeranie stránok mobilný telefón alebo čítacie zariadenie. Prístupnosť teda nie je len o plnení zákona ale aj o tom, aby si informácie na webovej stránke ministerstva, úradu, mesta, obce alebo školy vedeli nájsť všetci občania používajúci internet bez ohľadu na postihnutie či použité zariadenie.

Zákon o prístupnosti

Zákon č. 275/2006 Z.z. nariaďuje, aby od 1. júna 2008 všetky informačné systémy verejnej správy vyhovovali štandardom - bezpečnosti, otvorenosti, prístupnosti. Medzi ne samozrejme patria aj webové stránky verejnej správy.

Verejná správa však často nemá kapacitu alebo vôľu urobiť svoje webstránky prístupnými a porušuje zákon. Neprístupné weby mali viaceré subjekty verejnej správy ešte aj v septembri 2008. Ministerstvo financií zatiaľ nikoho nepokutovalo, aj keď pokuty sľubovalo.

Najčastejšie problémy v prístupnosti

Povinné a odporúčané požiadavky s presne zadefinovanými štandardmi prístupnosti, ktoré musia spĺňať weby verejnej správy sa nachádzajú vo Výnose č. MF/013261/2008-132 (pôvodne Výnos č. 1706/M-2006) o štandardoch pre informačné systémy verejnej správy. Z našich skúseností mali (a majú) weby verejnej správy najčastejšie problémy v týchto oblastiach:

1. Kombinácia farieb popredia (textu) a pozadia má byť dostatočne kontrastná.

Ak nie sú farby popredia a pozadia dostatočne kontrastné, splývajú používateľom, ktorí trpia farbosleposťou alebo poruchami zraku. Okrem toho môžu splývať pri čiernobielom zobrazení. Riešenie tohto problému je často veľmi jednoduché.

Problematické časti stránky môžeme zistiť pomocou rôznych testov, existuje dokonca rozšírenie pre Firefox. Náprava väčšinou spočíva v úprave farieb príslušných elementov v CSS.

Na obrázku môžeme vidieť miesta na webe mesta Šaľa so slabým kontrastom farieb (orámované červeným obdĺžnikom):

2. Nadpisy na webe majú vyjadrovať štruktúru a byť v kóde správne označené (hierarchicky tagmi H1 – H6).

Obsah na webe (texty, články…) je často rozdelený pomocou nadpisov. Nadpisy tvoria štruktúru dokumentov. Niekedy však bývajú označené ako nadpisy len vizuálne (veľkým písmom, hrubým fontom, inou farbou), je nevyhnutné ich však označiť aj formálne (hierarchicky pomocou HTML tagov H1 až H6). Nemali by byť tvorené napr. pomocou normálneho textu (element SPAN) a naštýlované tak, aby vyzerali ako nadpisy. Každá stránka by mala mať práve jeden hlavný nadpis (H1), ktorý vystihuje jej obsah. Časti nižšej úrovne by mali mať podnadpisy druhej úrovne H2 atď. Štruktúra nadpisov dokumentu by mala byť správne logicky usporiadaná (H3 môže byť použitý až ako podnadpis H2, nie ako podnadpis H1; H2 musí nasledovať až za H1, nesmie byť použitý skôr a podobne).

Pre ľudí, ktorí používajú čítačky obrazovky sú nadpisy dôležitým prvkom pri navigácii. Pri výskume konzorcia WebAIM, v ktorom odpovedalo viac ako 1000 používateľov s čítačkami, až 76 % opýtaných používa nadpisy na navigáciu často alebo vždy keď sa dá.

Pozrieť sa na štruktúru (nadpisov) stránky umožňuje napríklad rozšírenie pre Firefox s názvom Web Developer (Information -> View Document Outline). Pre mesto Banská Bystrica nám tento nástroj prezradil, že na úvodnej stránke sa nachádza iba jeden nadpis, a to až štvrtej úrovne (H4). Nehovoriac o tom, že znie „Príspevky občanov“.

Ak stránka používa CMS systém, náprava označenia nadpisov by nemala byť veľmi náročná.

3. Zoznamy (číslované a nečíslované zoznamy, navigácia) majú byť v kóde správne označené (tagmi UL, OL).

Ako zoznamy môžu byť (a mali by byť) interpretované napríklad navigačné menu, zoznam možností s odrážkami, akékoľvek značenie poradia v texte (číslovaný zoznam) a pod.

V prípade, že sú zoznamy správne označené tagmi UL alebo OL, používateľ s čítačkou ich vie správne interpretovať. Nestačí mu totiž napríklad rôzne odsadenie položiek zoznamu na pochopenie hierarchie (vo viacúrovňových zoznamoch). Pri navigačnom menu to znamená, že ho môže ľahko preskočiť a pokračovať na obsah.

4. Riadky a stĺpce v tabuľkách majú mať správne označené záhlavia (napr. pomocou TH). Každá tabuľka má mať zadefinované zhrnutie obsahu (SUMMARY). Tabuľky nemajú byť použité na definovanie rozloženia obsahu na stránke (definovanie vzhľadu).

Ak sú na stránke použité tabuľky slúžiace na organizáciu nejakých dát (dátové tabuľky), mali by mať ich riadky a stĺpce definované nadpisy (záhlavia) pomocou elementu TH.

Každá tabuľka by mala obsahovať aj zhrnutie obsahu v elemente SUMMARY.

Tabuľky by nemali byť používané na rozloženie obsahu na stránke.

Pri dodržaní týchto zásad budú tabuľky prístupnejšie a zrozumiteľnejšie pre zrakovo postihnutých používateľov používajúcich hlasové čítačky. Čítačka im prečíta zhrnutie obsahu, vďaka čomu ľahšie pochopia obsah tabuľky, ako keby ho mali dedukovať z obsahu buniek.

5. Webová stránka má byť čitateľná aj keď sú štýly vypnuté.

Nie všetci používatelia môžu webové dokumenty prehliadať aj s priradenými kaskádovými štýlmi (CSS). Preto by tieto dokumenty mali byť prístupné aj bez nich. Celý web má byť s vypnutými štýlmi bez problémov ovládateľný (navigácia by mala fungovať aj bez štýlov). Pre správne zobrazenie obsahu použite logické členenie na nadpisy, zoznamy a podobne.

Bez priradeného CSS si môžete pozrieť v prehliadači Firefox ktorúkoľvek stránku (View -> Page Style -> No Style).
Pozrime sa napríklad na stránku mesta Ružomberok s vypnutými (na obrázku vľavo) a zapnutými štýlmi (na obrázku vpravo):

Hlavný nadpis na stránke znie „Vyhľadávanie“, hneď za ním nasleduje vyhľadávací formulár. Človek by si myslel, že je na stránke nejakého vyhľadávača, no je to stránka mesta Ružomberok. Pripomíname, že nadpis „Mesto Ružomberok“ je bez CSS umiestnený až na samom konci stránky.

Upraviť stránku tak, aby bola správne čitateľná a štrukturovaná aj bez CSS, väčšinou zaberie viac času. Vyžaduje totiž presúvanie rôznych častí obsahu, zmenu použitých HTML tagov a pod.

6. Formulárové políčka majú byť prepojené s príslušnými popiskami.

V HTML môžeme popis (LABEL) prepojiť s formulárovým prvkom pomocou atribútu FOR. Popis formulárových prvkov umožní ľahšie vyplnenie formulára pre všetkých používateľov. Čítačky obrazovky správne priradia popis k zodpovedajúcemu políčku formulára.

Náprava je jednoduchá:

<label for=”name”>Meno:</label><input type=”text” id=”name”>.

7. Označenie hypertextového odkazu má byť výstižné bez ohľadu na kontext (teda nie „kliknite sem“, alebo „zobraziť dokument“ a pod.). Použite výstižný titulok odkazu.

Z označenia každého odkazu by malo byť jasné, kam odkaz smeruje, a to nezávisle na tom, aká je doterajšia používateľova skúsenosť s daným webom alebo aký je obsah okolitého kontextu. Označením odkazu máme na mysli kombináciu textu odkazu (t.j. text umiestený medzi párovým tagom <a></a>) a atribútu TITLE tagu A. Ak je to možné, mala by byť táto informácia zreteľná zo samotného textu odkazu. V prípade, kedy je výpovedná schopnosť samotného textu odkazu z nejakého dôvodu obmedzená, použite atribút TITLE so spresneným popisom.

Napríklad:

<a href=”muzeum.html” title=”Viac informácií o Slovenskom národnom múzeu”>SNM – kontakt a otváracie hodiny</a>
<a href=”muzeum.html” title=”Viac informácií o Slovenskom národnom múzeu”>viac informácií</a>

8. Kód webovej stránky by mal zodpovedať niektorej špecifikácii, najlepšie najmodernejšej (teda napr. XHTML 1.0 Strict).

Kód stránky by mal byť spĺňať štandardy W3C. Validný kód (taký, ktorý spĺňa štandardy W3C) je čitateľnejší pre vyhľadávače, prehliadače ho vedia jednoduchšie spracovať a zobraziť a má menšiu veľkosť, čo znamená, že prehliadače ho vedia rýchlejšie stiahnuť. Niektoré pomocné technológie (napr. hlasové čítačky) môžu mať so sprístupnením nevalidných stránok problémy.

Validita kódu sa dá jednoducho skontrolovať nástrojom http://validator.w3.org (prípadne českým http://validator.w3.cz). Tieto nástroje okrem upozornenia na chyby navrhnú aj spôsob nápravy.

9. Majú byť používané META-informácie na pridanie sémantických informácií jednotlivým stránkam (titulok (TITLE), popis (DESCRIPTION)…).

Pri stránkach so správne zadefinovaným titulkom, prípadne popisom je používateľovi hneď jasný aj ich obsah. Horšie je to vtedy, keď všetky stránky webu majú rovnaký (prípadne žiadny) titulok.

Stránky na webe mesta Bardejov majú všetky rovnaký titulok – „.: Mesto Bardejov :.“ (nezmyselne doplnený bodkami a dvojbodkami), ktorý o obsahu nehovorí nič (keďže sa nachádzame na podstránke Primátor mesta):

Na stránkach, ktoré bežia na CMS sa väčšinou titulky podobne ako nadpisy dajú jednoducho generovať.

Užitočné odkazy k prístupnosti

• http://www.w3.org/TR/WCAG10/ - zásady prístupnosti verzie 1.0 od W3C (z tých vychádza slovenský zákon)
• http://www.w3.org/TR/WCAG20/ - zásady prístupnosti verzie 2.0 od W3C (najnovšia verzia zásad prístupnosti)
• http://www.blindfriendly.cz/wcag20/ - český preklad WCAG 2.0
• http://www.informatizacia.sk – stránky Ministerstva financií SR venované informatizácii a e-governmentu
• http://www.blindfriendly.sk – web s tipmi pre prístupnosť stránok
• http://validator.w3.org – validátor (hodnotiaci robot) upozorňujúci na chyby v kóde stránok (v angličtine)
• http://validator.w3.cz/ - validátor (hodnotiaci robot) upozorňujúci na chyby v kóde stránok (v češtine)
• http://wave.webaim.org – validátor (hodnotiaci robot) upozorňujúci na chyby prístupnosti (v angličtine)
• http://spravodaj.madaj.net/view.php/2009/02-je-ten-web-nejaky-divny-nebude-nepristupny - článok o prístupnosti s aktuálnymi zdrojmi a detailnými odporúčaniami
• http://blog.pizzaseo.com/sk – blog spoločnosti Pizza SEO o efektívnych webových stránkach

Pizza SEO a prístupnosť webov verejnej správy

Spoločnosť Pizza SEO ponúka konzultácie v oblasti prístupnosti a venuje sa jej aj vo svojej vstupnej službe - Effective Web Audit. Stránka PizzaSEO.com bola Ministerstvom financií v roku 2007 vyhodnotená ako jediná stránka súkromného subjektu spĺňajúca všetky štandardy prístupnosti.  Audit prístupnosti sme vypracovali napríklad aj pre mesto Malacky.

Poznámka: článok bol aktualizovaný s uvedením nového Výnosu č. MF/013261/2008-132, ktorý nahradil pôvodný výnos z roku 2006.

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 Istrobanky

• existuje zapamätateľná adresa “ibssl.istrobanka.sk” (príp. “ibanking.istrobanka.sk”, z ktorej je ale nutné sa ďalej prekliknúť na ibssl.istrobanka.sk)
• po prihlásení používateľ okamžite vidí stav svojho účtu
• z úvodnej stránky sa dá jedným kliknutím dostať na prevodný príkaz
• v nesprávne vyplnenom formulári je zvýraznená nesprávne vyplnená položky (žiaľ, vždy len jedna)
• nad formulárom sa viditeľne zobrazuje informácia o nesprávne vyplnenej povinnej položke formulára (takisto, vždy len o jednej)
• okrem všeobecného pomocníka existujú aj nápovedy k niektorým položkám

Negatíva Internet bankingu Istrobanky

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písať https v URL adrese
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je potrebné klikať dvakrát, kým sa používateľ dostane k požadovanej službe
• povinné položky formulára nie sú zvýraznené
• informácie o zle vyplnených položkách formulára a ich zvýraznenie je riešené vždy len po jednej položke
• odhlásenie je nutné 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:

Zdravím Vás pri ďalšom videocaste spoločnosti Pizza SEO, ktorý bude o Internet bankingu Istrobanky. Pre Internet banking Istrobanky existuje stránka ibanking.istrobanka.sk. Toto je však len akási prechodná stránka, z ktorej je ešte potrebné sa ďalej prekliknúť na ďalšiu stránku ibssl.istrobanka.sk. Tu však je potrebné, ak by ste to chceli zadávať priamo do adresového riadku prehliadača, zadať https, bez ktorého Vám stránku nenájde.

[00:41] Po prihlásení sa používateľovi zobrazia informácie o jeho účtoch a o zostatkoch na týchto účtoch. Nad týmito informáciami sa nachádzajú užitočné informácie napríklad o tom, ako často sú zostatky aktualizované a ktoré informácie nemusia obsahovať. Je správne, že takéto informácie sa nachádzajú nad samotnými informáciami o účtoch, aby ich používateľ neprehliadol.

[01:10] V ľavej časti sa nachádza navigačné menu k účtom, ktoré je rozdelené na aktívne operácie, pasívne operácie a nastavenia hlásenia zostatkov. Je to rozbaľovacie menu, čiže je potrebné klikať dvakrát, keď sa používateľ chce dostať na niektorú z týchto položiek. Dobré je, že (odkaz) “Prevodný príkaz” je medzi aktívnymi operáciami hneď na prvom mieste. Taktiež na úvodnej stránke, kde bol prehľad účtov, sa dá prekliknúť na prevodný príkaz.

[01:49] Tu sa nachádza formulár, ktorý je potrebné vyplniť pre zadanie príkazu na platbu. V tomto formulári však nie sú zvýraznené povinné položky. Až keď odošle používateľ nesprávne vyplnený formulár, dozvie sa, že niektorá položka bola nesprávne vyplnená povinná :). Bohužiaľ, informácie o nesprávne vyplnených položkách sú zobrazované vždy len po jednej. Ja som nevyplnil ani čiastku, ktorá musí byť viac ako 0, ale dostal som hlásenie že som nevyplnil len číslo účtu. Až keď by som toto číslo vyplnil, až potom sa mi zobrazí ďalšia chyba, že som nedal napr. kód banky a pod. Pri niektorých položkách sa nachádza nápoveda, ktorá môže byť pre používateľov užitočná v tom, že im bližšie priblíži, čo tieto položky znamenajú.

[02:49] Taktiež sa tu nachádza pomocník, ktorý je všeobecný a ktorý popisuje jednotlivé časti Internet bankingu.

[03:02] Pre odhlásenie slúži tlačidlo vpravo hore. Je potrebné naň kliknúť a potom ešte potvrdiť dotaz, či sa používateľ naozaj chce odhlásiť z Internet bankingu.

Ďakujem za pozornosť.

Podeľte sa o Vaše skúsenosti s používaním Internet bankingu Istrobanky prostredníctvom komentárov nižšie!

Už tradične 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 Dexia banky

• existuje zapamätateľná adresa “eb.dexia.sk”
• po prihlásení používateľ okamžite vidí stav svojho účtu
• v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky
• pri jednotlivých položkách formulára sa nachádza nápoveda
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu Dexia banky

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je v mnohých prípadoch potrebné klikať dva krát, kým sa používateľ dostane k požadovanej službe
• povinné položky formulára nie sú vôbec zvýraznené
• informácia o nesprávne vyplnených povinných položkách formulára sa zobrazuje až pod formulárom
• nefunguje odkaz na pomocník
• pri odkazoch na stránke “Príručky” nie je uvedené, že smerujú na súbory .doc a .pdf

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 videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri prvom videocaste spoločnosti Pizza SEO v roku 2009, v ktorom sa pozrieme na Internet banking Dexia banky. Tento Internet banking je dostupný na adrese eb.dexia.sk. Nesmiete však zabudnúť zadať najskôr https. Ak by ste zadali len http, prípadne len eb.dexia.sk, dostali by ste chybovú stránku. Pre prihlásenie slúži prihlasovací formulár, ktorý je na úvodnej stránke celkom dobre viditeľný.

[00:38] Po prihlásení sa používateľovi zobrazí zoznam jeho účtov, aj s jeho zostatkami (disponibilný, účtovný, aktuálny). V ľavej časti sa nachádza navigačné menu. Toto má pomerne veľa položiek, preto je toto menu rozbaľovacie a škoda je, že sa v tomto navigačnom menu nezvýrazňujú položky, ktoré sú práve vybrané. Keďže je menu rozbaľovacie, tak pre prechod na tuzemský platobný príkaz je potrebné klikať dva krát z úvodnej stránky. Tiež si myslím, že samotný odkaz “Tuzemský príkaz” mohol byť v časti “Platby” posunutý úplne hore, pretože predpokladám, že je to položka častejšie používaná, ako “Import súboru príkazov”.

[01:31] Pre zadanie platby je potrebné vyplniť formulár, v ktorom nie sú zvýraznené povinné polia. Ak odošlem prázdny formulár, až vtedy sa zvýraznia tie polia, kroré sú nesprávne vyplnené, resp. nevyplnené. Taktiež sa zobrazí informácia o tom, kroré polia sú nevyplnené, alebo zle vyplnené. Táto informácia mohla byť skôr posunutá nad formulár a nie až pod tento formulár. Celkom užitočné je, že pri výbere účtu platiteľa sa zobrazuje tiež zostatok na tomto účte. Pri jednotlivých položkách sa taktiež nachádza nápoveda, kde je bližšie určené, ako má vyzerať zadaná položka.

[02:28] Všeobecný pomocník (odkaz “Pomoc”), sa nachádza v hornom menu, odkaz však nefunguje, bohužiaľ. Funguje odkaz na “Príručky”, kde sú odkazy na dva súbory, pričom jeden je súbor formátu .doc a druhý je súbor s príponou .pdf. To však nie je nikde pri týchto odkazoch spomenuté.

[03:02] Odhlásiť sa je možné kliknutím na tlačidlo pod ľavým navigačným menu, ktoré je dosť viditeľné a pre odhlásenie stačí jeden krát kliknúť. Netreba už nič viac potvrdzovať.

Ďakujem za pozornosť.

Používate Internet banking Dexia banky? Napíšte nám do komentárov, čo na ňom vyhovuje, či nevyhovuje práve Vám!

V tomto článku vám prinášame výsledky PPC kampane, ktorú sme vytvorili pre jedného z víťazov Depiho súťaže 30C – fórum Domainer.sk.

Súčasťou výhry bol aj kredit v systéme Google AdWords vo výške 5000 Sk. Reklamná kampaň pre Domainer.sk sa „nepohybovala“ v príliš konkurenčnej a vyhľadávanej oblasti, takže kredit vydržal dosť dlho – 4 mesiace.

Výsledky PPC kampane

Výsledky, ktoré kampaň dosiahla za obdobie od 22.08.2008 do 22.12.2008, môžete vidieť na nasledujúcom obrázku.

Legenda:
Clicks: počet kliknutí
Impressions: počet zobrazení inzerátov kampane
CTR (clickthrough rate): miera prekliknutia
Avarage CPC (cost per click): priemerná cena za 1 kliknutie
Cost: náklady
Conversions: počet konverzií
Conversion rate: miera konverzie
Cost / Conversion: náklady na 1 konverziu

Kampaň celkovo zaznamenala 1990 kliknutí s priemernou cenou 2,44 Sk za 1 kliknutie. Celkové náklady na kampaň boli 4853,00 Sk. Konverzií (registrácia do fóra) bolo zaznamenaných 24. Priemerná cena za 1 konverziu bola na úrovni 202,21 Sk.

Výsledky sú podľa nášho názoru dobré. Stanovené ciele (priviezť nových návštevníkov na Domainer.sk, získať nových registrovaných používateľov Domainer.sk) môžeme považovať za splnené.

Náš experiment zaradiť medzi zostavy aj zostavu „Investícia“ (s kľúčovými slovami ako „investícia“, „investovať“ a pod.), ktorá mala cieliť ľudí, ktorí doteraz s doménami neobchodovali, ale domainerstvo ich môže zaujímať ako investičná aktivita, hodnotíme pozitívne. Aj keď táto zostava trochu zhoršila celkovú mieru prekliknutia, priniesla väčšinu kliknutí (návštev).

Najvýkonnejšie inzeráty

Najvýkonnejšie inzeráty podľa CTR (miera prekliknutia), teda tie, ktoré najviac zaujali, sú tieto:

CTR: 33,33%
Zlé Parkovanie Domény:
Ak zle zaparkujete doménu,
nemôžete dostať pokutu. Nezarobíte!

CTR: 25,00%
Aukcia Domény:
Na Domainer.sk práve prebieha
aukcia domény. Prihoď 100 Sk!

CTR: 20,45%
Predaj a Kúpa Domén:
Kšeftovať s doménami môžeš
beztrestne na Domainer.sk!

CTR: 17,65%
Burza Domén:
Na Domainer.sk práve prebieha
aukcia domény. Prihoď korunku!

Na záver

Dúfame, že vás zaujala séria článkov, v ktorej sme popisovali tvorbu reklamnej kampane v Google AdWords pre Domainer.sk. Veríme, že kampaň pomohla aj fóru Domainer.sk.

Ak by Tomáš so svojim Domainer.sk bol našim štandardným klientom, mesačne by dostával správu (asi 4 strany vo formáte PDF), ktorá by obsahovala:

• výsledky kampane za obdobie 1 mesiaca
• naše hodnotenie kampane
• návrhy na úpravy kampane za účelom zvýšenia ďalšej efektivity

Pozreli sme sa, či Tatrabanka myslela na svojich zákazníkov a vyhľadávače a zistili niekoľko závažných nedostatkov:

Už obligátne zbytočné predĺženie hlavnej URL o /cms/: adresa http://www.tatrabanka.sk/cms/ namiesto http://www.tatrabanka.sk/. Neexistuje jediný dôvod na toto zbytočné presmerovanie.

Starý web ponechaný na pôvodnej adrese http://www.tatrabanka.sk/cgi-bin/web/app/index.jsp namiesto správneho presmerovania (vrátane všetkých podstránok) cez stavový kód 301 (trvalé presmerovanie) na nový systém. Dokonca Google stále indexuje starý web (viď obrázok). Takýto prípad je samozrejme stále lepší ako keby pôvodné adresy prestali fungovať úplne. Návštevníci stránok sa však takto môžu dostať ku už neplatným informáciám (cenám, kontaktom a pod.).

Parameter __menuClick=1 v URL a niektorých odkazoch. Vynechanie parametra zjavne nevplýva na správne fungovanie webu a preto je jeho výskyt nielen zbytočný, ale aj vytvára duplicity na webe, ktoré môžu v horšom prípade spôsobiť vyradenie časti obsahu z vyhľadávačov.

Tmavomodré pozadie, biele texty, tmavé zelené odkazy. Tmavé pozadie so svetlou farbou textu je nevhodné pre čítanie dlhších textov na webe z prozaického dôvodu: “ťahá” oči. Existujú firmy, ktorú majú v logu dominantnú modrú, napriek tomu uvážlivo stavajú na svetlom pozadí a modrá farba je použitá ako doplnková (napríklad: spoločnosť IBM). Navyše kontrast pozadia a odkazov je nepostačujúci, tmavozelené odkazy sú na tmavomodrom pozadí zle viditeľné. Mimochodom: autorita na prístupnosť Roger Johansson sa v roku 2006 na blogu 456 Berea St. sťažoval na redizajny, ktoré uprednostnili tmavé pozadie so svetlým textom. Ponúka odkaz na bookmarklet, ktorý prefarbí akýkoľvek web na biele pozadie, čierny text a modré odkazy.

Odkazy väčšinou nie sú podčiarknuté a navyše majú rovnakú farbu ako ostatný text. Podčiarknutie je považované od vzniku technológie WWW za základnú vlastnosť hypertextových odkazov. Výhodou pre užívateľa je okamžitá viditeľnosť odkazov, najmä v dlhšom texte. Navyše, ak sú odkazy bielou farbou a časť textov je tiež bielou farbou, nie je zjavné, čo je odkaz a čo obyčajný text.

Nadpis stránok vo forme “Úvodná stránka - Tatra banka - Najlepší idú za nami - www.tatrabanka.sk” - rýchle hľadanie v histórii podľa nadpisu sa stáva nepoužiteľným. Zbytočne veľa textu v nadpise, vrátane sloganu a dokonca adresy “www.tatrabanka.sk”. Rozumnejšie by bolo skrátiť nadpis na postačujúcu formu “Úvodná stránka | Tatra banka”. Pomlčka tiež nie je najvhodnejší znak na vizuálne oddelenie navigačnej hierarchie, lebo nezastavuje ale naopak vedie zrak ďalej.

Nesprávna sémantická štruktúra dokumentu. Stránky Tatrabanky nepoužívajú nadpisy správnym spôsobom. Na hlavnej stránke sa nadpisy až po úroveň H5 nevyskytujú, následne sa zrazu objaví niekoľko nadpisov úrovne H6. Na ostatných podstránkach je použitie nadpisov o niečo lepšie - použité sú nadpisy H1 a H2, následne opäť až H6. Okrem vplyvu na lepšiu nájditeľnosť vo vyhľadávačoch majú nadpisy význam aj pre užívateľov, ktorí si prezerajú web bez štýlov, obrázkov a tiež užívateľov s postihnutiami používajúcich pomocné technológie.

Dalo by sa samozrejme pokračovať a ísť do detailov (nesprávny kód), v každom prípade by spoločnosti ako Tatra banka v dnešnej dobe malo záležať na použiteľnej webovej prezentácii.

Medzi pozitíva webu patrí položka Kontakty v hlavnej hornej navigácii, ktorá smeruje na stránku s odkazom na pobočky, bankomaty a hypotekárne centrá. Vhodnou zmenou bolo aj zväčšenie odkazu na internet banking, aj keď stále existuje miesto na jeho ďalšie zvýraznenie. Odkaz na internet banking je jednou z najpoužívanejších položiek na stránkach bánk (použiteľnosti internetbankingu Tatra banky sa kolega Juraj Kerhát venoval vo videocaste na blogu Pizza SEO v októbri 2008).

Zákon č. 275/2006 Z.z. o informačných systémoch nariaďuje, aby do 1. júna 2008 všetky informačné systémy verejnej správy vyhoveli štandardom bezpečnosti, otvorenosti a prístupnosti (bližšie informácie).

O tom, aký je stav webov štátnej správy z hľadiska prístupnosti v súčasnosti, bola reportáž v relácii Televízne noviny dnes 20. októbra 2008 (reportáž o prístupnosti webov štátnej správy je 7. v poradí).

Pozrieť si ju môžte aj tu:

Podľa reportáže Ministerstvo financií SR kontrolovalo prístupnosť webových sídel štátnych inštitúcií už dvakrát. “Boli zistené nedostatky, zatiaľ však neboli uložené sankcie,” povedal Miroslav Šmál, hovorca Ministerstva financií. Po tretej kontrole koncom roka 2008 by už mali padať pokuty od 500 tisíc do 1 milióna korún.

Dočkáme sa prístupných webov štátnej správy?

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 Tatra banky

• existuje zapamätateľná adresa “moja.tatrabanka.sk”
• existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ nemusí písat https v URL adrese
• po prihlásení používateľ okamžite vidí stav svojho účtu
• povinné položky formulára sú zvýraznené červenou hviezdičkou
• nad formulárom sa viditeľne zobrazuje informácia o nesprávne vyplnených povinných položkách formulára
• v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky
• okrem všeobecného pomocníka existuje aj špecifický pomocník pre jednotlivé položky
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu Tatra banky

• odkazy nie sú odlíšené od okolitého textu
• na úkor zvýšenej bezpečnosti sa znižuje pohodlnosť používania
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je v mnohých prípadoch potrebné klikať dva krát, kým sa používateľ dostane k požadovanej službe

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, v ktorom sa pozrieme na Internet banking Tatra banky. Podobne, ako v predchádzajúcich videocastoch, začnem tým, ako vyzerá URL adresa tejto služby. V tomto prípade to vyzerá veľmi dobre, pretože používateľovi stačí zadať do prehliadača len moja.tatrabanka.sk, čo je veľmi ľahko zapamätateľné a toto, keď potvrdí, tak je automaticky presmerovaný na zabezpečenú adresu, aj s https.

[00:28] Na úvodnej stránke sa nachádza prihlasovací formulár. Okrem neho je tu pomerne veľa textu, v ktorom sa žiaľ strácajú odkazy. Biely text zvýraznený hrubým písmom funguje na niektorých miestach ako odkaz a na iných miestach len ako obyčajný text.

[00:55] Tatra banka pre autentifikáciu a autorizáciu klientov zaviedla nový bezpečnostný nástroj “Karta a čítačka”. Prihlasovanie s týmto nástrojom však nie je veľmi pohodlné. Používateľ najskôr musí zadať PID (osobné identifikačné číslo) a heslo, ktoré našťastie si môže zmeniť. Toto keď zadá, tak sa dostane na ďalšiu stránku, kde musí zadať kód z čítačky, čo znamená, že potrebuje mať túto čítačku pri sebe. Potrebuje mať pri sebe kartu, tú kartu vloží do čítačky, musí zadať PIN kód karty a potom táto čítačka vygeneruje kód, ktorý zadá opäť na stránku a až keď toto odošle, tak sa dostane do svojho Internet bankingu.

[02:04] Po prihlásení má používateľ okamžite prístup k svojim účtom, k aktuálnemu zostatku. Môže si vybrať, či sa mu má zobrazovať účtovný zostatok, aktuálny zostatok, disponibilný zostatok, alebo čistý disponibilný zostatok.

[02:20] V ľavej časti stránky sa nachádza navigačné menu. Toto je rozbaľovacie, vzhľadom k tomu, koľko položiek obsahuje. Preto, keď sa používateľ chce dostať napríklad k domácemu prevodnému príkazu, musí kliknúť dva krát. Je škoda, že v tomto menu nie je zvýraznená tá položka, ktorá predstavuje práve zobrazovanú stránku.

[02:53] Keď prejdem na platobný príkaz, tak v tomto formulári sú všetky povinné polia zvýraznené červenou hviezdičkou, prípadne sú tu niekde dve červené hviezdičky, ale toto všetko je vysvetlené pod formulárom, že čo ktoré zvýraznenie znamená. Ak odošlem prázdny formulár, alebo nesprávne vyplnený formulár, tak priamo nad formulárom sa mi červeným textom jasne zobrazuje informácia o tom, že som niečo nevyplnil správne a takisto polia, ktoré nie sú správne vyplnené, sú v tomto formulári zvýraznené.

[03:36] Čo sa týka pomocníka, tak ten je dostupný na jedno kliknutie v hornej časti stránky. Je to všeobecný pomocník, ale napríklad pri rôznych položkách sa nachádza aj špecifický pomocník.

[03:55] Odhlásenie je možné na dvoch miestach - vľavo hore, alebo vľavo dole v menu. V obidvoch prípadoch je tento odkaz jasne viditeľný a odhlásenie je možné na jedno kliknutie.

Ďakujem za pozornosť.

Aké sú Vaše skúsenosti s používaním Internet bankingu Tatra banky?