MENTÁLNÍ MODELY (MENTÁLNÍ MODELY A CHYBY) TOMÁŠ BOUDA KISK 2013 KOMUNIKACE ČLOVĚK-POČÍTAČ DOBRÝ DESIGN BUDEME DĚLAT TEHDY, KDYŽ VÍME… Co nám umožňuje rozhraní rychle ovládnout/naučit se ho používat? Co vede k chybám? Jak vytvořit dobré afordance? Tomáš Bouda HCI na KISK Obalená kniha – jak vylepšit její afordanci? PŘÍKLAD S DVEŘMI Tomáš Bouda HCI na KISK Každý den v roce je jedna z části dveří zavřená. Proč jsou na dveřích stejná madla. Proč nechává škola dělat studenty tolik chyb? Řešení: jedno madlo oddělat. PŘÍKLAD S LEDNIČKOU A MRAZÁKEM Jak byste nastavili ovladače, když chcete zvýšit teplotu v ledničce a v mrazáku nechat teplotu tak, jak je? Tomáš Bouda HCI na KISK Nakreslit dva mentální modely 1.Jak by ovládání pochopil běžný spotřebitel – dva oddělené mrazící přístroje. 2.Jak je vytvořil designér – jeden mrazící přístroj a přesměrovač. 3.Je to matoucí!!! 4.Jak vznikají naše představy o systému? PROBLÉM JE V ODLIŠNÝCH MENTÁLNÍCH MODELECH Design by měl signalizovat ten pravý mentální model. •Uživatelé si mentální model vytvářejí na základě používání rozhraní. •Designéři si často myslí, že uživatelé automaticky mají ten samý mentální model. •Často tomu tak není. Tomáš Bouda HCI na KISK Nakreslit mentální modely – (designérův mentální model, uživatelský mentální model, systémový mentální model): http://www.interaction-design.org/images/figures/mental_models.gif Je třeba, aby do tvorby designu byli přizvání uživatelé a aby bylo zajištěno, že designér má stejný mentální model, jaký má uživatel). ODLIŠNÉ MENTÁLNÍ MODELY ZPŮSOBUJÍ: •Nepochopení •Malou výkonost systému •Chyby •Frustraci… •Atd. • •Kdy jste naposledy bouchly do klávesnice? Tomáš Bouda HCI na KISK JAK VZNIKAJÍ MENTÁLNÍ MODELY? - Lidé rozumějí novým věcem na základě minulých zkušeností. •„Desktop jako pracovní stůl.“ - Disponujeme mentálními modely našeho chování, chování našich přátel, funkčností věcí, softwarových řešení apod. - Naše modely jsou neúplné, nekonzistentní, často se mění a jsou ovlivněné předsudky. • Zdroj: CARROLL, John M., Judith Reitman OLSON a Nancy S. ANDERSON. Mental Models in Human-Computer Interaction. Research Issues about What the User of Software Knows. (Washington, District of Columbia,: Workshop on Software Human Factors: Users' Mental Models May (15-16, )., 1984. Dostupné z: http://books.google.cz/books?id=mTgrAAAAYAAJ&dq=Carroll+Olsen+Mental+Models&lr=&source=gbs_navlinks _s Tomáš Bouda HCI na KISK Rasové předsudky Předsudky k Macu MENTÁLNÍ MODELY V GUI Využíváním správných mentálních modelů při designu aplikací a webů zvýšíte úspěšnost projektu. Tomáš Bouda HCI na KISK METODY ZJIŠŤOVÁNÍ UŽIVATELSKÝCH MENTÁLNÍCH MODELŮ 1.Zjistíme nezbytné objekty interaktivního rozhraní (dotazník). 2. 2.Sbíráme preference našich uživatelů ohledně rozložení a polohy v interaktivním rozhraní (excel, etc.) 3. Zdroj: 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 ind 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/ Zdroj: HÁJEK, Drahomír. Použití mentálních modelů při navrhování grafického uživatelského rozhraní webových stránek akademických knihoven se zaměřením na web knihovny v Liberci. [online]. 2013 [cit. 2013-11-05]. Bakalářská práce. Masarykova univerzita, Filozofická fakulta. Vedoucí práce Tomáš Bouda. Dostupné z: . 1. Tomáš Bouda HCI na KISK Tomáš Bouda HCI na KISK Tomáš Bouda HCI na KISK Tomáš Bouda HCI na KISK Tomáš Bouda HCI na KISK DVA DRUHY CHYB Mentální modely způsobují chyby. Zkraty (Slips) Vs. Omyly (Mistakes) Tomáš Bouda HCI na KISK ZKRATY •Nevědomé chyby •Náš mentální model, který jsme si vytvořili, je správný, bohužel jsme udělali nevědomou zkratovitou chybu. • •Nahodilé stisknutí špatného tlačítka. • Tomáš Bouda HCI na KISK Například chci zmáčknout správný knoflík, ale omylem zmáčknu knoflík jiný… Mobil pro seniory. ZKRATY •Odhalujeme pozorováním • •Zkraty odstraníme, když vylepšíme grafický a vizuální design (větší tlačítka). • Tomáš Bouda HCI na KISK Například chci zmáčknout správný knoflík, ale omylem zmáčknu knoflík jiný… Mobil pro seniory. OMYLY •Vědomé chyby •Máme osvojený špatný mentální model a konáme podle něj. •Jsme přesvědčeni, že když odbočíme na příští křižovatce doprava, dostaneme se tam, kam chceme. Bohužel, odbočili jsme o jednu ulici dříve. Tomáš Bouda HCI na KISK Čínská kniha … OMYLY •Špatně odhalitelné •Neznáme příčinu • •Napravíme je poskytováním lepší zpětné vazby nebo rozšířením o další možností. • •Zviditelňujeme – poskytujeme evidentnější afordance rozhraní. Tomáš Bouda HCI na KISK JAKÉ JE ZDE NEBEZPEČÍ CHYBY? Zdroj: http://en.wikipedia.org/wiki/File:Butterfly_large.jpg a http://arts.bev.net/roperldavid/politics/fl2000.htm Tomáš Bouda HCI na KISK File:Butterfly large.jpg http://arts.bev.net/roperldavid/politics/graphics/BuchananPBGS.jpg Omyl – mentální model, který jsme si o hlasovacím lístku vytvořili je špatný, proto špatně kroužkujeme. Řešení – standardizace a elektronické hlasování. DOBRÝM MAPOVÁNÍM PŘEDCHÁZÍME OMYLŮM Mercedes s500 Tomáš Bouda HCI na KISK http://i.ebayimg.com/00/s/ODk0WDg0NQ==/$(KGrHqEOKikE6Z2g1q6gBOqt36k(FQ~~60_1.JPG?set_id=8800005007; CO SNIŽUJE RIZIKO CHYB? •Fyzické limity • •Sémantické limity • •Kulturní limity Tomáš Bouda HCI na KISK Fyzické - Sluchátka a mobil. Sémantické – lego - červené a žluté světlo Kulturní limity – japonské knihy se čtou pozpátku. PŘÍMÁ MANIPULACE USNADŇUJE: •Využívání metafor z reálného prostředí. • •Fyzické metafory v GUI umožňují poznat, jak jednotlivé objekty fungují. • •Rozhrání samo prozrazuje, jak jej používat. Tomáš Bouda HCI na KISK PROPAST TU BUDE VŽDY •Technologie má přinášet něco nového a užitečného… inovativního a na to nejsme zvyklí. •Propast mezi technologiemi a reálným světem tu bude vždy. Tomáš Bouda HCI na KISK Reálný svět Technologie Našim úkolem je tuto propast minimalizovat. PŘEMOSTĚNÍ PROPASTÍ Zdroj: http://www.tabacka.sk/sk/show/486-dj-workshop Tomáš Bouda HCI na KISK http://www.tabacka.sk/data/galleries/135/5.2._dj_workshopspanq.jpg VÝZKUM V TERÉNU J Pokuste se zjistit, jaký mají uživatelé vytvořený mentální model hlavní obrazovky chytrého mobilu v případě, že mají k dispozici neomezený tarif. Kde chtějí mít uživatelé situované následující ikony aplikací: •Ikona volání •Ikona sms •Ikona emailové app •Widget wifi on/off •Ikona pro budík Tomáš Bouda HCI na KISK DĚKUJI ZA POZORNOST TOMÁŠ BOUDA BOUDATOMAS@GMAIL.COM KISK 2013 KOMUNIKACE ČLOVĚK-POČÍTAČ