PŘÍMÁ MANIPULACE
(MENTÁLNÍ MODELY)

TOMÁŠ BOUDA
KISK 2013 KOMUNIKACE ČLOVĚK-POČÍTAČ

JAK MŮŽEME UDĚLAT ROZHRANÍ…
…lehké, těžké nebo „přirozené“ na ovládání?
Jaké je vaše zkušenost?
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?
Firma OXO pozorně
pozorovala, jak lidé
pracují s odměrkou.
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

BILL VERPLANK
Zdroj: http://edbrenegar.typepad.com/leading_questions/2007/09/conversation-as.html
Video: http://www.youtube.com/watch?v=C3rxCLhzmXY
Tomáš Bouda    HCI na KISK
Bill_verplank_3_interactive_questio

Bill Werplank – D.school na Stanfordu, společně s Billem Moggridgem představili pojem interaction
design, pracoval v XEROXu – GUI a myš

JAKÉ JSOU NAŠE MENTÁLNÍ AKTIVITY PŘI PROVÁDĚNÍ ÚLOHY?
Tomáš Bouda    HCI na KISK
C:\Users\pc012\Dropbox\KISK\HCI\IMG_20131022_205524.JPG

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

PROPAST PROVEDENÍ
Rozdíl mezi výsledkem aktivity systému a mým záměrem, kterého jsem chtěl dosáhnout.
Odpovídají akce provedené systémem záměrům uživatele?
Dělá systém to, co potřebuji? Kolik úsilí mě to stojí?
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
•Don Norman: Affordances: http://www.youtube.com/watch?v=NK1Zb_5VxuM
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

SKVĚLÝ PŘÍKLAD ŠPATNÉHO DESIGNU
Bill Moggridge (IDEO): http://www.youtube.com/watch?v=kVkQYvN4_HA (12:25)
Kniha: Designing interactions
http://www.designinginteractions.com/chapters
Tomáš Bouda    HCI na KISK

Bill Moggridge – IDEO, propagoval design zaměřený na uživatele, interaction design

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?
Jaká je propast provedení?
Jaká je propast zhodnocení?
Learnability?
Jak je těžké naučit se ovládat skryté funkce systému?
Tomáš Bouda    HCI na KISK
http://tabletnet.cz/images/stories/apple/new-ipad1.jpg

Systematická objevitelnost.
Provedení: Android a iPad – multitasking tlačítko
Zhodnocení: - status bar, centrum notifikace – ok

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 2013 KOMUNIKACE ČLOVĚK-POČÍTAČ