<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SEO blog, ktorý má vkus &#187; tatra banka</title>
	<atom:link href="http://blog.pizzaseo.com/sk/tag/tatra-banka/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.pizzaseo.com/sk</link>
	<description>Blog, ktorý má vkus, o webe, SEO, použiteľnosti a prístupnosti. Naše filozofovanie, pozorovanie a časť našich zistení.</description>
	<lastBuildDate>Wed, 21 Jul 2010 12:40:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tatra banka: nový web, staré návyky</title>
		<link>http://blog.pizzaseo.com/sk/tatra-banka-novy-web-stare-navyky/</link>
		<comments>http://blog.pizzaseo.com/sk/tatra-banka-novy-web-stare-navyky/#comments</comments>
		<pubDate>Thu, 11 Dec 2008 13:38:26 +0000</pubDate>
		<dc:creator>Daniel</dc:creator>
				<category><![CDATA[Nezaradené]]></category>
		<category><![CDATA[internet banking]]></category>
		<category><![CDATA[použiteľnosť]]></category>
		<category><![CDATA[tatra banka]]></category>
		<category><![CDATA[tatrabanka]]></category>

		<guid isPermaLink="false">http://blog.pizzaseo.com/sk/?p=238</guid>
		<description><![CDATA[<img class="alignnone size-thumbnail wp-image-203" src="http://blog.pizzaseo.com/sk/wp-content/uploads/tatrabanka.jpg" alt="Tatrabanka.sk" width="190" height="142" />Tatrabanka spustila v uplynulých dňoch nový web. Okrem redizajnu došlo aj k prechodu na nový systém na správu obsahu webových stránok. Pri spúšťaní nového webu je treba myslieť na mnoho detailov aj z hľadiska optimalizácie pre vyhľadávače a použiteľnosti.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-thumbnail wp-image-203" src="http://blog.pizzaseo.com/sk/wp-content/uploads/tatrabanka.jpg" alt="Tatrabanka.sk" width="190" height="142" />Tatrabanka spustila v uplynulých dňoch <a href="http://www.tatrabanka.sk/">nový web</a>. Okrem redizajnu došlo aj k prechodu na nový systém na správu obsahu webových stránok. Pri spúšťaní nového webu je treba myslieť na mnoho detailov aj z hľadiska optimalizácie pre vyhľadávače a použiteľnosti.</p>
<p>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:</p>
<p>Už obligátne zbytočné <strong>predĺženie hlavnej URL</strong> o /cms/: adresa http://www.tatrabanka.sk/cms/ namiesto http://www.tatrabanka.sk/. Neexistuje jediný dôvod na toto zbytočné presmerovanie.</p>
<p><a href="http://blog.pizzaseo.com/sk/wp-content/uploads/tb-google.png"><img class="size-medium wp-image-241" title="Tatrabanka v Google" src="http://blog.pizzaseo.com/sk/wp-content/uploads/tb-google-300x117.png" alt="Tatrabanka v Google" width="300" height="117" /></a> <strong>Starý web</strong> 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.).</p>
<p><strong>Parameter</strong> __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.</p>
<p>Tmavomodré <strong>pozadie</strong>, biele <strong>texty</strong>, tmavé zelené <strong>odkazy</strong>. Tmavé pozadie so svetlou farbou textu je nevhodné pre čítanie dlhších textov na webe z prozaického dôvodu: &#8220;ťahá&#8221; 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: <a href="http://www.ibm.com/solutions/us/en/">spoločnosť IBM</a>). 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. <a href="http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/">sťažoval na redizajny, ktoré uprednostnili tmavé pozadie so svetlým textom</a>. Ponúka odkaz na bookmarklet, ktorý prefarbí akýkoľvek web na biele pozadie, čierny text a modré odkazy.</p>
<p><strong>Odkazy</strong> 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.</p>
<p><strong>Nadpis stránok</strong> vo forme &#8220;Úvodná stránka &#8211; Tatra banka &#8211; Najlepší idú za nami &#8211; www.tatrabanka.sk&#8221; &#8211; 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 &#8220;www.tatrabanka.sk&#8221;. Rozumnejšie by bolo skrátiť nadpis na postačujúcu formu &#8220;Úvodná stránka | Tatra banka&#8221;. Pomlčka tiež nie je najvhodnejší znak na vizuálne oddelenie navigačnej hierarchie, lebo nezastavuje ale naopak vedie zrak ďalej.</p>
<p>Nesprávna <strong>sémantická štruktúra</strong> 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 &#8211; 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.</p>
<p>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.</p>
<p>Medzi <strong>pozitíva webu</strong> 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 <a href="http://blog.pizzaseo.com/sk/tatra-banka-v-teste-pouzitelnosti-internet-bankingu-slovenskych-bank-2008/">venoval vo videocaste</a> na blogu Pizza SEO v októbri 2008).</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pizzaseo.com/sk/tatra-banka-novy-web-stare-navyky/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Tatra banka v teste použiteľnosti Internet bankingu slovenských bánk 2008</title>
		<link>http://blog.pizzaseo.com/sk/tatra-banka-v-teste-pouzitelnosti-internet-bankingu-slovenskych-bank-2008/</link>
		<comments>http://blog.pizzaseo.com/sk/tatra-banka-v-teste-pouzitelnosti-internet-bankingu-slovenskych-bank-2008/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 17:32:35 +0000</pubDate>
		<dc:creator>Juraj</dc:creator>
				<category><![CDATA[Nezaradené]]></category>
		<category><![CDATA[internet banking]]></category>
		<category><![CDATA[internetové bankovníctvo]]></category>
		<category><![CDATA[použiteľnosť]]></category>
		<category><![CDATA[tatra banka]]></category>
		<category><![CDATA[tatrabanka]]></category>

		<guid isPermaLink="false">http://blog.pizzaseo.com/sk/?p=202</guid>
		<description><![CDATA[<img src="http://blog.pizzaseo.com/sk/wp-content/uploads/ebanking-tatrabanka-190x142.jpg" alt="Internet banking Tatrabanky" title="Internet banking Tatrabanky" width="190" height="142" class="alignnone size-thumbnail wp-image-203" />Po dlhšom čase sme pre Vás opäť pripravili ďalší videocast zo série "Veľký test použiteľnosti Internet bankingu slovenských bánk 2008 od Pizza SEO". Venujeme sa v ňom Internet bankingu Tatra banky. Predchádzajúci videocast sa zaoberal použiteľnosťou Internet bankingu Volksbank.]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.pizzaseo.com/sk/wp-content/uploads/ebanking-tatrabanka-190x142.jpg" alt="Internet banking Tatrabanky" title="Internet banking Tatrabanky" width="190" height="142" class="alignnone size-thumbnail wp-image-203" />Po dlhšom čase sme pre Vás opäť pripravili ďalší videocast zo série &#8220;<a title="Veľký test použiteľnosti Internet bankingu slovenských bánk 2008 od Pizza SEO" href="http://blog.pizzaseo.com/sk/velky-test-pouzitelnosti-internet-bankingu-slovenskych-bank-2008-od-pizza-seo/">Veľký test použiteľnosti Internet bankingu slovenských bánk 2008 od Pizza SEO</a>&#8220;. Venujeme sa v ňom Internet bankingu <strong><a title="Tatra banka - Internet Banking" href="https://moja.tatrabanka.sk/cgi-bin/ibanking/start/ibanking.jsp">Tatra banky</a></strong>. Predchádzajúci videocast sa zaoberal <a title="Volksbank v teste použiteľnosti Internet bankingu slovenských bánk 2008" href="http://blog.pizzaseo.com/sk/volksbank-v-teste-pouzitelnosti-internet-bankingu-slovenskych-bank-2008/">použiteľnosťou Internet bankingu Volksbank</a>.</p>
<p>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.</p>
<p><strong>Pozitíva Internet bankingu Tatra banky</strong></p>
<ul class="positiveslist">
<li>existuje zapamätateľná adresa &#8220;moja.tatrabanka.sk&#8221;</li>
<li>existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) &#8211; používateľ nemusí písat https v URL adrese</li>
<li>po prihlásení používateľ okamžite vidí stav svojho účtu</li>
<li>povinné položky formulára sú zvýraznené červenou hviezdičkou</li>
<li>nad formulárom sa viditeľne zobrazuje informácia o nesprávne vyplnených povinných položkách formulára</li>
<li>v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky</li>
<li>okrem všeobecného pomocníka existuje aj špecifický pomocník pre jednotlivé položky</li>
<li>odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené</li>
</ul>
<p><strong>Negatíva Internet bankingu Tatra banky</strong></p>
<ul class="negativeslist">
<li>odkazy nie sú odlíšené od okolitého textu</li>
<li>na úkor zvýšenej bezpečnosti sa znižuje pohodlnosť používania</li>
<li>v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku</li>
<li>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</li>
</ul>
<p>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.</p>
<p>
<!--[if IE]>
<object type="application/x-shockwave-flash" width="480" height="378">
  <param name="movie" value="http://blog.pizzaseo.com/sk/wp-content/uploads/tatrabanka_controller.swf" />
  <param name="quality" value="best" />
  <param name="bgcolor" value="#1a1a1a"/>
  <param name="allowFullScreen" value="true" />
  <param name="scale" value="showall" />
  <param name="flashVars" value="autostart=false" />
