MENTÁLNÍ A KONCEPTUÁLNÍ MODELY TOMÁŠ BOUDA KISK 2016 KOMUNIKACE ČLOVĚK-POČÍTAČ DOBRÝ DESIGN BUDEME DĚLAT TEHDY, KDYŽ VÍME… …. DOPLŇTE VĚTU Tomáš Bouda HCI na KISK -Co nám umožňuje rozhraní rychle ovládnout/naučit se ho používat?) -Mentální modely jsou selfexploratační – samy navádí uživatele, jak systém využívat. -Jak si představuje uživatel, že design funguje? -Jaký je mentální model uživatele. MENTÁLNÍ MODEL -Psychologie -Kenneth Craik, The Nature of Exploration, 1943 -Johnson-Laird, 1989 – vznik mentálních modelů při četbě • -Mentální model -Představa (nikoli fakt) o fungování systému -Umožňuje předpovídat, jak se bude systém chovat a jaké akce musíme realizovat - - Tomáš Bouda HCI na KISK -Craik – mysl vytváří malé modely reality, které používáme k chápání, předvídání a vysvětlování jevů v našem prostředí. -Johnson - nejednoznačné vs. jednoznačné pasáže v knize generují nepochopení, abstraktní představy apod. 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 Problém: mraznička je příliš studená, chladnička je tak akorát. - dvě jednotky a dva ovládací prvky Tomáš Bouda HCI na KISK Wrong Answer: keep the numerical setting unchanged. Change the alphabetic setting, C -> B Correct answer: lower control A (C-> B), and lower control B (5->4) to reduce the air going to freezer. Nakreslit dva konceptuální modely 1.Jak by ovládání pochopil běžný spotřebitel – dva oddělené mrazící přístroje. •Další problém s 24 hodinami •Nevím, kde je termostat a kde je zdroj chladného vzduchu, jestli ovladač jedna nebo dva 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? -Jak vylepšit ledničku a mrazničku? •Dvě chladící tělesa •Nákres modelu k tlačítkům PROBLÉM JE V ODLIŠNÝCH MENTÁLNÍCH MODELECH Design by měl signalizovat správný 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). Př.1 Print book vs. Digital book -Kognitivní mapy (mentální mapy) 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 DOBRÝ MENTÁLNÍ MODEL •Účelovost •Omezení •Mapování Tomáš Bouda HCI na KISK Další příklad: NŮŽKY – na první pohled je jasné, že nůžky slouží jen k omezenému počtu úkonů. -Na jedné straně jsou dva otvory, do kterých lze něco strčit a to jediné, co má správnou velikost jsou prsty -> Otvory jsou prvky účelovosti a omezují mapování prstů a otvorů – tedy soubor možných akcí. -S nůžkami se naučíte pracovat velice rychle. -Designéři nůžek usnadnili tvorbu konceptuálního modelu a dobře využili princip účelovosti a omezení. Jednotlivé jejich části jsou viditelné a důsledky jejich manipulace jasné. -Konceptuální model – účelovost, omezení, mapování -umožňuje nám odhalit důsledky našich činů -Jinak ovládáme věci bezmyšlenkovitě, mechanicky, poslepu -Co, když máme nepřesný konceptuální model? JAK VZNIKAJÍ MENTÁLNÍ MODELY? - Lidé rozumějí novým věcem na základě minulých zkušeností. •„Desktop jako pracovní stůl.“ •„Textový procesor jako psací stroj.“ - 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 WYSIWYG editor Google Disk Vs. Local Disk 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 METODY ZJIŠŤOVÁNÍ UŽIVATELSKÝCH MENTÁLNÍCH MODELŮ •Informační architektura – card sorting •Think Aloud Method 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 – dobrý mentální model, ale uděláme motorickou chybu, omylem stiskneme špatnou klávesu Omyly – mám špatný mentální model systému a vědomě stiskneme špatné tlačítko. 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 … 2011 Lokomotiv Yaroslavl air disaster – wrong pedal – one of reasons plane did not take off 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 -Volby v roce 2000 -Hlavní protivníci – Bush a Al Gore -Jedná se o Zkrat (Slip) nebo Omyl (Mystake) 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í. ELEKTRONICKÉ VOLBY Zdroj: http://www.bbc.com/news/uk-politics-30234304 Tomáš Bouda HCI na KISK GUI – fotky kandidátů – dotykový displej – přímí manipulace -Problém se zpětnou vazbou - Jak víme, že jsme opravdu volili? -Vyjede lístek, který se uchová i z důvodu přepočítání hlasů. ZAMČEL JSEM SI VOLANT Tomáš Bouda HCI na KISK ZAMČENÁ PÁKA NA VOLANT -OMYL – měl jsme špatný mentální madel, že mohu klíček vložit do zámku v jakékoli pozici. -ŘEŠENÍ – malá tečka by se měla zvyditelnit. 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é - určují účelovost, jak jdou kostky propojit, kam, co zastrčit -např. kolo lze přidělat pouze do drážky na kolo -Klíček do auta – je jedno, jak jej do zapalování strčíme VS. páka na zamčení volantu (Špatně navržené) Sémantické Panáček bude sedět směrem dopředu Kulturní limity -Červená barva vzadu, žlutá vepředu, modrá jsou blikačky policajtů -Cihličky s nápisem policie by měli být nastavené tak, aby se dali přečíst – japonské knihy se čtou pozpátku. TIPS •Využívejte 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řibližujeme systém mentálnímu modelu živatele Pomáháme uživateli vytvořit si nebo přetvořit si jeho mentáklní model 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 Systém který propojuje staré (vinyly a skretchování na deskách) s novou technologií. Do noťasu si nahrajete svoje songy, které ale pouštíte ze speciálních vinylů. Digitální informace se přenáší z vinylů do PC, odkud se nese zvuk písničky. -Propojení digitálního a analogového světa. -Nemusíme čekat, až nějaký song vyjde na vinylu. -Stále využíváme výhody starého systému. 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 2016 KOMUNIKACE ČLOVĚK-POČÍTAČ