Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií: Porovnání verzí
(Pokus o opravu chybné reference.) Značka: editace z Vizuálního editoru |
|||
(Není zobrazeno 52 mezilehlých verzí od 2 dalších uživatelů.) | |||
Řádek 1: | Řádek 1: | ||
− | |||
'''[[HCI]] = Human Computer Interaction''' je interdisciplinární obor zkoumající interakci člověk-[[Počítač|počítač]]. | '''[[HCI]] = Human Computer Interaction''' je interdisciplinární obor zkoumající interakci člověk-[[Počítač|počítač]]. | ||
Dle TDKIV se jedná o „Druh komunikace, při níž dochází k přenosu [[Informace|informací]] mezi člověkem a počítačem, která spočívá v interakce programátora, operátora či uživatele s počítačem na základě přesně stanovených pravidel. Vstupní informace jsou počítači předávány např. pomocí klávesnice, hlasového vstupu apod. Výstupní informace předává počítač člověku pomocí monitoru, tiskárny, hlasového výstupu apod.“ <ref>JONÁK, Zdeněk. Komunikace člověk-počítač. In: KTD: Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. Praha : Národní knihovna ČR, 2003- [cit. 2016-04-03]. Dostupné z: http://aleph.nkp.cz/F/?func=direct&doc_number=000000477&local_base=KTD.</ref> | Dle TDKIV se jedná o „Druh komunikace, při níž dochází k přenosu [[Informace|informací]] mezi člověkem a počítačem, která spočívá v interakce programátora, operátora či uživatele s počítačem na základě přesně stanovených pravidel. Vstupní informace jsou počítači předávány např. pomocí klávesnice, hlasového vstupu apod. Výstupní informace předává počítač člověku pomocí monitoru, tiskárny, hlasového výstupu apod.“ <ref>JONÁK, Zdeněk. Komunikace člověk-počítač. In: KTD: Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. Praha : Národní knihovna ČR, 2003- [cit. 2016-04-03]. Dostupné z: http://aleph.nkp.cz/F/?func=direct&doc_number=000000477&local_base=KTD.</ref> | ||
− | == HCI – klíč k uživatelsky přívětivým rozhraním == | + | ==HCI – klíč k uživatelsky přívětivým rozhraním== |
− | |||
− | |||
− | |||
− | |||
− | |||
− | === '''Hlavní cíle HCI''' === | + | *HCI zkoumá, jak lidé navrhují, implementují, používají a hodnotí počítačová rozhraní a jaké jsou hlavní fenomény tohoto interaktivního vztahu. |
− | # Zdokonalení interakce mezi uživateli a počítači tím, že počítače učiníme více použitelnými a vnímavými k potřebám uživatele. | + | *Interaktivní rozhraní zprostředkovávají nové rozdělení kognitivních úkolů mezi lidi a stroje. |
− | # Vytvářet systémy a prostředky, které umožňují v rámci interakce člověk-počítač bezpečně kooperovat a jsou efektivní. | + | *HCI je stejně jako [[Informační věda|informační věda]] interdisciplinární obor. |
− | # Vytvořit a udržovat interakci na takové úrovni, aby byla co nejvíce efektivní, využívala nejlepší technologie a zároveň ji bylo možno lehce aplikovat v jakémkoliv novém prostředí. | + | *HCI ovlivňují počítačová věda, ergonomie, umění, design, [[Psychologie|psychologie]], [[Lingvistika|lingvistika]], [[Sociologie|sociologie]], filozofie, antropologie, fyziologie, [[Umělá inteligence|umělá inteligence]], inženýrské obory. Každá z těchto disciplín umožňuje řešit jiný aspekt, zásadní pro vznik uživatelsky přívětivého rozhraní. Zasahuje do zlepšení informačních technologií i do sociokulturní oblasti. Je její součástí, která má vliv na společnost a dokáže ji proměňovat. |
+ | *Obor se začal rozvíjet na přelomu 70. a 80. let v souvislosti s rozvojem počítačů a sítí. | ||
+ | |||
+ | ==='''Hlavní cíle HCI'''=== | ||
+ | |||
+ | #Zdokonalení interakce mezi uživateli a počítači tím, že počítače učiníme více použitelnými a vnímavými k potřebám uživatele. | ||
+ | #Vytvářet systémy a prostředky, které umožňují v rámci interakce člověk-počítač bezpečně kooperovat a jsou efektivní. | ||
+ | #Vytvořit a udržovat interakci na takové úrovni, aby byla co nejvíce efektivní, využívala nejlepší technologie a zároveň ji bylo možno lehce aplikovat v jakémkoliv novém prostředí. | ||
'''7 hlavních pravidel HCI:''' | '''7 hlavních pravidel HCI:''' | ||
− | *jednoduchost | + | |
− | *rychlost | + | *jednoduchost (jinak o něj nebudou uživatelé mít zájem) |
− | *viditelnost | + | *rychlost (na odezvu jsme ochotni čekat 2 - 4 sekundy) |
+ | *viditelnost (to, co chceme, aby uživatelé používali, musí být dobře viditelné) | ||
*tolerance | *tolerance | ||
− | *konzistence | + | *konzistence (základní navigace se nesmí měnit) |
− | *přehlednost | + | *přehlednost (uživatel musí zjistit, o co jde, co chtěl programátor říct a jak se to má ovládat - pokud se uživatel spontánně nezorientuje do 10 minut, tak je program špatný) |
− | *zpětná vazba | + | *[[Zpětná vazba|zpětná vazba]] (komunikace s uživateli) |
+ | |||
+ | ==Obory ovlivňující HCI:== | ||
+ | |||
+ | *[[Informatika]]: informatika jako obor, který se zabývá problematikou interakce člověk-počítač, zkoumá především technickou základnu. Jedná se o návrh uživatelsky příjemného rozhraní nebo nových implementací. | ||
+ | *[[Psychologie]]: zkoumá vlivy a účinky interakce, kontext vzájemných vazeb mezi člověkem a počítačem. Dopady působení HCI na člověka a společnost. Je možné odvodit základní nastavení lidského systému, jakousi obecnou charakteristiku procesů lidského poznání a schopností. | ||
+ | *[[Sociologie]]: zkoumá vliv HCI na společnost, kulturu. Sleduje vzájemné vazby, například [[Komunikace|komunikaci]] v rámci informačně-komunikačních technologií. | ||
+ | *[[Ergonomie]]: zkoumá, jak je rozhraní uživatelsky příjemné. Může se jednat o správné rozvržení webového rozhraní, návrh panelů a menu. Současně ovšem do tohoto oboru můžeme zahrnout i návrh vstupních a výstupních zařízení Můžeme měřit způsob, jakým se uživatel dostane z jednoho odkazu na druhý. Kolik prokliků musí učinit. | ||
+ | *Design: je důležitý při navrhování uživatelského rozhraní. Využívá přitom poznatky z výše uvedených oborů. Při návrhu se klade důraz na intuitivnost ovládání webového rozhraní, logické uspořádání oken, barevnost atd. | ||
+ | *[[Sémiotika]]: poznatky, které nám poskytuje, se využívají při návrhu [[Databáze|databází]], vyhledávání, volbě obsahu daných systémů. | ||
+ | *Další vědní disciplíny: mezi další disciplíny patří [[Etnografie|etnografie]], [[Lingvistika|lingvistika]], [[Sémiotické inženýrství|sémiotické inženýrství]], [[Umělá inteligence|umělá inteligence]] a mnoho dalších, které se v současnosti rozvíjejí a pravděpodobně budou stále více převažovat nad výše uvedenými. | ||
− | == | + | ==Objevy, které pomohly uživatelů zjednodušit a zpříjemnit činnost na počítači== |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | *70. léta – [[Charakterizujte tabulkový procesor a jeho základní rysy a funkce. Uveďte typické situace, kdy je vhodné využít tabulkový procesor. Popište použití vzorců v tabulkovém procesoru.|tabulkový procesor]]. | |
+ | *70. léta první oknové systémy (dnes [[Windows]]). | ||
+ | *[[Hypertext]] – prolinkování dokumentů na související dokumenty. | ||
+ | *Systémy na rozpoznávání gest. | ||
+ | *Multimedia – video, text, tabulkový editor, počítačová grafika. | ||
+ | *[[Virtuální realita]] – první výzkumy v 60. letech. | ||
− | + | ==Uživatelské rozhraní (UI)== | |
− | + | [[Uživatelské rozhraní (user interface)|Uživatelské rozhraní (User interface)]] je důležitým pojmem v problematice HCI. Je pomyslným prostředníkem, který zprostředkovává komunikaci mezi člověkem a počítačem nebo [[Informačním systémem|informačním systémem]]. Rozhraní je soubor prostředků, který definuje komunikační zónu mezi dvěma oddělenými entitami a je tedy [[Komunikační kanál|komunikačním kanálem]] mezi uživatelem a systémem. Jeho vzhled, funkčnost, přehlednost nebo chaos ovlivňují, zda se uživatel příště vrátí, anebo ne. Návrh, struktura a jeho následná realizace jsou důležitým faktorem vzniku jakéhokoli informačního systému. | |
− | |||
− | |||
− | |||
− | |||
− | == | + | ===[[Typy uživatelských rozhraní a jejich specifika|Typy uživatelského rozhraní]]=== |
− | |||
− | [[ | + | #'''Grafické uživatelské rozhraní neboli GUI''' - používá se pro typy rozhraní založená na paradigmatu [[WIMP]], tedy Windows (okna), Icons (ikony), Menus (menu) a Pointing device (polohovací zařízení). |
+ | #'''Textové uživatelské rozhraní neboli TUI''' - používá se pro rozhraní s menu, tlačítky atd., ovládané klávesnicí. | ||
+ | #'''Příkazový řádek neboli CLI''' - používá se pro rozhraní, kdy uživatel zadává příkazy pomocí jazyka. | ||
− | + | '''Dobré uživatelské rozhraní by mělo splňovat ty to atributy:''' | |
− | |||
− | |||
− | |||
− | |||
*Jednoznačnost – bez textových či grafických dvojznačností, intuitivní | *Jednoznačnost – bez textových či grafických dvojznačností, intuitivní | ||
*Stručnost – pouze nezbytný text, jednodušší orientace a hledání | *Stručnost – pouze nezbytný text, jednodušší orientace a hledání | ||
*Podobnost – co nejvíce podobné předchozím zkušenostem uživatelů | *Podobnost – co nejvíce podobné předchozím zkušenostem uživatelů | ||
*Responzivnost – zpětná vazba poskytovaná uživatelům o provedeném úkonu | *Responzivnost – zpětná vazba poskytovaná uživatelům o provedeném úkonu | ||
− | *Konzistentnost – možnost naučit se vzorce užívání | + | *Konzistentnost – možnost naučit se vzorce užívání – snazší a rychlejší |
*Estetičnost – vizuální příjemnost | *Estetičnost – vizuální příjemnost | ||
*Efektivita – zvyšující produktivitu svým designem či zkratkami | *Efektivita – zvyšující produktivitu svým designem či zkratkami | ||
*Ochota odpouštět – chyby lehko napravitelné <ref name=":2">SEDLÁČEK, Pavel. Uživatelská přívětivost univerzitních informačních systémů. Brno, 2017. 152 s. Diplomová práce. Masarykova univerzita, Fakulta informatiky. Vedoucí diplomové práce RNDr. JUDr. Vladimír Šmíd, CSc. Dostupné také z: https://is.muni.cz/th/vkmaz/Pavel_Sedlacek_DP_-_Uzivatelska_privetivost_univerzitnich_informacnich_systemu_pqmgvtmu.pdf</ref> | *Ochota odpouštět – chyby lehko napravitelné <ref name=":2">SEDLÁČEK, Pavel. Uživatelská přívětivost univerzitních informačních systémů. Brno, 2017. 152 s. Diplomová práce. Masarykova univerzita, Fakulta informatiky. Vedoucí diplomové práce RNDr. JUDr. Vladimír Šmíd, CSc. Dostupné také z: https://is.muni.cz/th/vkmaz/Pavel_Sedlacek_DP_-_Uzivatelska_privetivost_univerzitnich_informacnich_systemu_pqmgvtmu.pdf</ref> | ||
− | == | + | ==Informační architektura (IA)== |
− | Informační architektura je vědecká disciplína zabývající se organizací a rozvržením obsahu systému způsobem, který naplňuje potřeby uživatelů. Tento termín zavedl [[Richard Saul Wurman]] v roce 1976 a používá se především ve vztahu k webovým (nebo i jiným) aplikacím. <ref name=":3">HUMAN – COMPUTER INTERACTION. Moodle UK pro výuku 1 [online]. [cit. 2020-09-29]. Dostupné z: https://dl1.cuni.cz/pluginfile.php/506815/mod_resource/content/0/opakovani3_HCI_bibliometrie.pdf</ref>. | + | [[Informační architektura|Informační architektura (IA)]] je vědecká disciplína zabývající se organizací a rozvržením obsahu systému způsobem, který naplňuje potřeby uživatelů. Tento termín zavedl [[Richard Saul Wurman]] v roce 1976 a používá se především ve vztahu k webovým (nebo i jiným) aplikacím. <ref name=":3">HUMAN – COMPUTER INTERACTION. Moodle UK pro výuku 1 [online]. [cit. 2020-09-29]. Dostupné z: https://dl1.cuni.cz/pluginfile.php/506815/mod_resource/content/0/opakovani3_HCI_bibliometrie.pdf</ref>. |
− | Cílem informační architektury je usnadnit zpětné vyhledávání relevantních informací jejich vhodnou organizací, navigací a reprezentací. Proto také nachází informační architektura využití na všech místech, kde se pracuje s větším množstvím informací. Například v knihovnách se informační architektura používala již dlouho před začátkem našeho letopočtu. Dalším takovým místem je samozřejmě internet. Čím rozsáhlejší web, tím více je informační architektura potřeba. <ref name=": | + | Cílem informační architektury je usnadnit zpětné vyhledávání relevantních informací jejich vhodnou organizací, navigací a reprezentací. Proto také nachází informační architektura využití na všech místech, kde se pracuje s větším množstvím informací. Například v [[Knihovna|knihovnách]] se informační architektura používala již dlouho před začátkem našeho letopočtu. Dalším takovým místem je samozřejmě [[Internet|internet]]. Čím rozsáhlejší web, tím více je informační architektura potřeba.<ref name=":0">Informační architektura. Jan Štráfelda [online]. [cit. 2020-12-29]. Dostupné z: https://www.strafelda.cz/informacni-architketura </ref> |
− | + | '''Role informační architektury na webu''' | |
− | |||
− | |||
− | |||
− | + | *návrh celkové hierarchie informací (někdy též [[Taxonomie|taxonomie]]) | |
− | * | + | *rozdělení informací do jednotlivých stránek (struktura webu) |
− | * | + | *vztahy a vazby stránek mezi sebou (prolinkování) |
+ | *pojmenování jednotlivých stránek, sekcí i kapitol | ||
+ | *uspořádání informací v textovém obsahu jednotlivých stránek | ||
+ | *volba vhodných typů navigace a její začlenění | ||
+ | *fulltextové vyhledávání a prezentace výsledků | ||
+ | *návrh [[Layout|layoutu]] stránky | ||
+ | *vytváření [[Metadata|metadat]]<ref name=":0" /> | ||
− | ''' | + | '''Užší a širší pojetí informační architektury''' |
− | |||
− | * | + | *v užším pojetí se informační architektura zabývá metadaty a kontrolovanými slovníky, organizací, klasifikací a informačním vyhledáváním v obsahu webových stránek |
− | + | *v širším pojetí se informační architektura zabývá dizajnem informačních (digitálních) prostor na mnoha úrovních, tedy celkovou vizí a plánem těchto prostorů | |
− | + | *v širším pojetí se informační architektura nevěnuje pouze webovým sídlům, ale také dalším samostatně přístupným informačním prostorům, jako např. [[CD-ROM|CD-ROMům]], [[Intranet|intranetům]], online komunitám, a [[Software|softwaru]] pro podporu použitelnosti <ref>Informační architektura (IA). Informační systém MUNI [online]. [cit. 2020-10-02]. Dostupné z: https://is.muni.cz/el/1421/jaro2013/VIKBA06/um/39770673/Informacni_architektura.pdf</ref>. | |
− | |||
− | |||
− | * | ||
− | * | ||
− | |||
− | |||
− | == [[Použitelnost webu|Použitelnost]] | + | ==Použitelnost(usability)== |
− | + | [[Použitelnost webu|Použitelnost]] webových stránek určuje, jak snadno se na nich uživatelé orientují, jak rychle pochopí jejich uspořádání a ovládání a jaký uživatelský zážitek si z nich odnesou. Dobře použitelné stránky jsou přehledné, srozumitelné, snadno ovladatelné a uživatel bez zbytečné námahy nalezne to, co hledá. Na špatně použitelných stránkách uživatelé tápou, nedokáží dosáhnout svého cíle a odcházejí z nich zklamáni. | |
Použitelnost je však také odborná disciplína, která exaktními metodami zkoumá příčiny uživatelských úspěchů i neúspěchů při práci s internetovými stránkami. <ref>LOUKOTOVÁ, Klára. Současná uživatelská rozhraní dialogových informačních systémů [Current user interfaces of online retrieval systems]. Praha, 2006. 152 s. Diplomová práce. Univerzita Karlova v Praze, Filozofická fakulta, Ústav informačních studií a knihovnictví 2006. Vedoucí diplomové práce PhDr. Richard Papík, PhD.</ref> | Použitelnost je však také odborná disciplína, která exaktními metodami zkoumá příčiny uživatelských úspěchů i neúspěchů při práci s internetovými stránkami. <ref>LOUKOTOVÁ, Klára. Současná uživatelská rozhraní dialogových informačních systémů [Current user interfaces of online retrieval systems]. Praha, 2006. 152 s. Diplomová práce. Univerzita Karlova v Praze, Filozofická fakulta, Ústav informačních studií a knihovnictví 2006. Vedoucí diplomové práce PhDr. Richard Papík, PhD.</ref> | ||
− | '''Použitelnost | + | '''Použitelnost zkoumá tyto otázky:''' |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | *Jak snadno se uživatel naučí systém ovládat? | |
− | * Na základě různých výzkumů a testování vznikla tzv. pravidla použitelnosti webových stránek (usability rules). | + | *Jak efektivně s ním pracuje? |
− | * Říkají nám, na co jsou uživatelé na internetu zvyklí a co jim při používání systému pomůže. | + | *Kolik udělá uživatel při používání systému chyb? |
+ | *Dokáže nakonec splnit svůj cíl? | ||
+ | *Je pro uživatele používání systému příjemné? | ||
+ | |||
+ | ===Použitelnost webu=== | ||
+ | |||
+ | *Na základě různých výzkumů a testování vznikla tzv. pravidla použitelnosti webových stránek (usability rules). | ||
+ | *Říkají nám, na co jsou uživatelé na internetu zvyklí a co jim při používání systému pomůže. | ||
'''Pět hlavních pravidel:''' | '''Pět hlavních pravidel:''' | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | *Úvodní stránka by měla uživatele informovat o účelu systému a ukázat mu, co může na systému najít. | |
− | Časté chyby | + | *Každá stránka by se měla odkazovat na úvodní stránku a na hlavní stránku sekce, ve které se nachází. |
− | * Nevhodná grafika | + | *Umístění základních prvků systému (logo, navigace, hlavní nadpis) by mělo být konzistentní na všech stránkách systému. |
− | * | + | *Stránka by měla být vizuálně rozdělena do logických bloků. |
− | * Špatné rozmístění ovládacích prvků | + | *Na každé stránce by mělo být uživateli zřejmé, kde se v rámci systému nachází. |
− | * Špatná čitelnost textu na stránce, přehlednost a rozložení prvků stránky | + | |
− | * Složitý objednávkový proces (e-shopy) | + | ===Časté chyby použitelnosti webu=== |
+ | |||
+ | *Nevhodná grafika | ||
+ | *Nepřehledná navigace mezi stránkami | ||
+ | *Špatné rozmístění ovládacích prvků | ||
+ | *Špatná čitelnost textu na stránce, přehlednost a rozložení prvků stránky | ||
+ | *Složitý objednávkový proces (e-shopy) | ||
− | Příklady: | + | '''Příklady:''' |
− | |||
− | |||
− | |||
− | |||
− | + | *Nejdůležitější informace nejsou v první polovině „obrazovky“ | |
− | + | *Nevhodná dynamická menu ([[Javascript]], [[Flash]]) | |
+ | *Chybí odkaz na titulní stránku | ||
+ | *Novinky, či aktuality na každé stránce <ref name=":3">HUMAN – COMPUTER INTERACTION. Moodle UK pro výuku 1 [online]. [cit. 2020-09-29]. Dostupné z: https://dl1.cuni.cz/pluginfile.php/506815/mod_resource/content/0/opakovani3_HCI_bibliometrie.pdf</ref>. | ||
− | ==== Uživatelská přívětivost | + | ==[[Přístupnost webu|Přístupnost]] (accesibility)== |
− | Pojem uživatelská přívětivost (anglicky user friendly nebo také user experince) je nejasně definovaný termín, který zahrnuje jak použitelnost, tak přístupnost a také všechny možné další prvky, které vedou k celkové spokojenosti uživatele s rozhraním. Přesná a jednoznačná definice uživatelské přívětivosti neexistuje, navzdory tomu, o jak nepostradatelnou součást všech grafických rozhraní, webového marketingu a o jak klíčový prvek zisku společností se jedná. UX jako disciplína spojuje všechny prvky tvořící uživatelské rozhraní, včetně optického a logického uspořádání stránky, textu, značek atd. za účelem nejlepší možné interakce uživatelů. Pro dobrou uživatelskou přívětivost je třeba zohlednit a přizpůsobit se cílové skupině zákazníků, jejich potřebám, aktivitám a očekáváním. | + | Jde o takový web, který neklade uživatelům žádné překážky v jeho používání. Znamená to, že umožňuje plnohodnotný přístup všem uživatelům bez ohledu na jejich používané technické vybavení, znalosti a dovednosti, jejich trvalý či dočasný hendikep. Spadá pod obecnější vlastnost, kterou je použitelnost. Přístupnost je vždy nutné chápat ve vztahu ke konkrétnímu uživateli a jeho potřebám. <ref name="pristupnostcz">O přístupnosti. Přístupnost.cz: otevřete svůj web všem [online]. [cit. 2015-01-30]. Dostupné z: http://www.pristupnost.cz/o-pristupnosti/</ref>. |
+ | |||
+ | '''Základní pravidla:''' | ||
+ | |||
+ | *přístupná navigace | ||
+ | *kontrast | ||
+ | *přístupné obrázky - nesmí být jediným zdrojem informací | ||
+ | *srozumitelnost (jasné nadpisy a odkazy, pouze důležité informace atd.) | ||
+ | *správně strukturovaný kód | ||
+ | *ovládání stránky bez myši | ||
+ | *u [[PDF]] nutné [[OCR]] | ||
+ | *nepoužívat Flash a JavaScript | ||
+ | |||
+ | '''Aspekty přístupnosti informací v katalozích knihoven''' | ||
+ | |||
+ | *přístupnost webových stránek | ||
+ | *dostupnost [[Knihovní dokument|knihovních dokumentů]] a informací v elektronickém formátu - Informace a základní dokumenty ve vhodných elektronických formátech, správné strukturování dokumentů | ||
+ | *přístupnost e-mailové komunikace | ||
+ | *přístupnost tištěných materiálů | ||
+ | *[[Katalog|katalogy]] - výběr vhodných popisných informací | ||
+ | |||
+ | '''Kategorie zdravotně znevýhodněných uživatelů:''' | ||
+ | |||
+ | *smyslově - zrak, sluch, řeč | ||
+ | *kognitivně - mentální postižení, poruchy učení, lidé, pro které není čeština rodný jazyk, prelingválně neslyšící | ||
+ | *tělesně - částečně mobilní, imobilní, nemohou používat myš | ||
+ | |||
+ | ==Uživatelská přívětivost (UX)== | ||
+ | Pojem [[Uživatelská přívětivost|uživatelská přívětivost]] (anglicky user friendly nebo také user experince) je nejasně definovaný termín, který zahrnuje jak použitelnost, tak přístupnost a také všechny možné další prvky, které vedou k celkové spokojenosti uživatele s rozhraním. Přesná a jednoznačná definice uživatelské přívětivosti neexistuje, navzdory tomu, o jak nepostradatelnou součást všech grafických rozhraní, webového marketingu a o jak klíčový prvek zisku společností se jedná. UX jako disciplína spojuje všechny prvky tvořící uživatelské rozhraní, včetně optického a logického uspořádání stránky, textu, značek atd. za účelem nejlepší možné interakce uživatelů. Pro dobrou uživatelskou přívětivost je třeba zohlednit a přizpůsobit se cílové skupině zákazníků, jejich potřebám, aktivitám a očekáváním. | ||
'''Uváděné atributy definující uživatelskou přívětivost systémů:''' | '''Uváděné atributy definující uživatelskou přívětivost systémů:''' | ||
+ | |||
*Použitelnost – dělá to něco, co lidé potřebují udělat? | *Použitelnost – dělá to něco, co lidé potřebují udělat? | ||
− | *Naučitelnost – umí lidé vymyslet jak to použít? | + | *Naučitelnost – umí lidé vymyslet, jak to použít? |
*Efektivnost – udělá skutečně to, co chceme? | *Efektivnost – udělá skutečně to, co chceme? | ||
*Účinnost – udělá to v rámci rozumné míry času a úsilí? | *Účinnost – udělá to v rámci rozumné míry času a úsilí? | ||
Řádek 140: | Řádek 169: | ||
*Potěšení – mají z toho lidé pozitivní dojem? <ref name=":2">SEDLÁČEK, Pavel. Uživatelská přívětivost univerzitních informačních systémů. Brno, 2017. 152 s. Diplomová práce. Masarykova univerzita, Fakulta informatiky. Vedoucí diplomové práce RNDr. JUDr. Vladimír Šmíd, CSc. Dostupné také z: https://is.muni.cz/th/vkmaz/Pavel_Sedlacek_DP_-_Uzivatelska_privetivost_univerzitnich_informacnich_systemu_pqmgvtmu.pdf</ref> | *Potěšení – mají z toho lidé pozitivní dojem? <ref name=":2">SEDLÁČEK, Pavel. Uživatelská přívětivost univerzitních informačních systémů. Brno, 2017. 152 s. Diplomová práce. Masarykova univerzita, Fakulta informatiky. Vedoucí diplomové práce RNDr. JUDr. Vladimír Šmíd, CSc. Dostupné také z: https://is.muni.cz/th/vkmaz/Pavel_Sedlacek_DP_-_Uzivatelska_privetivost_univerzitnich_informacnich_systemu_pqmgvtmu.pdf</ref> | ||
− | == Zdroje == | + | ==Zdroje== |
− | === Reference === | + | ===Reference=== |
− | <references/> | + | <references /> |
− | === | + | |
− | + | ===Doporučená literatura=== | |
− | |||
− | |||
− | |||
− | |||
*BENYON, David. Designing user experience: A guide to HCI, UX and interaction design [online]. 4th edition. Harlow, England: Pearson, 2019 [cit. 2020-09-17]. ISBN 978-1-292-15552-4. Dostupné z: http://sfx.is.cuni.cz/sfxlcl3?sid=shorturl&isbn=978-1-292-15552-4 | *BENYON, David. Designing user experience: A guide to HCI, UX and interaction design [online]. 4th edition. Harlow, England: Pearson, 2019 [cit. 2020-09-17]. ISBN 978-1-292-15552-4. Dostupné z: http://sfx.is.cuni.cz/sfxlcl3?sid=shorturl&isbn=978-1-292-15552-4 | ||
*WEYERS, Benjamin, Judy BOWEN, Alan DIX a Philippe PALANQUE, ed. The handbook of formal methods in human-computer interaction. New York: Springer, 2017. ISBN 978-3-319-51837-4. | *WEYERS, Benjamin, Judy BOWEN, Alan DIX a Philippe PALANQUE, ed. The handbook of formal methods in human-computer interaction. New York: Springer, 2017. ISBN 978-3-319-51837-4. | ||
Řádek 156: | Řádek 181: | ||
*LAZAR, Jonathan, Jinjuan Heidi FENG a Harry HOCHHEISER. Research methods in human-computer interaction. Chichester: Wiley, 2010. ISBN 978-0-470-72337-1. Dostupné také z: http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&doc_number=018802852&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA | *LAZAR, Jonathan, Jinjuan Heidi FENG a Harry HOCHHEISER. Research methods in human-computer interaction. Chichester: Wiley, 2010. ISBN 978-0-470-72337-1. Dostupné také z: http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&doc_number=018802852&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA | ||
− | === Klíčová slova === | + | ===Související články=== |
+ | [[HCI]]<br /> | ||
+ | [[Uživatelské rozhraní (user interface)]]<br /> | ||
+ | [[Uživatelské chování a jeho význam při budování IS]]<br /> | ||
+ | [[Uživatelské potřeby, zjišťování a dokumentování uživatelských potřeb(User analysis)/old]] | ||
+ | [[Informační architektura]]<br /> | ||
+ | [[Uživatelské rozhraní]]<br /> | ||
+ | [[Typy uživatelských rozhraní a jejich specifika]]<br /> | ||
+ | [[Návrh uživatelského rozhraní]]<br /> | ||
+ | [[Specifika rozhraní pro tělesně/mentálně handicapované uživatele]]<br /> | ||
+ | |||
+ | ===Klíčová slova=== | ||
HCI, Human-computer interaction, interakce člověk-počítač, uživatelské rozhraní, použitelnost, přístupnost, přívětivost | HCI, Human-computer interaction, interakce člověk-počítač, uživatelské rozhraní, použitelnost, přístupnost, přívětivost | ||
[[Kategorie:Státnicové otázky UISK]] | [[Kategorie:Státnicové otázky UISK]] |
Aktuální verze z 30. 12. 2020, 20:36
HCI = Human Computer Interaction je interdisciplinární obor zkoumající interakci člověk-počítač. Dle TDKIV se jedná o „Druh komunikace, při níž dochází k přenosu informací mezi člověkem a počítačem, která spočívá v interakce programátora, operátora či uživatele s počítačem na základě přesně stanovených pravidel. Vstupní informace jsou počítači předávány např. pomocí klávesnice, hlasového vstupu apod. Výstupní informace předává počítač člověku pomocí monitoru, tiskárny, hlasového výstupu apod.“ [1]
Obsah
- 1 HCI – klíč k uživatelsky přívětivým rozhraním
- 2 Obory ovlivňující HCI:
- 3 Objevy, které pomohly uživatelů zjednodušit a zpříjemnit činnost na počítači
- 4 Uživatelské rozhraní (UI)
- 5 Informační architektura (IA)
- 6 Použitelnost(usability)
- 7 Přístupnost (accesibility)
- 8 Uživatelská přívětivost (UX)
- 9 Zdroje
HCI – klíč k uživatelsky přívětivým rozhraním
- HCI zkoumá, jak lidé navrhují, implementují, používají a hodnotí počítačová rozhraní a jaké jsou hlavní fenomény tohoto interaktivního vztahu.
- Interaktivní rozhraní zprostředkovávají nové rozdělení kognitivních úkolů mezi lidi a stroje.
- HCI je stejně jako informační věda interdisciplinární obor.
- HCI ovlivňují počítačová věda, ergonomie, umění, design, psychologie, lingvistika, sociologie, filozofie, antropologie, fyziologie, umělá inteligence, inženýrské obory. Každá z těchto disciplín umožňuje řešit jiný aspekt, zásadní pro vznik uživatelsky přívětivého rozhraní. Zasahuje do zlepšení informačních technologií i do sociokulturní oblasti. Je její součástí, která má vliv na společnost a dokáže ji proměňovat.
- Obor se začal rozvíjet na přelomu 70. a 80. let v souvislosti s rozvojem počítačů a sítí.
Hlavní cíle HCI
- Zdokonalení interakce mezi uživateli a počítači tím, že počítače učiníme více použitelnými a vnímavými k potřebám uživatele.
- Vytvářet systémy a prostředky, které umožňují v rámci interakce člověk-počítač bezpečně kooperovat a jsou efektivní.
- Vytvořit a udržovat interakci na takové úrovni, aby byla co nejvíce efektivní, využívala nejlepší technologie a zároveň ji bylo možno lehce aplikovat v jakémkoliv novém prostředí.
7 hlavních pravidel HCI:
- jednoduchost (jinak o něj nebudou uživatelé mít zájem)
- rychlost (na odezvu jsme ochotni čekat 2 - 4 sekundy)
- viditelnost (to, co chceme, aby uživatelé používali, musí být dobře viditelné)
- tolerance
- konzistence (základní navigace se nesmí měnit)
- přehlednost (uživatel musí zjistit, o co jde, co chtěl programátor říct a jak se to má ovládat - pokud se uživatel spontánně nezorientuje do 10 minut, tak je program špatný)
- zpětná vazba (komunikace s uživateli)
Obory ovlivňující HCI:
- Informatika: informatika jako obor, který se zabývá problematikou interakce člověk-počítač, zkoumá především technickou základnu. Jedná se o návrh uživatelsky příjemného rozhraní nebo nových implementací.
- Psychologie: zkoumá vlivy a účinky interakce, kontext vzájemných vazeb mezi člověkem a počítačem. Dopady působení HCI na člověka a společnost. Je možné odvodit základní nastavení lidského systému, jakousi obecnou charakteristiku procesů lidského poznání a schopností.
- Sociologie: zkoumá vliv HCI na společnost, kulturu. Sleduje vzájemné vazby, například komunikaci v rámci informačně-komunikačních technologií.
- Ergonomie: zkoumá, jak je rozhraní uživatelsky příjemné. Může se jednat o správné rozvržení webového rozhraní, návrh panelů a menu. Současně ovšem do tohoto oboru můžeme zahrnout i návrh vstupních a výstupních zařízení Můžeme měřit způsob, jakým se uživatel dostane z jednoho odkazu na druhý. Kolik prokliků musí učinit.
- Design: je důležitý při navrhování uživatelského rozhraní. Využívá přitom poznatky z výše uvedených oborů. Při návrhu se klade důraz na intuitivnost ovládání webového rozhraní, logické uspořádání oken, barevnost atd.
- Sémiotika: poznatky, které nám poskytuje, se využívají při návrhu databází, vyhledávání, volbě obsahu daných systémů.
- Další vědní disciplíny: mezi další disciplíny patří etnografie, lingvistika, sémiotické inženýrství, umělá inteligence a mnoho dalších, které se v současnosti rozvíjejí a pravděpodobně budou stále více převažovat nad výše uvedenými.
Objevy, které pomohly uživatelů zjednodušit a zpříjemnit činnost na počítači
- 70. léta – tabulkový procesor.
- 70. léta první oknové systémy (dnes Windows).
- Hypertext – prolinkování dokumentů na související dokumenty.
- Systémy na rozpoznávání gest.
- Multimedia – video, text, tabulkový editor, počítačová grafika.
- Virtuální realita – první výzkumy v 60. letech.
Uživatelské rozhraní (UI)
Uživatelské rozhraní (User interface) je důležitým pojmem v problematice HCI. Je pomyslným prostředníkem, který zprostředkovává komunikaci mezi člověkem a počítačem nebo informačním systémem. Rozhraní je soubor prostředků, který definuje komunikační zónu mezi dvěma oddělenými entitami a je tedy komunikačním kanálem mezi uživatelem a systémem. Jeho vzhled, funkčnost, přehlednost nebo chaos ovlivňují, zda se uživatel příště vrátí, anebo ne. Návrh, struktura a jeho následná realizace jsou důležitým faktorem vzniku jakéhokoli informačního systému.
Typy uživatelského rozhraní
- Grafické uživatelské rozhraní neboli GUI - používá se pro typy rozhraní založená na paradigmatu WIMP, tedy Windows (okna), Icons (ikony), Menus (menu) a Pointing device (polohovací zařízení).
- Textové uživatelské rozhraní neboli TUI - používá se pro rozhraní s menu, tlačítky atd., ovládané klávesnicí.
- Příkazový řádek neboli CLI - používá se pro rozhraní, kdy uživatel zadává příkazy pomocí jazyka.
Dobré uživatelské rozhraní by mělo splňovat ty to atributy:
- Jednoznačnost – bez textových či grafických dvojznačností, intuitivní
- Stručnost – pouze nezbytný text, jednodušší orientace a hledání
- Podobnost – co nejvíce podobné předchozím zkušenostem uživatelů
- Responzivnost – zpětná vazba poskytovaná uživatelům o provedeném úkonu
- Konzistentnost – možnost naučit se vzorce užívání – snazší a rychlejší
- Estetičnost – vizuální příjemnost
- Efektivita – zvyšující produktivitu svým designem či zkratkami
- Ochota odpouštět – chyby lehko napravitelné [2]
Informační architektura (IA)
Informační architektura (IA) je vědecká disciplína zabývající se organizací a rozvržením obsahu systému způsobem, který naplňuje potřeby uživatelů. Tento termín zavedl Richard Saul Wurman v roce 1976 a používá se především ve vztahu k webovým (nebo i jiným) aplikacím. [3].
Cílem informační architektury je usnadnit zpětné vyhledávání relevantních informací jejich vhodnou organizací, navigací a reprezentací. Proto také nachází informační architektura využití na všech místech, kde se pracuje s větším množstvím informací. Například v knihovnách se informační architektura používala již dlouho před začátkem našeho letopočtu. Dalším takovým místem je samozřejmě internet. Čím rozsáhlejší web, tím více je informační architektura potřeba.[4]
Role informační architektury na webu
- návrh celkové hierarchie informací (někdy též taxonomie)
- rozdělení informací do jednotlivých stránek (struktura webu)
- vztahy a vazby stránek mezi sebou (prolinkování)
- pojmenování jednotlivých stránek, sekcí i kapitol
- uspořádání informací v textovém obsahu jednotlivých stránek
- volba vhodných typů navigace a její začlenění
- fulltextové vyhledávání a prezentace výsledků
- návrh layoutu stránky
- vytváření metadat[4]
Užší a širší pojetí informační architektury
- v užším pojetí se informační architektura zabývá metadaty a kontrolovanými slovníky, organizací, klasifikací a informačním vyhledáváním v obsahu webových stránek
- v širším pojetí se informační architektura zabývá dizajnem informačních (digitálních) prostor na mnoha úrovních, tedy celkovou vizí a plánem těchto prostorů
- v širším pojetí se informační architektura nevěnuje pouze webovým sídlům, ale také dalším samostatně přístupným informačním prostorům, jako např. CD-ROMům, intranetům, online komunitám, a softwaru pro podporu použitelnosti [5].
Použitelnost(usability)
Použitelnost webových stránek určuje, jak snadno se na nich uživatelé orientují, jak rychle pochopí jejich uspořádání a ovládání a jaký uživatelský zážitek si z nich odnesou. Dobře použitelné stránky jsou přehledné, srozumitelné, snadno ovladatelné a uživatel bez zbytečné námahy nalezne to, co hledá. Na špatně použitelných stránkách uživatelé tápou, nedokáží dosáhnout svého cíle a odcházejí z nich zklamáni.
Použitelnost je však také odborná disciplína, která exaktními metodami zkoumá příčiny uživatelských úspěchů i neúspěchů při práci s internetovými stránkami. [6]
Použitelnost zkoumá tyto otázky:
- Jak snadno se uživatel naučí systém ovládat?
- Jak efektivně s ním pracuje?
- Kolik udělá uživatel při používání systému chyb?
- Dokáže nakonec splnit svůj cíl?
- Je pro uživatele používání systému příjemné?
Použitelnost webu
- Na základě různých výzkumů a testování vznikla tzv. pravidla použitelnosti webových stránek (usability rules).
- Říkají nám, na co jsou uživatelé na internetu zvyklí a co jim při používání systému pomůže.
Pět hlavních pravidel:
- Úvodní stránka by měla uživatele informovat o účelu systému a ukázat mu, co může na systému najít.
- Každá stránka by se měla odkazovat na úvodní stránku a na hlavní stránku sekce, ve které se nachází.
- Umístění základních prvků systému (logo, navigace, hlavní nadpis) by mělo být konzistentní na všech stránkách systému.
- Stránka by měla být vizuálně rozdělena do logických bloků.
- Na každé stránce by mělo být uživateli zřejmé, kde se v rámci systému nachází.
Časté chyby použitelnosti webu
- Nevhodná grafika
- Nepřehledná navigace mezi stránkami
- Špatné rozmístění ovládacích prvků
- Špatná čitelnost textu na stránce, přehlednost a rozložení prvků stránky
- Složitý objednávkový proces (e-shopy)
Příklady:
- Nejdůležitější informace nejsou v první polovině „obrazovky“
- Nevhodná dynamická menu (Javascript, Flash)
- Chybí odkaz na titulní stránku
- Novinky, či aktuality na každé stránce [3].
Přístupnost (accesibility)
Jde o takový web, který neklade uživatelům žádné překážky v jeho používání. Znamená to, že umožňuje plnohodnotný přístup všem uživatelům bez ohledu na jejich používané technické vybavení, znalosti a dovednosti, jejich trvalý či dočasný hendikep. Spadá pod obecnější vlastnost, kterou je použitelnost. Přístupnost je vždy nutné chápat ve vztahu ke konkrétnímu uživateli a jeho potřebám. [7].
Základní pravidla:
- přístupná navigace
- kontrast
- přístupné obrázky - nesmí být jediným zdrojem informací
- srozumitelnost (jasné nadpisy a odkazy, pouze důležité informace atd.)
- správně strukturovaný kód
- ovládání stránky bez myši
- u PDF nutné OCR
- nepoužívat Flash a JavaScript
Aspekty přístupnosti informací v katalozích knihoven
- přístupnost webových stránek
- dostupnost knihovních dokumentů a informací v elektronickém formátu - Informace a základní dokumenty ve vhodných elektronických formátech, správné strukturování dokumentů
- přístupnost e-mailové komunikace
- přístupnost tištěných materiálů
- katalogy - výběr vhodných popisných informací
Kategorie zdravotně znevýhodněných uživatelů:
- smyslově - zrak, sluch, řeč
- kognitivně - mentální postižení, poruchy učení, lidé, pro které není čeština rodný jazyk, prelingválně neslyšící
- tělesně - částečně mobilní, imobilní, nemohou používat myš
Uživatelská přívětivost (UX)
Pojem uživatelská přívětivost (anglicky user friendly nebo také user experince) je nejasně definovaný termín, který zahrnuje jak použitelnost, tak přístupnost a také všechny možné další prvky, které vedou k celkové spokojenosti uživatele s rozhraním. Přesná a jednoznačná definice uživatelské přívětivosti neexistuje, navzdory tomu, o jak nepostradatelnou součást všech grafických rozhraní, webového marketingu a o jak klíčový prvek zisku společností se jedná. UX jako disciplína spojuje všechny prvky tvořící uživatelské rozhraní, včetně optického a logického uspořádání stránky, textu, značek atd. za účelem nejlepší možné interakce uživatelů. Pro dobrou uživatelskou přívětivost je třeba zohlednit a přizpůsobit se cílové skupině zákazníků, jejich potřebám, aktivitám a očekáváním.
Uváděné atributy definující uživatelskou přívětivost systémů:
- Použitelnost – dělá to něco, co lidé potřebují udělat?
- Naučitelnost – umí lidé vymyslet, jak to použít?
- Efektivnost – udělá skutečně to, co chceme?
- Účinnost – udělá to v rámci rozumné míry času a úsilí?
- Chtěnost – chtějí to lidé?
- Potěšení – mají z toho lidé pozitivní dojem? [2]
Zdroje
Reference
- ↑ JONÁK, Zdeněk. Komunikace člověk-počítač. In: KTD: Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. Praha : Národní knihovna ČR, 2003- [cit. 2016-04-03]. Dostupné z: http://aleph.nkp.cz/F/?func=direct&doc_number=000000477&local_base=KTD.
- ↑ 2,0 2,1 SEDLÁČEK, Pavel. Uživatelská přívětivost univerzitních informačních systémů. Brno, 2017. 152 s. Diplomová práce. Masarykova univerzita, Fakulta informatiky. Vedoucí diplomové práce RNDr. JUDr. Vladimír Šmíd, CSc. Dostupné také z: https://is.muni.cz/th/vkmaz/Pavel_Sedlacek_DP_-_Uzivatelska_privetivost_univerzitnich_informacnich_systemu_pqmgvtmu.pdf
- ↑ 3,0 3,1 HUMAN – COMPUTER INTERACTION. Moodle UK pro výuku 1 [online]. [cit. 2020-09-29]. Dostupné z: https://dl1.cuni.cz/pluginfile.php/506815/mod_resource/content/0/opakovani3_HCI_bibliometrie.pdf
- ↑ 4,0 4,1 Informační architektura. Jan Štráfelda [online]. [cit. 2020-12-29]. Dostupné z: https://www.strafelda.cz/informacni-architketura
- ↑ Informační architektura (IA). Informační systém MUNI [online]. [cit. 2020-10-02]. Dostupné z: https://is.muni.cz/el/1421/jaro2013/VIKBA06/um/39770673/Informacni_architektura.pdf
- ↑ LOUKOTOVÁ, Klára. Současná uživatelská rozhraní dialogových informačních systémů [Current user interfaces of online retrieval systems]. Praha, 2006. 152 s. Diplomová práce. Univerzita Karlova v Praze, Filozofická fakulta, Ústav informačních studií a knihovnictví 2006. Vedoucí diplomové práce PhDr. Richard Papík, PhD.
- ↑ O přístupnosti. Přístupnost.cz: otevřete svůj web všem [online]. [cit. 2015-01-30]. Dostupné z: http://www.pristupnost.cz/o-pristupnosti/
Doporučená literatura
- BENYON, David. Designing user experience: A guide to HCI, UX and interaction design [online]. 4th edition. Harlow, England: Pearson, 2019 [cit. 2020-09-17]. ISBN 978-1-292-15552-4. Dostupné z: http://sfx.is.cuni.cz/sfxlcl3?sid=shorturl&isbn=978-1-292-15552-4
- WEYERS, Benjamin, Judy BOWEN, Alan DIX a Philippe PALANQUE, ed. The handbook of formal methods in human-computer interaction. New York: Springer, 2017. ISBN 978-3-319-51837-4.
- BREJCHA, Jan. Cross-cultural human-computer interaction and user experience design: a semiotic perspective. Boca Raton: Taylor & Francis, 2015. ISBN 978-1-4987-0257-7.
- KUDĚLKA, Miloš, Jaroslav POKORNÝ, Václav SNÁŠEL a Ajith ABRAHAM, ed. Proceedings of the Third International Conference On Intelligent Human Computer Interaction (IHCI 2011), Prague, Czech Republic, August, 2011. Berlin: Springer, [2013]. Advances in intelligent systems and computing. ISBN 978-3-642-31602-9. Dostupné také z: http://www.loc.gov/catdir/enhancements/fy1313/2012943358-d.html
- LAZAR, Jonathan, Jinjuan Heidi FENG a Harry HOCHHEISER. Research methods in human-computer interaction. Chichester: Wiley, 2010. ISBN 978-0-470-72337-1. Dostupné také z: http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&doc_number=018802852&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA
Související články
HCI
Uživatelské rozhraní (user interface)
Uživatelské chování a jeho význam při budování IS
Uživatelské potřeby, zjišťování a dokumentování uživatelských potřeb(User analysis)/old
Informační architektura
Uživatelské rozhraní
Typy uživatelských rozhraní a jejich specifika
Návrh uživatelského rozhraní
Specifika rozhraní pro tělesně/mentálně handicapované uživatele
Klíčová slova
HCI, Human-computer interaction, interakce člověk-počítač, uživatelské rozhraní, použitelnost, přístupnost, přívětivost