http://www.uzivatelsketestovani.cz/wiki/ 2012-05-20T09:37:26+02:00 http://www.uzivatelsketestovani.cz/wiki/ http://www.uzivatelsketestovani.cz/wiki/lib/tpl/mySkin/images/favicon.ico text/html 2012-02-28T12:46:04+02:00 Jakub Španihel http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/mobilni-testy <h1><a name="mobilni_testovani" id="mobilni_testovani">Mobilní testování</a></h1> <div class="level1"> <p> Jak testovat se smartphony, tablety, elektronickými čtečkami. Testování mobilních aplikací, mobilních webů. </p> </div> <h2><a name="zatim_jen_odkazy" id="zatim_jen_odkazy">Zatím jen odkazy</a></h2> <div class="level2"> <p> budu rozšiřovat </p> <p> <a href="http://www.mrtappy.com/" class="urlextern" title="http://www.mrtappy.com/">http://www.mrtappy.com/</a> <a href="http://www.perfectomobile.com/" class="urlextern" title="http://www.perfectomobile.com/">http://www.perfectomobile.com/</a> </p> <p> <a href="http://www.marketcircle.com/iphoney/" class="urlextern" title="http://www.marketcircle.com/iphoney/">http://www.marketcircle.com/iphoney/</a> <a href="http://www.opera.com/developer/tools/mini/" class="urlextern" title="http://www.opera.com/developer/tools/mini/">http://www.opera.com/developer/tools/mini/</a> </p> <p> <a href="http://mobiforge.com/testing/story/testing-mobile-web-sites-using-firefox" class="urlextern" title="http://mobiforge.com/testing/story/testing-mobile-web-sites-using-firefox">http://mobiforge.com/testing/story/testing-mobile-web-sites-using-firefox</a> <a href="http://mite.keynote.com/how-it-works/mite.php" class="urlextern" title="http://mite.keynote.com/how-it-works/mite.php">http://mite.keynote.com/how-it-works/mite.php</a> </p> <p> <a href="http://webdesignledger.com/tools/7-useful-tools-for-mobile-website-testing" class="urlextern" title="http://webdesignledger.com/tools/7-useful-tools-for-mobile-website-testing">http://webdesignledger.com/tools/7-useful-tools-for-mobile-website-testing</a> </p> <p> <a href="http://ready.mobi" class="urlextern" title="http://ready.mobi">http://ready.mobi</a> </p> </div> text/html 2012-01-18T15:37:11+02:00 http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/start <h1><a name="nastroje_testovani_pouzitelnosti" id="nastroje_testovani_pouzitelnosti">Nástroje testování použitelnosti</a></h1> <div class="level1"> <p> Níže naleznete <strong>3 způsoby testování</strong> použitelnosti a základní přehled dostupných nástrojů. <br/> Každý typ testování i jeho výstupy jsou rozdílné a hodí se také pro různé účely. </p> <table class="columns-plugin" style="width:100%"> <tr><td class="first" style="width:33%;"> <h2><a name="statistiky_a_webova_analytika" id="statistiky_a_webova_analytika">Statistiky a webová analytika</a></h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/statistiky-navstevnosti" class="wikilink1" title="testovani-pouzitelnosti:statistiky-navstevnosti">Statistiky návštěvnosti</a></div> </li> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/ab-testovani" class="wikilink1" title="testovani-pouzitelnosti:ab-testovani">A/B testování</a></div> </li> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/heatmapy" class="wikilink1" title="testovani-pouzitelnosti:heatmapy">Tepelné mapy kliků</a></div> </li> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/screenrecording" class="wikilink1" title="testovani-pouzitelnosti:screenrecording">Nahrávání dění na monitoru</a></div> </li> </ul> </div> <h3><a name="vyhody_a_nevyhody" id="vyhody_a_nevyhody">Výhody a nevýhody</a></h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Je to levné.</div> </li> <li class="level1"><div class="li"> Můžete začít hned.</div> </li> <li class="level1"><div class="li"> Je to takové testování „bez uživatelů“.</div> </li> </ul> <p> Sběr analytických dat <strong>není náhradou</strong> za uživatelské testování, ale je to dobré místo kde začít. </p> <p> Na základě statistik si můžete <strong>vytvořit hypotézu</strong>, kterou pak můžete ověřít (nebo vyvrátit) při uživatelském testování. </p> </div> </td><td style="width:33%;"> <h2><a name="vzdalene_testovani_a_zpetna_vazba" id="vzdalene_testovani_a_zpetna_vazba">Vzdálené testování a zpětná vazba</a></h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/vzdalene-testovani" class="wikilink1" title="testovani-pouzitelnosti:vzdalene-testovani">Vzdálené uživatelské testování</a></div> </li> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/zpetna-vazba" class="wikilink1" title="testovani-pouzitelnosti:zpetna-vazba">Získávání zpětné vazby</a></div> </li> </ul> </div> <h3><a name="vyhody_a_nevyhody1" id="vyhody_a_nevyhody1">Výhody a nevýhody</a></h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Je to rychlé.</div> </li> <li class="level1"><div class="li"> Je třeba zapojit uživatele.</div> </li> <li class="level1"><div class="li"> Vyžaduje přípravu (různě složitou).</div> </li> </ul> <p> Některé informace měřením statistik nezískáte. Třeba co si uživatelé myslí a jaké jsou jejich pocity při procházení webem. </p> <p> Proč se jich tedy <strong>přímo nezeptat</strong>? Anebo proč rovnou neuspořádat vzdálené uživatelské testování on-line? </p> </div> </td><td class="last"> <h2><a name="laboratorni_uzivatelske_testovani" id="laboratorni_uzivatelske_testovani">Laboratorní uživatelské testování</a></h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/moderovane-testovani" class="wikilink1" title="testovani-pouzitelnosti:moderovane-testovani">Moderované uživatelské testování</a></div> </li> <li class="level1"><div class="li"> <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/testovani-pouzitelnosti/ocni-kamera" class="wikilink1" title="testovani-pouzitelnosti:ocni-kamera">Testování s oční kamerou</a></div> </li> </ul> </div> <h3><a name="vyhody_a_nevyhody2" id="vyhody_a_nevyhody2">Výhody a nevýhody</a></h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Dražší, ale často nejlepší.</div> </li> <li class="level1"><div class="li"> Je třeba zapojit řadu lidí.</div> </li> <li class="level1"><div class="li"> Vyžaduje detailní přípravu scénáře.</div> </li> </ul> <p> Uživatelské testování <strong>v laboratorních podmínkách</strong>. Můžete sledovat uživatele skutečně „naživo“, sledovat jejich okamžité reakce a pokládat doplňující otázky. </p> <p> 5 reálných uživatelů vám řekne víc než 5 000 záznamů ze statistik. </p> </div> </td></tr></table> <hr /> <p> S výběrem správného nástroje pro zvýšení použitelnosti právě na vaše webu vám pochopitelně <a href="http://www.uzivatelsketestovani.cz/jakub-spanihel.php" class="urlextern" title="http://www.uzivatelsketestovani.cz/jakub-spanihel.php">rád poradím</a>. </p> </div> text/html 2012-01-18T15:37:33+02:00 http://www.uzivatelsketestovani.cz/wiki/doku.php/user-experience <h1><a name="user-experience" id="user-experience">User-experience</a></h1> <div class="level1"> <p> „Uživatelský prožitek“ - kvalita zážitku uživatele při <strong>interakci s určitým designem</strong>. </p> <p> Tím designem může být prakticky cokoli. Například hrnek, auto, klika od dveří, nebo webová stránka. Zážitek lze ale získat i při jízdě metrem, návštěvě muzea nebo letiště. O celkovém dojmu často rozhodují i drobné detaily. </p> <p> Uživatelský prožitek je široký a částečně abstraktní pojem. Pokrývá situace, kdy uživatel přichází do styku s cílovým produktem. Tedy vše od marketingu, přes proces nákupu, vybalování produktu, jeho používání až po dodatečný servis. </p> <p> Při hodnocení user experience hrají roli i neměřitelné aspekty rozhodování uživatele. Jeho pocity, dojmy a emoce. Záleží na tom, v jakém rozpoložení si uživatel váš produkt kupuje. Záleží i na tom, jestli se mu produkt líbí už před nákupem. Záleží na tom, jaký má zákazník vztah k vaší firmě předtím, než vůbec dostane váš produkt do rukou. </p> </div> <h2><a name="user_experience_na_webu" id="user_experience_na_webu">User experience na webu</a></h2> <div class="level2"> <p> Velmi stručně jde o pocit, který si uživatel odnese z používání webu. Jde o odpověď, zda byl například nákup v e-shopu skutečně příjemný zážitek, nebo spíše tápání a kličkování v nástrahách webové aplikace. </p> <p> User-experience design se skládá z dalších disciplín jako je design zaměřený na cíle uživatelů (user-centered design), <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/pozitivni-stereotypy" class="wikilink1" title="pozitivni-stereotypy">Pozitivní stereotypy</a> při ovládání webu, <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/copywriting" class="wikilink1" title="copywriting">Copywriting</a> a <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/nazvoslovi" class="wikilink1" title="nazvoslovi">Názvosloví</a> (lingvistika), vývojový proces aplikací, odezvy systému a <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/contingency-design" class="wikilink1" title="contingency-design">Contingency desing</a>, ale také obsahuje části z kognitivní psychologie (tvorba <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/mentalni-model" class="wikilink1" title="mentalni-model">mentálních modelů</a>), sociologie, nebo podprahového vnímání informací, design a ergonomie. </p> <hr /> <ul> <li class="level1"><div class="li"> Přečtěte si <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/9-principu-ux" class="wikilink1" title="9-principu-ux">9 principů User Experience</a> a <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/web-dogma" class="wikilink1" title="web-dogma">Web dogma</a></div> </li> <li class="level1"><div class="li"> Důležitou součástí UX je <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/pouzitelnost" class="wikilink1" title="pouzitelnost">Použitelnost</a></div> </li> <li class="level1"><div class="li"> Drobek z psychologie: <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/flow" class="wikilink1" title="flow">Flow</a></div> </li> <li class="level1"><div class="li"> UX je často devalvována <a href="http://www.uzivatelsketestovani.cz/wiki/doku.php/gui-blooper" class="wikilink1" title="gui-blooper">GUI Blooper</a></div> </li> <li class="level1"><div class="li"> A zamyšlení <a href="http://www.unmatchedstyle.com/news/debunking-user-experience.php" class="urlextern" title="http://www.unmatchedstyle.com/news/debunking-user-experience.php">Debunking UX</a></div> </li> </ul> </div> text/html 2012-01-18T14:15:19+02:00 http://www.uzivatelsketestovani.cz/wiki/doku.php/start <p> test </p>