</object>
<![endif]-->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://blog.pizzaseo.com/sk/wp-content/uploads/tatrabanka_controller.swf" width="480" height="378">
  <param name="quality" value="best" />
  <param name="bgcolor" value="#1a1a1a"/>
  <param name="allowFullScreen" value="true" />
  <param name="scale" value="showall" />
  <param name="flashVars" value="autostart=false" />
</object>
<!--<![endif]-->
</p>
<p><strong>Textový prepis videocastu:</strong></p>
<blockquote><p><img class="alignnone size-medium wp-image-6" title="Juraj Kerhát, konzultant" src="http://blog.pizzaseo.com/sk/wp-content/uploads/kerhat.JPG" alt="Juraj Kerhát, konzultant" width="187" height="141" /><br />
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.</p>
<p>[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.</p>
<p>[00:55] Tatra banka pre autentifikáciu a autorizáciu klientov zaviedla nový bezpečnostný nástroj &#8220;Karta a čítačka&#8221;. 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.</p>
<p>[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.</p>
<p>[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.</p>
<p>[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é.</p>
<p>[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.</p>
<p>[03:55] Odhlásenie je možné na dvoch miestach &#8211; 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.</p>
<p>Ďakujem za pozornosť.</p></blockquote>
<p>Aké sú Vaše skúsenosti s používaním Internet bankingu Tatra banky?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pizzaseo.com/sk/tatra-banka-v-teste-pouzitelnosti-internet-bankingu-slovenskych-bank-2008/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
	</channel>
</rss>
