Publikováno na Inflow.cz (http://www.inflow.cz/pouziti-mentalnich-modelu-pri-navrhovanigrafickeho-uzivatelskeho-rozhrani-webovych-stranek-akademickych-knihoven) Použití mentálních modelů při navrhování grafického uživatelského rozhraní webových stránek akademických knihoven 7. 5. 2013 Hájek Drahomír Výběr zásadních částí bakalářské diplomové práce, která objasňuje teorii mentálních modelů a její využití při navrhování webových stránek konkrétních typů. Pro zjištění mentálních modelů je použita alternativní varianta výzkumu, která snižuje finanční i časové nároky oproti původní verzi. Co je mentální model? Mentální model můžeme popsat jako určitá očekávání. Při libovolné interakci s předmětem má každý člověk nějaká očekávání nebo předtuchu, čeho je daný předmět schopen. Jak se s ním dá manipulovat, jaké vlastnosti má hmota, z které je vyroben, a k jaké činnosti je určen. Tato představa je mentální model vytvořený ze zkušeností a limitů služby či produktu.1 Norman a dveře A. D. Norman ve své knize uvádí jako příklad obyčejné dveře.2 Popisuje problém, který snad potkal každého člověka. Kolikrát se vám stalo, že jste nevěděli, na jakou stranu se otevírají dveře? Určitě nespočetněkrát. Zásadní problém je v designu dveří. Designér sice udělal hezké dveře, ale jejich funkčnost je minimální. Proč? Protože uživatelům neposkytl dost vodítek, aby při přemýšlení, kterým směrem otevřít dveře, dospěli ke správnému závěru. Pokud by na dveřích byla kovová plocha, nejlépe s vyraženým otiskem ruky, tak byste neváhali, dali ruku na plochu a zatlačili. Logicky byste si spojili hned několik mentálních modelů dohromady a dosáhli otevření dveří. Což je vaším cílem. Jak se otevírají dveře s číslem jedna?
OBRÁZEK č.1 - dveře č. 1 bez logických vodítek, dveře č. 2 s vertikální plochou a vyraženou rukou jako vodítko k otevření Kde hledat mentální modely na internetových stránkách? Tak jako každý má svůj mentální model rozestavění nábytku typického pokoje, tak i každý člověk, který přišel do styku s internetovým prostředím, má mentální model o uspořádání webových objektů na stránce.3 Výzkum se přesune od vybavení pokoje k webovým objektům. Respondenti před sebou mají otevřený internetový prohlížeč. Zde je seznam objektů s polem, do kterého jsou tyto objekty vkládány. Nyní objekty nepředstavují nábytek, ale přímo internetové objekty, jako jsou pole na vyhledávání, loga, menu apod. Poté, co respondenti přenesou svou představu o typické webové stránce do počítače, je test odeslán na vyhodnocení. Výsledky jsou porovnány a zpracovány do grafů, ze kterých lze vyvodit rozestavění objektů při vytváření webu. Je možné předpokládat, že mentální modely hrají důležitou a sjednocující roli, jako zástupce objektů, věcí, sekvencí událostí i sociální a psychologické činnosti každodenního života."4 Tři aspekty mentálních modelů V teorii mentálních modelů existují tři nepostradatelné aspekty. Designérský mentální model je představa, kterou využívá designér, návrhář, tvůrce při tvorbě. Je to konceptuální model, kterým je designér řízen.5 Další typ je uživatelský mentální model. Tento model si vytvoří sám uživatel při kontaktu s výrobkem. Pokud je designérský a uživatelský mentální model stejný, nebude mít uživatel problém s používáním výrobku (systémovým obrazem). Posledním aspektem je systémový obraz. Je to výrobek designéra, který se zároveň stává komunikačním prostředkem mezi uživatelem a tvůrcem. V knize Design pro každý den v kapitole Uživatelský design probírá D. A. Norman tyto tři aspekty více do podrobna.6 Celý tento proces je jako komunikace mezi lidmi. Avšak v tomto rozhovoru nám komunikace probíhá přes systémový obraz". Což je značná
komplikace. Designér přesně neví, jaký je uživatelský mentální model, a zjistit jej není snadné. Designér musí vyvinout konceptuální model, který je vhodný a srozumitelný pro cílového uživatele a který zdůrazňuje důležité fáze fungování zařízení."7 Na základě dobrého konceptuálního modelu může uživatel předvídat důsledky svých činů."8 OBRÁZEK č.2 - Tři aspekty mentálních modelů. Designový model (designér), uživatelský model (uživatel) a systémový model (systém)9 Proč využívat mentální modely při navrhování webové stránky? Webové stránky jsou tvořeny za účelem propagace nebo zvýšení dostupnosti informací. Základní podstata webu tkví v možnosti neomezené návštěvnosti a sbírání údajů. Pokud bude na webu chaotická změť informací a návštěvník si je nebude schopen vyhledat a utříbit tak, jak potřebuje, pak se web stává kontraproduktivním. Je tedy vhodné vytvářet stránky přívětivé směrem k uživatelům z důvodu větší šance jejich opětovného navštívení. K lepšímu a přehlednějšímu webu nám dopomůže zjištění uživatelských mentálních modelů, které poslouží jako základní rozložení webových objektů na stránce. Navrhování webových stránek s ohledem na uživatelské mentální modely zrychlí orientaci a zvyšuje zapamatování umístění webových objektů. Ovlivňuje i uživatelské interakce na stránkách."10
Jestliže bychom mohli předvídat návyky uživatele, mohli bychom zabránit případným chybám a zajistit účinnost interakce, nebo ji alespoň posílit."11 Umístění navigačního objektu společně se specifickými webovými objekty je velmi důležité pro posílení zapamatování internetových stránek."12 Zdá se, že porušení vizuálních konvencí má negativní vliv minimálně na několik prvních návštěv na webu."13 Pokud se webové objekty budou nacházet na typických místech, uživatelé je najdou rychleji, také si na ně rychleji vzpomenou a vnímání i spokojenost uživatele se zvýší. Tím se přitažlivost webu může zlepšit."14 Metodika - zjištění mentálních modelů Celý proces zjišťování mentálních modelů je velice náročný a zdlouhavý. Proto je v práci uvedena možná alternativa, která umožňuje snazší provedení, ale nedosahuje stejných kvalit jako testování za pomoci odborných programů. Postup je zaměřen na zmapování mentálního modelu na hlavní stránce univerzitní knihovny. Aplikovat tyto techniky je však možné na jakékoli webové stránky. Popis alternativní varianty je zdlouhavý. Z tohoto důvodu jsou uvedeny pouze screeny z výzkumu, podle kterých pochopíte, jak asi zhruba výzkum probíhá. Testovací prostředí
Správně vyplněný test Sčítání výsledků
Mentální model loga Mentální model pole pro přihlášení
Wireframe vytvořený z mentálních modelů Mentální modely pro seznam služeb knihovny
Původní web knihovny
Navržený web pro knihovnu na základě mentálních modelů Odkazy použité v textu 1 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, s. 107-124. ISBN 978-80-7363-314-1. 2 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, 2829. ISBN 978-80-7363-314-1. 3,4 - Roth, Sandra P., Peter Schmutz, Stefan L. Pauwels, Javier A. Bargas-Avila a Klaus Opwis. Mental models for web objects: Where do users expect to find the most frequent objects in online shops, news portals, and company web pages?. Interacting with Computers. roč. 22, č. 2, s. 140152. ISSN 09535438. DOI: 10.1016/j.intcom.2009.10.004. Dostupné z: http://linkinghub.elsevier.com/retrieve/pii/s0953543809000885 5 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, s. 214-215. ISBN 978-80-7363-314-1. 6 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, 213241. ISBN 978-80-7363-314-1 7 Tamtéž.
8 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, 2759. ISBN 978-80-7363-314-1. 9 Interaction Design Foundation. Interaction Design Foundation [online]. 2008 [cit. 2013-04-17]. Dostupné z: http://www.interaction-design. 10, 11, 12, 13, 14 - Roth, Sandra P., Peter Schmutz, Stefan L. Pauwels, Javier A. Bargas-Avila a Klaus Opwis. Mental models for web objects: Where do users expect to find the most frequent objects in online shops, news portals, and company web pages?. Interacting with Computers. roč. 22, č. 2, s. 140-152. ISSN 09535438. DOI: 10.1016/j.intcom.2009.10.004. Dostupné z: http://linkinghub.elsevier.com/retrieve/pii/s0953543809000885 Štítky: GUI knihovny, knihovnický web, mentální model, metodika navrhování webové stránky, uživatelský mentální model webové stránky