PŘÍMÁ MANIPULACE (MENTÁLNÍ MODELY) TOMÁŠ BOUDA KISK 2012 KOMUNIKACE ČLOVĚK-POČÍTAČ JAK MŮŽEME UDĚLAT ROZHRANÍ… …lehké, těžké nebo „přirozené“ na ovládání? Tomáš Bouda HCI na KISK JAK BYCHOM MOHLI VYLEPŠIT TUTO ODMĚRKU? Zdroj: http://vimeo.com/3200945 (16:30) Tomáš Bouda HCI na KISK http://www.potrebydodomu.cz/pic_zbozi/0169.jpg JAK BYCHOM MOHLI VYLEPŠIT ODMĚRKU? Zdroj: http://vimeo.com/3200945 (16:30) Tomáš Bouda HCI na KISK http://www.getprice.com.au/images/uploadimg/2118/oxo2cupmeasure.jpg Firma OXO, konference Gel in 2008 1. firmě přišel email s inspirací 2. Firma se ptala uživatelů, jak by vylepšili klasickou odměrku – ti zmiňovali kluzké držátko, křehkost apod. 3. Firma pozorovala, jak s odměrkou pracují vlastní uživatelé – Odměrka – Uživatelské rozhraní, Úkol – naplňte vodou určitý objem. 4. Lidé nalili – podívali se, nalili – podívali se… DVA DŮLEŽITÉ KROKY 1. 1. 1.Akce (nalévání vody do odměrky) 2. 2.Evaluace (zjištění, zda objem vody odpovídá mému přání) 3. Tomáš Bouda HCI na KISK Každý design musí tyto dvě akce zvládat. Ulehčit akci tak, jak je to možné a být jasně evidentní, jaký je aktuální stav. CO JSEM SE Z ODMĚRKY NAUČILI? 1. I když se zeptáme lidí, co potřebují, tak nám to neřeknou. 2. Odpovědi na naše otázky najdeme tehdy, když se vydáme mezi naše uživatele. 3. Lepší zpětnou vazbu dostaneme, když s sebou přineseme i prototyp. 4. Lidé často vlastní vylepšováky mají, jde o to je dostat na světlo světa. Zdroj: http://vimeo.com/3200945 (16:30) Tomáš Bouda HCI na KISK DESIGNÉR MUSÍ PŘEKLENOUT… 1.Propast provedení •Jak uživatel ví, co udělat? 2. 2.Propast zhodnocení •Jak uživatel pozná, co udělal? Tomáš Bouda HCI na KISK Obrázky Bill Verplank BILL VERPLANK Zdroj: http://edbrenegar.typepad.com/leading_questions/2007/09/conversation-as.html Tomáš Bouda HCI na KISK Bill_verplank_3_interactive_questio PROPAST PROVEDENÍ •Rozdíl mezi úmyslem uživatele vykonat nějaký úkon a tím, nakolik je systém schopen takový úkon vykonat. •Měřítko může být např. míra, na kolik je schopen systém splnit zamýšlený úkol. Umožňuje systém vykonat zamýšlenou akci bez vyvinutí většího úsilí? Tomáš Bouda HCI na KISK PROPAST PROVEDENÍ Př. zapnutí nahrávání na kazeťáku – toto je z pohledu uživatele jeden úkon, avšak je třeba několik kroků k tomu, aby byl nahrávacím zařízením vykonán – je třeba nastavit dobu nahrávání, zvolit médium, naladit stanici, stisknout OK. Tomáš Bouda HCI na KISK http://www.honzaplsek.cz/music/instrum/kaz2.jpg PROPAST PROVEDENÍ Př. zapnutí titulků k filmu prostřednictvím BSPlayeru. V reálném svět je třeba najít titulky, stáhnout je, spustit, načasovat (když je třeba). Tomáš Bouda HCI na KISK http://1.bp.blogspot.com/-I0F8sqFEkZg/TqRuSR7xYbI/AAAAAAAAOzM/OCRRcdpTkTg/s1600/bs+player.jpg PROPAST ZHODNOCENÍ Je rozdíl mezi reálným stavem systému a naším očekáváním. Měřítkem může být míra úsilí, které musíme vynaložit na to, abychom zjistili, v jakém stavu se systém nachází. Je na první pohled jasné, jestli je PC zapnutý? Tomáš Bouda HCI na KISK PROPAST ZHODNOCENÍ V případě chybového hlášení, které nekonkretizuje problém, je propast zhodnocení rovna tomu, za jakou dobu a vynaložené úsilí přijdeme na to, kde je chyba. Vodafone – neautorizované číslo. Tomáš Bouda HCI na KISK http://tri-anglerecords.com/wp-content/uploads/2012/04/ERROR.jpg PROPAST ZHODNOCENÍ V případě chybového hlášení, které nekonkretizuje problém, je propast zhodnocení rovna tomu, za jakou dobu a vynaložené úsilí přijdeme na to, kde je chyba. Vodafone – neautorizované číslo. Tomáš Bouda HCI na KISK http://tri-anglerecords.com/wp-content/uploads/2012/04/ERROR.jpg JAK SNADNO MOHU: 1.Zjistit funkci zařízení? 2.Určit, jaké akce přístroj umožňuje? 3.Poznat, zda je systém v požadovaném stavu? 4.Určit mapování od úmyslu po reálný pohyb? 5.Určit mapování od stavu systému po interpretaci? 6.Provézt akci? 7.Poznat v jakém je systém stavu? Tomáš Bouda HCI na KISK Mapování – vztah mezi ovladači, jejich pohybem (tahem zapni/stiskem vypni – míchačka a volant (otáčení) a reálnou akcí, které má dopad na reálný svět. Interpretace – co to právě pro nás znamená? JAK PŘEMOSTI PROPASTI? 1.Viditelnost – získané afordance •zjevné vlastnosti rozhraní, které naznačují, jaké má rozhraní funkce 2.Zpětná vazba 3.Konzistence •standardy 4.Bezchybné ovládání • tlačítko zpět 5.Systematické objevování •musí být zajištěno systematické objevování možností a funkcí 6.Spolehlivost •systém musí fungovat, nic by se nemělo dít nahodile Zdroj: http://interactions.acm.org/archive/view/september-october-2010/gestural-interfaces1 1. Tomáš Bouda HCI na KISu Don Norman: Affordances: http://www.youtube.com/watch?v=NK1Zb_5VxuM Don Norman – Affordances: http://www.jnd.org/dn.mss/affordances_and.html CO VŠECHNO JE V TOMTO PŘÍPADĚ ŠPATNĚ? Vlastní video – plocha -> HCI -> drinking machine – japan Zdroj: Bill Moggridge, IDEO http://interface.fh-potsdam.de/innoforum/english/09_video.php?vidName=809546 (video, čas 9:30) Tomáš Bouda HCI na KISK PŘÍKAZOVÝ ŘÁDEK VS. GUI Který přístup je lepší? Co dělá tyto dva přístupy odlišné? •Okamžitá zpětná vazba •Nepřetržitá reprezentace objektů •Použité metafory z reálného prostředí • • Zdroj: SHNEIDERMAN. Direct Manipulation: A Step Beyond Programming Languages. Computer. 1983, roč. 16, č. 8, s. 57-69. ISSN 0018-9162. DOI: 10.1109/MC.1983.1654471. Dostupné z: http://ieeexplore.ieee.org/lpdocs/epic03/wrapper.htm?arnumber=1654471 Tomáš Bouda HCI na KISK PŘÍKAZOVÝ ŘÁDEK VS. GUI Princip Příkazový řádek GUI Viditelnost Zpětná vazba Konzistence Bezchybné ovládání Systematické objevování Spolehlivost Tomáš Bouda HCI na KISK PŘÍKAZOVÝ ŘÁDEK VŠAK MÁ SVŮJ ÚČEL… Tehdy, když jsou jeho slabé stránky využívány jako silné. Programátoři se bez příkazového řádku neobejdou – jejich práci to dělá mnohem jednodušší. Např. když potřebujeme všechny složky v PC, které obsahují slovo „kisk“ přesunout do jednoho adresáře. Tomáš Bouda HCI na KISK SYSTEMATICKÉ OBJEVOVÁNÍ – ANO, ALE… Zdroj: Takeo Igarashi Tomáš Bouda HCI na KISK PŘÍMÁ MANIPULACE - GESTA Je tento typ manipulace více přímý, nežli myš a klávesnice? Co je na iPadu špatně? Tomáš Bouda HCI na KISK http://tabletnet.cz/images/stories/apple/new-ipad1.jpg Systematická objevitelnost. LITERATURA HUTCHINS, Edwin, James HOLLAN a Donald NORMAN. Direct Manipulation Interfaces. Human-Computer Interaction. 1985-12-1, roč. 1, č. 4, s. 311-338. ISSN 0737-0024. DOI: 10.1207/s15327051hci0104_2. Dostupné z: http://www.tandfonline.com/doi/abs/10.1207/s15327051hci0104_2 NORMAN, Donald A. Design pro každý den. 1. vyd. v českém jazyce. Praha: Dokořán, 2010, 271 s. ISBN 978-80-7363-314-1. Tomáš Bouda HCI na KISK DĚKUJI ZA POZORNOST TOMÁŠ BOUDA BOUDATOMAS@GMAIL.COM KISK 2012 KOMUNIKACE ČLOVĚK-POČÍTAČ