Ceskˇ e´ vysoke´ ucenˇ ´ı technicke´ v Praze Fakulta elektrotechnicka´

Katedra pocˇ´ıtacovˇ e´ grafiky a interakce

Diplomov´apr´ace

N´avrhuˇzivatelsk´ehorozhran´ı pro dotykovou odpov´ıdac´ıjednotku k interkomu

Bc. Kateˇrina Koutov´a

Vedouc´ıpr´ace:Ing. Marek Rub´aˇs,2N Telekomunikace a.s.

Studijn´ıprogram: Otevˇren´ainformatika Obor: Interakce ˇclovˇekas poˇc´ıtaˇcem

23. kvˇetna2019

Podˇekov´an´ı

V prvn´ıˇradˇedˇekujisv´emu vedouc´ımu Ing. Marku Rub´aˇsovi za odborn´eveden´ı cel´epr´acea cel´espoleˇcnosti2N Telekomunikace a.s. za poskytnut´ımateri´al˚u a produkt˚u.D´aledˇekuji vˇsem participant˚um,kteˇr´ı se z´uˇcastnilipr˚uzkumu a uˇzivatelsk´ehotestov´an´ı,za jejich ˇcasa cenn´epoznatky, d´ıkynimˇzje v´ysledn´y prototyp uˇzivatelsky pˇr´ıvˇetivˇejˇs´ı.V posledn´ıˇradˇechci podˇekovat takt´eˇzrodinˇe a pˇr´atel˚umza podporu bˇehemcel´ehostudia.

Prohl´aˇsen´ı

Prohlaˇsuji,ˇzejsem pˇredloˇzenoupr´acivypracoval(a) samostatnˇea ˇzejsem uvedl(a) veˇsker´epouˇzit´einformaˇcn´ızdroje v souladu s Metodick´ympokynem o etick´epˇr´ıpravˇevysokoˇskolsk´ych z´avˇereˇcn´ych prac´ı.

V Praze dne 23. kvˇetna2019 ...... Cesk´evysok´euˇcen´ıtechnick´evˇ Praze Fakulta elektrotechnick´a c 2019 KateˇrinaKoutov´a.Vˇsechna pr´ava vyhrazena. Tato pr´ace vznikla jako ˇskoln´ı d´ılo na Cesk´emvysok´emuˇcen´ıˇ technick´em v Praze, Fakultˇeelektrotechnick´e.Pr´ace je chr´anˇenapr´avn´ımipˇredpisy a me- zin´arodn´ımi ´umluvamio pr´avuautorsk´ema pr´avech souvisej´ıc´ıchs pr´avemau- torsk´ym.K jej´ımuuˇzit´ı,s v´yjimkoubez´uplatn´ychz´akonn´ychlicenc´ıa nad r´amec opr´avnˇen´ıuveden´ychv Prohl´aˇsen´ına pˇredchoz´ıstranˇe,je nezbytn´ysouhlas au- tora.

Odkaz na tuto pr´aci Koutov´a,Kateˇrina. N´avrhuˇzivatelsk´ehorozhran´ıpro dotykovou odpov´ıdac´ıjed- notku k interkomu. Diplomov´apr´ace. Praha: Cesk´evysok´euˇcen´ıˇ technick´e v Praze, Fakulta elektrotechnick´a,2019. Abstrakt

Tato pr´acese vˇenuje n´avrhu uˇzivatelsk´eho rozhran´ıpro odpov´ıdac´ıjednotku k interkomu. N´avrhbyl zaloˇzen na reˇserˇsipodobn´ych zaˇr´ızen´ıtohoto typu, vˇcetnˇepr˚uzkumu mezi souˇcasn´ymia potencion´aln´ımiuˇzivateli, a na z´akladˇe studia problematiky UX designu vˇenuj´ıc´ıse tak´etvorbˇeuˇzivatelsk´ych rozhran´ı zamˇeˇren´ena c´ıleuˇzivatel˚u.Uˇzivatel´ebyli zastoupeni v procesu n´avrhu nepˇr´ımo pomoc´ıperson i pˇr´ımojako ´uˇcastn´ıcitestov´an´ısamotn´ehoprototypu. Cel´y proces n´avrhu prob´ıhalve dvou f´az´ıch, obˇebyly zakonˇceny uˇzivatelsk´ymtes- tov´an´ıma n´aslednou´upravou prototypu podle nalezen´ych probl´em˚u.Fin´aln´ı prototyp je pro problematiky neznal´euˇzivatele t´emˇeˇrk nerozpozn´an´ıod re´al- n´ehoproduktu.

Kl´ıˇcov´a slova uˇzivatelsk´erozhran´ı,pouˇzitelnost, interkom, odpov´ıdac´ıjed- notka

Abstract

The thesis deals with the user interface design for an intercom answering unit. The design was based on a research of similar devices, including a research of current and potential users, and study of UX design problems also dealing with user interface design based on user goals. Users were involved in the whole

vii design process indirectly as personas and also directly as participants of user testing. The design process was divided into two stages, each ending with user testing and modification of the prototype according to discovered problems. The final prototype is almost indistinguishable from the actual product for an amateur user.

Keywords user interface, usability, intercom, answering unit

viii Obsah

Uvod´ 1

1 Principy n´avrhu uˇzivatelskych´ rozhran´ı u dotykovych´ zaˇr´ızen´ı 3 1.1 Tvorba uˇzivatelsk´ych rozhran´ızamˇeˇren´ana c´ıleuˇzivatele . . . . 3 1.2 Interakˇcn´ıdesign ...... 10 1.3 Vizu´aln´ıdesign ...... 13 1.4 Lidsk´emyˇslen´ıv pr´acis poˇc´ıtaˇcem ...... 16 1.5 Uˇzivatelsk´ypr˚uzkum...... 21 1.6 Testov´an´ıuˇzivatelsk´ehorozhran´ı ...... 23

2 Analyza´ souˇcasnych´ ˇreˇsen´ı 25 2.1 Historie telekomunikaˇcn´ıch syst´em˚u ...... 25 2.2 Odpov´ıdac´ıjednotky k interkomu od 2N ...... 26 2.3 Odpov´ıdac´ıjednotky s dotykov´ymidispleji od jin´ych v´yrobc˚u. 32 2.4 Shrnut´ıreˇserˇse ...... 35

3 N´avrh Lo-Fi prototypu 37 3.1 Pˇr´ıprava ...... 37 3.2 Vytv´aˇren´ıLo-Fi prototypu ...... 48 3.3 Testov´an´ıLo-Fi prototypu ...... 48

4 N´avrh Hi-Fi prototypu 61 4.1 Anal´yzaprototypovac´ıch n´astroj˚u...... 61 4.2 Zvolen´yprototypovac´ın´astroj ...... 63 4.3 Vytv´aˇren´ıprototypu ...... 64 4.4 Testov´an´ıHi-Fi prototypu ...... 67

Z´avˇer 79

Literatura 81

ix A Seznam pouˇzitych´ zkratek 85

B Obsah pˇriloˇzen´eho CD 87

x Seznam obr´azk˚u

1.1 Vztah mezi koncepˇcn´ımi modely designera, uˇzivatele a obrazem syst´emu[1] (pˇreklada ´uprava vlastn´ı)...... 18 1.2 Sedm f´az´ıakce[1]...... 19 1.3 Iterativn´ıcyklus vytv´aˇren´ıprototypu [1] (pˇreklada ´uprava vlastn´ı). 20

2.1 Indoor Talk[2] ...... 27 2.2 Aplikace pro chytr´etelefony - Mobile Video[2] ...... 29 2.3 Uˇzivatelsk´etestov´an´ı- Mobile Video[3] ...... 29 2.4 Indoor Touch[2] ...... 31 2.5 Infinite Play Next 700[4] ...... 34 2.6 Dnake 902M-S2 Indoor Monitor[5] ...... 35

3.1 Pˇr´ıbˇehke sc´en´aˇri1 - Hlavn´ısc´en´aˇr ...... 47 3.2 Seznam hovor˚u- verze B ...... 50 3.3 Deaktivace rodiˇcovsk´ehoz´amku- verze B ...... 51 3.4 Pˇr´ıchoz´ıhovor - verze B ...... 52

4.1 Logo Qt[6] ...... 63 4.2 Reˇzimsp´anku...... 64 4.3 Zad´av´an´ıPIN k´odu ...... 64 4.4 Domovsk´aobrazovka ...... 65 4.5 Seznam hovor˚u...... 65 4.6 Seznam zaˇr´ızen´ı...... 65 4.7 Pohled kamery ...... 65 4.8 Nastaven´ı ...... 66 4.9 Nastaven´ıdispleje ...... 66 4.10 Nastaven´ızvuku - editace noˇcn´ıhoreˇzimu ...... 76 4.11 Nastaven´ızvuku - editace telefonn´ıhoˇc´ısla...... 76

xi

Uvod´

Nejzn´amˇejˇs´ıpodoba odpov´ıdac´ıjednotky ke dveˇrn´ımu zvonku, kter´ase nach´az´ı t´emˇeˇrve vˇsech starˇs´ıch bytov´ych domech, je klasick´esluch´atko s tlaˇc´ıtkem pro otevˇren´ıvchodov´ych dveˇr´ı.Doba vˇsak pokroˇcilaa dnes se pomalu st´av´astan- dardem chytr´adom´acnost,kde takov´esluch´atko jiˇzp˚usob´ızastarale. Novˇein- stalovan´eodpov´ıdac´ıjednotky jiˇznepln´ıjen funkci otev´ır´an´ıdveˇr´ı,ale umoˇzˇnuj´ı obyvatel˚umnapˇr´ıkladn´ahledna venkovn´ıkamery, aniˇzby na nˇenˇekdozazvo- nil. Pln´ıtak svou funkci tak´ez hlediska bezpeˇcnosti,kdy uloˇzen´efotografie z kamer mohou v pˇr´ıpadˇepotˇreby poslouˇzitpolicii. C´ımv´ıcefunkc´ıtakov´ezaˇr´ızen´ım´a,t´ımv´ıced˚urazuˇ je tˇrebakl´astna uˇzi- vatelskou pˇr´ıvˇetivost. Zaˇr´ızen´ımus´ıb´ytsnadno pouˇziteln´enejen pro jeho ma- jitele, ale mˇeliby ho na z´akladn´ı´urovni zvl´adnoutovl´adati n´avˇstˇevy, kter´ym je byt ˇcid˚umdoˇcasnˇeprop˚ujˇcen. Ve firmˇe2N Telekomunikace a.s., kde pracuji, se zab´yv´amei v´yvojem odpov´ıdac´ıch jednotek, abychom mohli uˇzivatel˚um dodat kompletn´ıˇreˇsen´ı. St´avaj´ıc´ıodpov´ıdac´ıjednotka s dotykov´ymdisplejem sice disponuje velk´ym mnoˇzstv´ımfunkc´ı,ale uˇzivatel˚umpˇrijdejej´ıovl´ad´an´ıneintuitivn´ıa vˇetˇs´ıˇc´ast nab´ızen´ych aplikac´ıtak nevyuˇz´ıvaj´ı.Kdyˇzbyl ned´avnootevˇrenprojekt na no- vou generaci odpov´ıdac´ıch jednotek s dotykov´ymdisplejem, rozhodla jsem se n´avrhprototypu zpracovat jako svou diplomovou pr´aci. Za c´ıljsem si stanovila pˇredevˇs´ımuˇzivatelsk´eprostˇred´ızjednoduˇsita v´ıce pˇribl´ıˇzit potˇreb´amkoncov´eho uˇzivatele. Jelikoˇz naˇse znalost uˇzivatelsk´ych potˇrebnen´ıdostateˇcn´a,bude potˇrebaprov´estuˇzivatelsk´ypr˚uzkum.N´aslednˇe bude potˇrebaprov´estanal´yzukonkurenˇcn´ıch produkt˚u,kter´aposlouˇz´ıjako dalˇs´ıvstup pro vytvoˇren´ı Low-Fidelity1 (zkr´acenˇeLo-Fi) prototypu. Vytvoˇren´y prototyp bude dle potˇreby podroben uˇzivatelsk´ymtest˚um,abych ovˇeˇrilajeho pouˇzitelnost. V´ystupem pr´acebude High-Fidelity2 (zkr´acenˇeHi-Fi) prototyp, kter´ybude

1Jedn´ase o jednoduch´ykoncept uˇzivatelsk´ehorozhran´ı. 2Interaktivn´ıprototyp, kter´yse sv´ymvzhledem i chov´an´ımbl´ıˇz´ıfin´aln´ımu produktu.

1 Uvod´ simulovat funkci odpov´ıdac´ıjednotky. Prototyp mus´ıb´ytvytvoˇrenn´astrojem, kter´yumoˇzn´ıimplementaci vˇetˇsiny funkc´ı,aby ˇselsnadno otestovat a uˇzivatel´e pˇritommˇelipocit, ˇzeinteraguj´ıse skuteˇcn´ymproduktem. Fin´aln´ıHi-Fi pro- totyp spolu s popisem jednotliv´ych funkc´ınavrhovan´edotykov´eodpov´ıdac´ı jednotky bude pouˇziteln´yjako vstup pro anal´yzyv r´amcin´asledn´ehov´yvoje.

2 Kapitola 1

Principy n´avrhuuˇzivatelsk´ych rozhran´ıu dotykov´ychzaˇr´ızen´ı

Jeˇstˇeneˇzse pust´ımedo pˇr´ıpravy a n´avrhu samotn´ehoprototypu, pojd’me si proj´ıtz´akladn´ıpravidla, kter´ymibychom se mˇelipˇrinavrhov´an´ıuˇzivatelsk´ych rozhran´ıˇr´ıdit.

1.1 Tvorba uˇzivatelsk´ych rozhran´ızamˇeˇren´a na c´ıleuˇzivatele

Uˇzivatel zapoˇcneinterakci s produktem, aby dos´ahlnˇejak´ehoc´ıle, kter´ysi pˇredemstanov´ı.K dosaˇzen´ıc´ıle mu pom˚uˇzeuˇzivatelsk´erozhran´ıproduktu.

Bude-li uˇzivatelsk´erozhran´ınavrˇzenotak, aby uˇzivatel dos´ahlsnad- no c´ıle,bude ˇstastn´ya spokojen´y[10].

Ot´azkou je, proˇcje st´alevˇetˇsinaprodukt˚usloˇzit´ana pouˇz´ıv´an´ı a nedˇelaj´ı uˇzivatele ˇst’astn´ym?Probl´emje pr´avˇenejˇcastˇejiv uˇzivatelsk´em rozhran´ı,jehoˇz n´avrhbyl opomenut jako nepodstatn´asouˇc´astv´yvoje produktu. N´avrhdesignu zamˇeˇren´ehona ˇclovˇekazahrnuje pochopen´ıtuˇzeb,potˇreb a motivac´ıpotencion´aln´ıhouˇzivatele. Je nutn´esi uvˇedomovat obchodn´ıa tech- nick´ev´yzvya jin´eomezen´ı,aby byly vytvoˇren´eprodukty svou formou, obsa- hem a chov´an´ımpouˇziteln´ea uˇziteˇcn´e.

1.1.1 Optimalizace pro pokroˇcil´e Aˇckoliv kaˇzd´enov´ezaˇr´ızen´ıpro vˇetˇsinu z n´asznamen´ap´ardn´ıuˇcen´ıpr´ace s n´ım, uˇzivatel´enemaj´ı r´adi,kdyˇzse s nimi zach´az´ı jako se zaˇc´ateˇcn´ıky. Uˇzivatel´enez˚ust´avaj´ı zaˇc´ateˇcn´ıky dlouho a takt´eˇzdlouho trv´a,neˇzse sta- nou experty. Nejv´ıce ˇcasutedy str´av´ı ve f´azipokroˇcil´ych, proto je nejlepˇs´ı

3 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı navrhovat rozhran´ıpˇrev´aˇznˇepro tuto skupinu uˇzivatel˚u.Pˇrestoje nutn´emys- let i na zaˇc´ateˇcn´ıkya experty, protoˇzeve f´azizaˇc´ateˇcn´ık˚use nach´az´ınˇejak´y ˇcaskaˇzd´ya experti by nebyli se zaˇr´ızen´ımspokojen´ı,kdyby nenab´ızelov´ıce moˇznost´ıpro nˇe.[10]

1.1.2 Design zamˇeˇren´yna aktivity C´ılje pˇredpoklad koncov´epodm´ınky, zat´ımcoaktivity a ´ukoly jsou pr˚ubˇeˇz- n´ekroky, kter´epom´ahaj´ık dosaˇzen´ıc´ıle.Norman takto definoval hierarchii designu zamˇeˇren´ehona aktivity (Activity Centered Design - d´alejen ACD). Aktivity se skl´adaj´ız ´ukol˚u,kter´ejsou tvoˇreny akcemi a ty jsou komponov´any z jednotliv´ych operac´ı.ACD se soustˇred´ıpr´avˇena pochopen´ıaktivit, v prvn´ı ˇradˇese snaˇz´ıpochopit, proˇcuˇzivatel aktivitu vykon´av´a.K vykon´av´an´ıaktivit lidi motivuj´ıc´ıle,proto pr´avˇejejich pochopen´ıvede k pochopen´ıuˇzivatelovo oˇcek´av´an´ı a tuˇzeb.T´ım pak m˚uˇzemezjistit, kter´eaktivity jsou v designu podstatn´ea kter´enikoliv. C´ıle se v ˇcasevˇetˇsinounemˇen´ı(pˇr´ıpadnˇejen m´ırnˇe), zat´ımco´ukoly a aktivity se mohou mˇenitbˇehempr´acepoˇr´ad. Zat´ımcose uˇzivatel mus´ısoustˇreditna sv˚ujc´ıl,designer mus´ıurˇcit,kdo jsou podstatn´ıuˇzivatel´e,co je jejich c´ıla proˇc.Sice je d˚uleˇzit´evytv´aˇretuˇzivatelsk´a rozhran´ısnadno nauˇciteln´a,ale mnohem v´ıcez´aleˇz´ına kontextu, ve kter´emje syst´em/zaˇr´ızen´ıpouˇz´ıv´ana na c´ılech a potˇreb´ach uˇzivatel˚u.Uˇzivatelsk´eroz- hran´ı,kter´enevypl´yv´az c´ıl˚ua potˇreb uˇzivatel, se ned´apovaˇzovat za spr´avnˇe navrˇzen´e.[1]

1.1.3 Pouˇzitelnost Steve Krug definoval sv˚ujprvn´ız´akon pouˇzitelnostijako:

Nenut’te mˇepˇrem´yˇslet[11].

Tuto radu d´aval kaˇzd´emu, kdo pr´avˇeˇcelilprobl´emu s pouˇzitelnost´ıwebo- v´ych str´anek.Samozˇrejmˇetakov´ych pravidel by se dalo vymyslet v´ıce,ale toto je pˇrestonejd˚uleˇzitˇejˇs´ı,protoˇzepokud je uˇzivatelsk´erozhran´ıdostateˇcnˇein- tuitivn´ıa pochopiteln´e,uˇzivateli nic nebr´an´ıv dosaˇzen´ıjeho c´ıle.Uˇzivateli by mˇelob´ytv kaˇzdouchv´ıli jasn´e,co se pr´avˇedˇeje,na kter´estr´ancese nach´az´ıa jak bude postupovat d´al.Typickou chybou b´yv´anapˇr´ıkladpouˇzit´ı nespr´avn´ych nadpis˚u,kter´ejsou ˇcastonicneˇr´ıkaj´ıc´ı pro bˇeˇzn´ehouˇzivatele, pouˇz´ıvaj´ınezn´amouterminologii, pˇr´ıpadnˇejsou pˇr´ıliˇsodborn´e. Pˇripohledu uˇzivatele na str´anku,pˇr´ıpadnˇena nˇejakou obrazovku pro- duktu, mus´ıuˇzivatel snadno rozpoznat, co je odkazem, tj. na co m˚uˇzekliknout a na co nikoliv. Odkaz mus´ıb´ytodliˇsenod bˇeˇzn´ehotextu a aktivn´ıtlaˇc´ıtko se mus´ıliˇsitod toho neaktivn´ıho. Pˇrin´avrhu vzhledu uˇzivatelsk´ehorozhran´ıse naskyt´aot´azka,co se uˇzi- vatel˚uml´ıb´ı a co nikoliv. Na to nelze naj´ıt odpovˇed’, protoˇzese kaˇzd´emu l´ıb´ınˇecojin´eho,takˇzeje nejlepˇs´ınaj´ıtkompromis, navrhovat design, kter´y

4 1.1. Tvorba uˇzivatelsk´ych rozhran´ızamˇeˇren´ana c´ıleuˇzivatele se bude l´ıbitvˇetˇsinˇeuˇzivatel˚u,pˇr´ıpadnˇenavrhovat design, kter´ysice nikoho nenadchne, ale nikoho neuraz´ı,kdyˇzbude rozhran´ıpro uˇzivatele dostateˇcnˇe intuitivn´ı.Vedle osobn´ıhon´azoruje jeˇstˇejedna ´uroveˇn- profesion´aln´ızaujet´ı. Castoˇ se liˇs´ın´azoryv´yvoj´aˇr˚ua designer˚u,protoˇzekaˇzd´atato skupina preferuje nˇecojin´eho.Designer˚umse l´ıb´ıvizu´alnˇezaj´ımav´estr´anky, v´yvoj´aˇrinaopak preferuj´ırozhran´ıpln´ezaj´ımav´ych funkc´ı. Kaˇzd´yuˇzivatel je sv´ymzp˚usobem jedineˇcn´y.Aˇckoliv stanovujeme arche- typ´aln´ıuˇzivatele, nem˚uˇzemeje ch´apatjako pr˚umˇern´euˇzivatele, jsou pro n´as pouh´ymivzorov´ymiuˇzivateli, kteˇr´ıspadaj´ıdo c´ılov´eskupiny. Uˇzivatele v c´ılov´e skupinˇem˚uˇzemech´apatjako nomin´aln´ıpromˇenn´e, v mnoˇzinˇenelze stanovit pr˚umˇer,ani nelze porovn´avat objekty. Jedno z mnoha mott Jacoba Nielsena zn´ı: Uˇzivatel m´avˇzdypravdu“[12]. ” Kdyˇzm´auˇzivatel probl´ems nˇejakou ˇc´ast´ı produktu, ˇcastose snaˇz´ıme vi- nit sp´ıˇsejeho, protoˇzenech´apeme, ˇzes t´ımnˇekdom˚uˇzem´ıtprobl´em.T´ım sp´ıˇse,pokud je jeden z m´ala,kter´ys t´ımm´aprobl´em.Pot´et´ıhnemesp´ıˇse k doplnˇen´ıdokumentace nebo um´ıstˇen´ın´apovˇedy, ˇc´ımˇzale uˇzivateli pˇr´ıliˇsne- pom´ah´ame.Je potˇrebapokusit se naj´ıtjin´eˇreˇsen´ı,se kter´ymm´ıtuˇzivatel´e probl´emy nebudou a aˇzpokud se to bude jevit jako nemoˇzn´e,m˚uˇzemevyuˇz´ıt n´apovˇedy. Ne vˇzdyale toto motto plat´ı. Existuj´ı studie[12], kde uˇzivatel´e pˇriv´yzkumu vyjadˇruj´ı absolutn´ı spokojenost se souˇcasn´ymproduktem, ale ve chv´ıli,kdy se jim dostane do rukou novˇejˇs´ıverze, jednoznaˇcnˇeji hodnot´ı jako lepˇs´ı.Kaˇzd´yuˇzivatel m´atak´ejin´yn´azor,co nˇekomu vyhovuje, to nao- pak jin´ymvyhovovat nemus´ı. Castoˇ nepom´ah´aani umoˇznˇen´ıpˇrizp˚usobitsi uˇzivatelsk´erozhran´ıvlastn´ımpotˇreb´am.To je dobr´epro pokroˇcil´euˇzivatele, nikoliv pro zaˇc´ateˇcn´ıky. Ti chtˇej´ıpˇredevˇs´ım,aby dok´azalipracovat s v´ychoz´ım rozhran´ıma pˇrizp˚usoben´ıjim v tom nepom˚uˇze.

1.1.3.1 Definice pouˇzitelnosti Pouˇzitelnostje dle Jacoba Nielsena[12] definov´anatˇemitopˇetiz´akladn´ımi vlastnostmi:

• Jednoduch´euˇcen´ı- syst´emby mˇelb´ytnatolik jednoduch´y,aby s n´ım uˇzivatel byl schopn´yzaˇc´ıtefektivnˇepracovat hned od zaˇc´atku.

• V´ykonnost - uˇzivatel by mˇelb´yts pomoc´ısyst´emu dostateˇcnˇeproduk- tivn´ı.

• Zapamatovatelnost - pr˚umˇern´yuˇzivatel by nemˇelm´ıt probl´empracovat se syst´emempo nˇejak´edobˇe,co jej nevidˇel.

• Chyby - syst´emby se mˇelprim´arnˇevyvarovat vˇsemchyb´am,pˇr´ıpadnˇe by se z nich mˇelsnadno zotavit.

• Uspokojen´ı- uˇzivatel´emus´ıb´ytpˇripr´acispokojen´ı,mus´ıse jim to l´ıbit.

5 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı 1.1.3.2 Deset princip˚u pouˇzitelnosti Nielsen stanovil tak´edeset princip˚upouˇzitelnosti[13],podle kter´ych se hodnot´ı pouˇzitelnostuˇzivatelsk´ehorozhran´ıpˇriHeuristick´eanal´yze3.

1. Viditelnost stavu syst´emu: Uˇzivatel by mˇelm´ıtv kaˇzdouchv´ılipˇrehled nad syst´emem. Vˇsechny ud´alosti,kter´ejsou pro nˇejrelevantn´ı,by mu mˇelyb´ytpˇred´any srozumitelnˇe.Syst´emby mˇelodpov´ıdat v co nej- kratˇs´ımˇcase.

2. Propojen´ı syst´emu a re´aln´ehosvˇeta:Syst´emby mˇelmluvit jazykem uˇzivatele, pouˇz´ıvat v´yrazy, kter´ezn´aa s´amje pouˇz´ıv´a.

3. Uˇzivatelsk´akontrola a svoboda: Uˇzivatel by mˇelm´ıtvˇzdymoˇznostvr´atit se zpˇeta pokud to nen´ımoˇzn´e,mˇelby b´ytvarov´an.

4. Konzistence a standardy: Vˇseby pro uˇzivatele mˇelo b´ytzn´am´e,nemˇelo by ho nic nepˇr´ıjemnˇepˇrekvapit nebo m´ast.

5. Prevence chyb: Jeˇstˇelepˇs´ı,neˇzspr´avn´ezobrazov´an´ıchyb, je jejich pre- vence.

6. Lepˇs´ırozpozn´an´ıneˇzvzpom´ın´an´ı:Minimalizovat poˇcetinformac´ı,kter´e mus´ıuˇzivatel uloˇzitdo kr´atkodob´epamˇeti.

7. Flexibiln´ı a efektivn´ı pouˇzit´ı: Syst´em by mˇel b´ytschopn´yefektivnˇe vyuˇz´ıvat nejen expert, ale i zaˇc´ateˇcn´ık.Pro experta by mˇelab´ytmoˇznost pouˇzit´ızkratek, zat´ımcozaˇc´ateˇcn´ıkovi bychom je nemˇelinutit.

8. Estetick´ya minimalistick´ydesign: Syst´emby se mˇeluˇzivateli l´ıbita nemˇel by obsahovat ˇz´adn´epˇrebyteˇcnosti,jen relevantn´ıakce.

9. Pomoct uˇzivatel˚umrozpozn´avat, diagnostikovat a obnovovat chyby: Vˇsem moˇzn´ymchyb´amby mˇeluˇzivatel rozumˇeta mˇeloby mu b´ytvysvˇetleno, jak m´av jejich pˇr´ıpadˇepokraˇcovat.

10. N´apovˇedaa n´avody: Aˇckoliv by ˇz´adn´yn´avod nemˇelb´ytpotˇreba,stejnˇe je nezbytn´ejej uˇzivateli poskytnout. Mˇelby b´ytpˇrehledn´y,snadn´yk vy- hled´av´an´ıa obsahovat pˇresnˇepopsan´ekroky ke vˇsemakc´ım.

1.1.3.3 Ikony Ikony jsou jedn´ımze z´akladn´ıch prvk˚uuˇzivatelsk´ehorozhran´ı.Jejich pouˇzi- telnost z´avis´ına kontextu, ve kter´emjsou pouˇzity, a na podm´ınk´ach jejich pouˇz´ıt´ı.Vytvoˇritikonu je mnohem jednoduˇsˇs´ıpro objekty, kter´emaj´ıjasnˇe dan´yvzhled, neˇzpro operace. Nielson[12] uv´ad´ıtuto problematiku na Bewlyho

3Metoda testov´an´ıpouˇzitelnostibez uˇzivatel˚u- prov´ad´ıji 3-5 expert˚u.

6 1.1. Tvorba uˇzivatelsk´ych rozhran´ızamˇeˇren´ana c´ıleuˇzivatele studii (1983), kde zkoumal pouˇzitelnost,srozumitelnost a intuitivitu ikon. Nej- prve dal uˇzivatel˚umza ´ukol popsat, co podle nich ikony znamenaj´ı,s ˇc´ımˇz mˇelinejmenˇs´ıpot´ıˇze,pot´emˇeli za ´ukol ke konkr´etn´ıakci vybrat jednu ze ˇctyˇr nab´ızen´ych ikon. U toho se jejich n´azoryrozch´azely. D´alepopisuje[12] Rogersovu studii (1985), kter´ytvrd´ı,ˇzejedin´ych mˇeˇri- teln´ymparametrem je v pˇr´ıpadˇeikon jejich srozumitelnost. Ke kaˇzd´emu tex- tov´emu popisu museli uˇzivatel´evybrat jednu ikonu. Nejl´epe vych´azelyikony s konkr´etn´ımpˇredmˇetema abstraktn´ıreprezentac´ıoperace (napˇr.pro kop´ıro- v´an´ısloˇzkapap´ır˚use ˇsipkou), neˇzpouze s jedn´ımz tˇechto element˚u. Ikony nedˇelaj´ı produkt pouˇzitelnˇejˇs´ım, to dˇel´apˇredevˇs´ım dobr´ydesign. Nejlepˇs´ı je pouˇz´ıt je spoleˇcnˇes textem, mˇelyby b´ytfunkˇcn´ı, ne jen este- ticky hezk´e.Mˇely by se skl´adatz mal´eho mnoˇzstv´ıbarev a z´akladn´ıch tvar˚u. Pom´ahaj´ıpˇripochopen´ıkontextu lidem, kteˇr´ınerozum´ıjazyku syst´emu nebo dˇetem,kter´eneumˇej´ıˇc´ıst.Jsou snadˇejizapamatovateln´eneˇztext.[14]

1.1.4 Vn´ım´an´ı Vn´ım´an´ısvˇetanen´ıobjektivn´ız´aleˇzitost,ve vˇetˇsinˇepˇr´ıpad˚uvid´ıkaˇzd´ypˇresnˇe ” to, co chce vidˇet.“[15] Pokud je n´amˇreˇceno, ˇzem´amepozorovat danou vˇec, soustˇred´ımese na ni a nevˇs´ım´amesi tolik okol´ı4. Pokud tedy uˇzivatelsk´eroz- hran´ıvypad´apˇresnˇepodle pˇredstav uˇzivatele, bude se v nˇeml´epe orientovat d´ıky pˇredchoz´ım zkuˇsenostem.Snadnˇejinalezne tlaˇc´ıtko, kdyˇzv´ı, co hled´a a jak by mˇelotlaˇc´ıtko vypadat. Stejnˇevn´ım´an´ız´avis´ına c´ıliuˇzivatele, hled´a-li urˇcit´etlaˇc´ıtko, automaticky ignoruje ostatn´ıvˇeci,kter´eurˇcitˇeon´ımtlaˇc´ıtkem nejsou.

1.1.4.1 Gestalt principy Jiˇzve 20. stolet´ı nˇemeck´epsychology zaj´ımalo, jak funguje lidsk´evizu´aln´ı vn´ım´an´ı.Zjistili, ˇzen´aˇsvizu´aln´ısyst´emje zamˇeˇren´yna struktury a je stvoˇren´y k rozpozn´av´an´ıtvar˚ua objekt˚usp´ıˇseneˇzvrchol˚ua hran. Zaˇcalose jim ˇr´ıkat Gestalt principy, protoˇze gestalt znamen´av nˇemˇcinˇetvar. Nejpodstatnˇejˇs´ımi principy jsou bl´ızkost, podobnost, spojitost, uzavˇrenost, symetrie, souˇc´ast popˇred´ı/pozad´ıa spoleˇcn´yosud.[15]

1.1.5 Pamˇet’ Pamˇet’ dˇel´ımena kr´atkodobou a dlouhodobou. Kr´atkodob´apokr´yv´asituace, kdy je informace uloˇzena po dobu zlomek sekund aˇzpo des´ıtkysekund, dlou- hodob´apamˇet’ uchov´av´avˇsechny informace po dobu minim´alnˇejedn´emi- nuty, maxim´aln´ıdoba je omezena pouze d´elkou ˇzivota jedince. Ot´azkou je,

4Napˇr. zn´am´ygoril´ı efekt (Christopher Chabris a Daniel Simons) - vˇetˇsina lid´ı si nevˇsimnegorily, kter´apˇriˇslado m´ıstnosti, protoˇzejsou pˇr´ıliˇszamˇestn´anipoˇc´ıt´an´ım lid´ı, protoˇzeto dostali za ´ukol (selektivn´ıpozornost).

7 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı zda jsou tyto dvˇepamˇetioddˇelen´e.Dˇr´ıve byli vˇedcipˇresvˇedˇcen´ı, ˇzejsou oddˇelen´e,protoˇzepo poˇskozen´ıjedn´eˇc´astiz˚ust´av´adruh´avˇetˇsinouneporuˇsen´a. Do kr´atkodob´epamˇetise dost´avaj´ıinformace ze senzor˚unebo z dlouhodob´e pamˇeti,do dlouhodob´epamˇetipouze z t´ekr´atkodob´e.Kr´atkodob´epamˇetise nˇekdyˇr´ık´apracovn´ı,ukl´adaj´ıse do n´ıinformace, se kter´ymipr´avˇepracujeme. Je dok´az´ano,ˇzepoˇcetinformac´ıv kr´atkodob´epamˇetise pohybuje od 5 do 9, na rozd´ılod dlouhodob´epamˇeti,kter´am´anekoneˇcnoukapacitu. Nyn´ıje vˇedcizaˇc´ınaj´ıvn´ımatjako dvˇefunkce jednoho syst´emu, kter´yje v´ıcespojen s vn´ım´an´ım.Kr´atkodob´apamˇet’ pracuje s informacemi, kter´ym pr´avˇevˇenujeme pozornost. Pr´avˇekapacita a promˇenlivost kr´atkodob´epamˇeti nejv´ıceomezuje uˇzivatele v pr´acis uˇzivatelsk´ymrozhran´ım.Je nutn´em´ıt toto na vˇedom´ıa umoˇznituˇzivateli, aby si musel uchov´avat v kr´atkodob´epamˇeti co nejm´enˇe. I dlouhodob´apamˇet’ m´asv´aomezen´ı.Nelze z n´ıvyvolat jakoukoliv vzpo- m´ınku,mus´ıb´ytprov´az´anas nˇeˇc´ım,co vn´ım´ameted’. Nen´ıpˇresn´a,mnoho informac´ız n´ınen´ıpravdiv´ych, ale my jsme o tom pˇresvˇedˇceni,protoˇzetak si to pamatujeme. Ovlivˇnuj´ıji emoce, informace se sn´azzapamatuje, pokud je spojen´as nˇejakou emoc´ı,at’ uˇzdobrou nebo ˇspatnou. Z toho vypl´yv´a,ˇzesnadnˇejiuˇzivatel rozpozn´anˇecozn´am´eho,zat´ımcovzpo- m´ın´an´ıje sloˇzit´e.Vn´ım´an´ıproch´az´ıpˇresnaˇsesmysly a mozek, proto je roz- pozn´av´an´ı tak jednoduch´e,na rozd´ıl od vzpom´ın´an´ı, kter´epostr´ad´astejn´y vn´ıman´ypodnˇet.Pˇrenesenodo prostˇred´ı tvorby uˇzivatelsk´ehorozhran´ı, je v´yhodn´epouˇz´ıvat prvky, kter´euˇzivatel rozpozn´a,napˇr.obr´azkynebo ikonky. Programy na ploˇsepoˇc´ıtaˇceuˇzivatel sp´ıˇseidentifikuje podle ikony, neˇz-lipodle popisku.[15]

1.1.6 Persony Persony jsou modely uˇzivatel˚u, kter´eslouˇz´ık pochopen´ıvztah˚u mezi nimi, zjiˇstˇen´ı,co chtˇej´ıa v jak´emsoci´aln´ıma fyzick´empro- stˇred´ıˇzij´ı.Vyjadˇruj´ızp˚usobmyˇslen´ıuˇzivatel˚u,jejich vz´ajemnou komunikaci, zp˚usobpˇrem´yˇslen´ı,ˇcehochtˇej´ıdos´ahnouta proˇc.[10]

Nejsou to re´aln´ılid´e,pouze reprezentuj´ıspecifick´elidsk´ebytosti. Jsou in- spirov´any chov´an´ıma motivac´ıre´aln´ych osob, kter´ese ´uˇcastnilypr˚uzkumu a z pozorov´an´ı re´aln´ych lid´ı. Personu tedy lze definovat jako kombinovan´y archetyp zaloˇzen´yna vzorc´ıchchov´an´ı[10]. Person bychom mˇelivytv´aˇretco nejm´enˇe,ale mus´ı jich b´ytdostateˇcn´e mnoˇzstv´ık vyj´adˇren´ıjednotliv´ych vzor˚uchov´an´ıa pozorovan´ych c´ıl˚u.[16] Pˇrin´avrhu uˇzivatelsk´ehorozhran´ıpln´ıd˚uleˇzit´efunkce:

• Definuj´ıfunkce a chov´an´ıproduktu.

• Usnadˇnuj´ıkomunikaci mezi lidmi v t´ymu, udrˇzuj´ıdesign zamˇeˇren´yna u- ˇzivatele v kaˇzd´emkroku procesu.

8 1.1. Tvorba uˇzivatelsk´ych rozhran´ızamˇeˇren´ana c´ıleuˇzivatele

• Vytv´aˇrej´ı pˇr´ıvˇetiv´ydesign, slouˇz´ı k pochopen´ı chov´an´ı uˇzivatel˚upro- stˇrednictv´ımpˇredpokl´adan´ych lidsk´ych reakc´ı.

• Mˇeˇr´ıefektivitu produktu, na testov´an´ımohou b´ytpouˇzity persony m´ısto re´aln´ych uˇzivatel˚u.

• Vylepˇsuj´ımarketingov´ea obchodn´ıpl´any.

Vytvoˇren´ıproduktu, kter´yuspokoj´ıˇsirokou skupinu uˇzivatel˚uzn´ısice velmi slibnˇe,ale cel´atato logika je chybn´a.Nikdy nem˚uˇzemeuvaˇzovat potˇreby vˇsech naˇsich potencion´aln´ıch uˇzivatel˚u,pro uspokojen´ıvˇsech potˇrebstaˇc´ıvytvoˇrit uˇzivatelsk´erozhran´ıpro specifick´etypy uˇzivatel˚us urˇcit´ymipotˇrebami. Persony pˇredevˇs´ım vn´aˇsej´ıempatii do n´avrhu uˇzivatelsk´ehorozhran´ıa ce- l´ehov´yvoje pˇr´ınosemuˇzivatelsk´ych c´ıl˚u.Empatie je d˚uleˇzit´apˇrirozhodov´an´ı nad detaily zaloˇzen´ymina kognitivn´ıch a emotivn´ıch schopnostech uˇzivatel˚u, kter´erovnˇeˇzovlivˇnuj´ıjejich c´ıle. Castouˇ mylnou domnˇenkou je slouˇcen´ıkonceptu persony se stereotypem. Stereotyp je opakem dobˇrenavrˇzen´epersony, nelze je zamˇeˇnovat. Stereotypy jsou v´ysledkem pˇredsudk˚udesignera a v´yvoj´aˇr˚u,nemaj´ı koˇreny v re´aln´ych datech. Persony by mˇelyb´yttypick´ea uvˇeˇriteln´e, avˇsakne stereotypn´ı. Persony maj´ıdefinovan´echov´an´ı,kter´eje ovlivˇnov´anojejich c´ıli.C´ılenut´ı lidi dˇelatto, co dˇelaj´ı.Skrze c´ıleby mˇeldesigner nahl´ıˇzetna funkce produktu. Nikdo nedok´aˇzepravdivˇea pˇresnˇeodpovˇedˇetna ot´azku,co jsou jeho c´ıle, nelze se lid´ı pt´atpˇr´ımo. (Celkovˇemaj´ı lid´eprobl´emodpov´ıdat na ot´azky o nich a o tom, co si mysl´ı.)Proto je nejednoduˇsˇs´ıodpozorovat jejich chov´an´ı a naj´ıtodpovˇedina ot´azkyt´ımto zp˚usobem. Rozliˇsujemenˇekolik typ˚uperson:

• Prim´arn´ıpersona je ta nejd˚uleˇzitˇejˇs´ı,na kterou je tˇrebase pˇrin´avrhu uˇzivatelsk´ehorozhran´ızamˇeˇrit.Kaˇzd´yprodukt by mˇelm´ıtpouze jednu prim´arn´ıpersonu. C´ıleostatn´ıch person by pak mˇelyb´ytporovn´av´any s c´ıli prim´arn´ı persony. Pokud nedok´aˇzemestanovit jedinou prim´arn´ı personu, m˚uˇzemem´ıtprim´arn´ıch person nˇekolik, ale je nutn´em´ıtpro kaˇz- dou jasnˇespecifikovan´ejin´euˇzivatelsk´erozhran´ı.

• Sekund´arn´ıpersona je z vˇetˇsiny spokojen´as rozhran´ım pro prim´arn´ıper- sonu. Nemˇeloby jich b´ytv´ıceneˇzˇctyˇri.Uˇzivatelsk´erozhran´ıby se mˇelo navrhovat nejdˇr´ıvpro prim´arn´ıpersonu a pak upravovat pro sekund´arn´ı.

• Potˇreby doplˇnkov´epersony jsou reprezentov´any kombinac´ıprim´arn´ıch a sekund´arn´ıch person. Jsou vˇzdyspokojen´es uˇzivatelsk´ymrozhran´ım pro prim´arn´ıpersonu.

• Z´akaznick´apersona specifikuje potˇreby z´akazn´ık˚u,ne koneˇcn´ych uˇziva- tel˚u.Je povaˇzov´anaza sekund´arn´ıpersonu.

9 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı • Slouˇz´ıc´ıpersona nen´ıpˇr´ım´yuˇzivatel produktu, ale je to osoba j´ımovliv- nˇen´a.Interakce uˇzivatele s produktem ovlivˇnujeje na rozd´ılod uˇzivatele (napˇr.pokud je doktor povaˇzov´anza uˇzivatele, kter´yprov´ad´ıvyˇsetˇren´ı s nˇejak´ymzaˇr´ızen´ım,jeho pacient je slouˇz´ıc´ıpersona).

• Negativn´ıpersona je uˇzivatel, kter´emu nen´ıprodukt urˇcen.[10]

1.2 Interakˇcn´ıdesign

Interakˇcn´ımdesignem rozum´ıme navrhov´an´ıinteraktivn´ıchprodukt˚u,kter´ebu- dou pro lidi pˇr´ınosn´ev jejich ˇzivotech[17]. Jde pˇredevˇs´ımo vytvoˇren´ıuˇziva- telsk´ehoproˇzitku(v orig. user experience), kter´ypozvedne a rozˇs´ıˇr´ızp˚usob, jak´ymlid´epracuj´ı,komunikuj´ıa interaguj´ı.To znamen´ajednoduch´yna uˇcen´ı, efektivn´ıpˇripouˇz´ıv´an´ıa poutav´y,aby uˇzivatele zaujal. D´alemus´ıb´ytbezpeˇcn´y, uˇziteˇcn´ya zapamatovateln´y.Z´aleˇz´ıpˇredevˇs´ımna lidech, kteˇr´ıbudou produkt vyuˇz´ıvat a kde, d´alena druhu aktivity, jak budou s produktem interagovat. V tomto v´yznamu jde o hled´an´ızp˚usob˚u,jak nejv´ıceuˇzivatele podpoˇrit. To kontrastuje se softwarov´yminˇzen´yrstv´ım,kter´ese soustˇred´ına tvorbu soft- waru pro danou aplikaci. Proces interakˇcn´ıhodesignu zahrnuje ˇctyˇriz´akladn´ıaktivity:

• zjiˇstˇen´ıpotˇreba urˇcen´ıpoˇzadavk˚u,

• vytvoˇren´ıalternativn´ıch design˚u,kter´evyhovuj´ıtˇemto poˇzadavk˚um,

• vybudov´an´ıinteraktivn´ıch verz´ıdesignu, aby mohly b´ytokomentov´any a zhodnoceny,

• stanoven´ı,co se vytvoˇrilov pr˚ubˇehu tohoto procesu.

V z´avislostina tˇechto ˇctyˇrech aktivit´ach definujeme tˇrikl´ıˇcov´echarakte- ristiky procesu interakˇcn´ıhodesignu:

• Uˇzivatel´eby mˇelib´ytzahrnuti do v´yvoje projektu.

• Mˇelyby se zjistit a zdokumentovat c´ıle pouˇzitelnostia uˇzivatelsk´eho proˇzitkujeˇstˇepˇredzaˇc´atkem projektu.

• Iterace mezi ˇctyˇrmiaktivitami je nevyhnuteln´a[17]5.

Sc´en´aˇrea pˇr´ıpady uˇzit´ı jsou metody pro popis interakce se syst´emem. C´ılovˇeorientovan´esc´en´aˇrejsou iterativn´ıpopisy chov´an´ıproduktu s personou, pˇr´ıpadyuˇzit´ızase popisuj´ıpoˇzadovan´esyst´emov´efunkcionality. Nejdˇr´ıve je tˇrebastanovit pˇr´ıpadyuˇzit´ıa aˇzpotom zaˇc´ıtpˇrem´yˇsletnad t´ım,jak se co bude dˇelat.Na zaˇc´atkun´avrhu n´amautoˇripublikace About face[10] dokonce

5Pˇrevzatoz m´ebakal´aˇrsk´epr´ace[18].

10 1.2. Interakˇcn´ıdesign rad´ı,abychom pˇredst´ırali,ˇze je cel´erozhran´ıkouzeln´e“. Nemˇelibychom tolik ” pˇrem´yˇsletnad detaily a respektovat ment´aln´ımodel syst´emu. Vzory interakˇcn´ıhodesignu slouˇz´ıpro zjednoduˇsen´ıpr´acena n´avrhu uˇziva- telsk´ehorozhran´ı,pom´ahaj´ıke zlepˇsen´ıjeho kvality, zjednoduˇsen´ıkomunikace s v´yvoj´aˇria jako uˇcebn´ıpom˚ucka pro designery. Jsou kontextovˇespecifick´e, aplikovateln´ev urˇcit´ych situac´ıch se stejn´ymkontextem a podm´ınkami.Vzory by mˇelyb´ytuspoˇr´ad´any ve stylu knihovny, dohledateln´epodle term´ın˚u.Nedaj´ı se pˇr´ımopouˇz´ıtjako ˇc´astirozhran´ı,v kaˇzd´eimplementaci by se mˇelyliˇsit. Rozliˇsujemetˇridruhy vzor˚uinterakˇcn´ıhodesignu:

• Pˇr´ıstupov´y- vzhled a chov´an´ıproduktu je z´avisl´ena uˇzivateli,

• struktur´aln´ı- ˇreˇs´ıprobl´emy t´ykaj´ıc´ıse uspoˇr´ad´an´ıinformac´ıa funkˇcn´ıch element˚u,

• behavior´aln´ı - probl´emy ve specifick´ych interakc´ıch s funkˇcn´ımi nebo datov´ymielementy.[10]

1.2.1 Osm zlat´ych pravidel interakˇcn´ıhodesignu Ben Shneiderman popsal ve sv´eknize[19] osm princip˚u, kter´ejsou aplikova- teln´ena vˇetˇsinu interaktivn´ıch syst´em˚u.S´amuzn´av´a,ˇzeˇz´adn´ytakov´yseznam nem˚uˇzeb´ytkompletn´ıa tato pravidla nelze br´atdoslovnˇe.Kaˇzd´yby je mˇel poupravit a rozˇs´ıˇritpodle konkr´etn´ısituace.

• Konzistence. Pravidlo, kter´eje nejˇcastˇejiporuˇsov´ano,aˇckoliv jej nen´ı jednoduch´edodrˇzetve vˇsech smˇerech. Pravidlo by mˇelo b´ytvyuˇzito pˇristejn´ych akc´ıch, podobnˇeby mˇelab´ytdodrˇzenatak´ekonzistentn´ı terminologie. Samozˇrejmˇekonzistence nemus´ıb´ytvnucov´ana,pokud se do syst´emu nehod´ı,nemˇelaby vˇsakb´ytporuˇsov´anave velk´em´ıˇre.

• Vˇsestrann´a pouˇzitelnost. Na z´akladˇepotˇrebr˚uzn´ych skupin uˇzivatel˚u vytv´aˇretuniverz´aln´ıdesign, kter´ym˚uˇze b´ytpˇrizp˚usoben kaˇzd´eskupinˇe zvl´aˇst’. Syst´emby mˇelobsahovat n´apovˇedu pro zaˇc´ateˇcn´ıky, jakoˇzi do- dateˇcn´efunkce pro experty.

• Zpˇetn´a vazba by mˇelab´ytposkytnuta pro kaˇzdouakci uˇzivatele. U ˇcas- t´ych akc´ıch by mˇelab´ytv menˇs´ım´ıˇre,naopak u neobvykl´ych akc´ıby mˇelab´ytpops´anadopodrobna.

• Uzavˇren´a struktura. Sekvence akc´ıby mˇelyb´ytuskupeny do mnoˇzin s dan´ymzaˇc´atkem a koncem. Mˇelyby b´ytdoplnˇeny informativn´ızpˇetnou vazbou, aby uˇzivatel v kaˇzd´echv´ılivˇedˇel,v jak´ef´azise pr´avˇenach´az´ı.

• Prevence chyb. Pˇredch´azetchyb´amv takov´em´ıˇre,aby se uˇzivatel vyvaroval vˇsech z´avaˇzn´ych chyb. Pokud by k n´ıpˇrecejen doˇslo,syst´em

11 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı by mˇeluˇzivateli poskytnout zpˇetnouvazbu s popisem, co je ˇspatnˇea jak m´ad´alepostupovat.

• Moˇznost vr´atit se zpˇet by mˇelab´ytvˇsude, kde je to moˇzn´e.Uˇzivatel pak nem´azbyteˇcn´eobavy, ˇzeudˇel´achybu, kterou uˇznep˚ujde vr´atitzpˇet.

• Pˇredv´ıdatelnost. Uˇzivatel chce plnˇeovl´adatsyst´ema chce, aby reago- val na akce pˇresnˇetak, jak si s´ampˇreje.Pˇrekvapiv´ereakce syst´emu ho vyvedou z m´ırya on tak ztr´ac´ısebevˇedom´ıv pr´acise syst´emem.

• Kr´atkodob´a pamˇet’ uˇzivatele by nemˇelab´ytpˇr´ıliˇszatˇeˇzov´ana.M´a omezenou kapacitu a nut´ıuˇzivatele b´ytst´aleve stˇrehu. Staˇc´ıpouh´ezob- razen´ıpˇrehleduo pr´avˇeprov´adˇen´eakci, kde nevyˇzadujemeuˇzivatelovu pamˇet’.

1.2.2 Tˇripil´ıˇredesignu Tˇripil´ıˇrepopsan´eBenem Shneidermanem[19] pom´ahaj´ı z dobr´ych n´apad˚u utv´aˇretdobr´aa ´uspˇeˇsn´auˇzivatelsk´arozhran´ı. Prvn´ı pil´ıˇr,zaloˇzen´yna te- ori´ıch a modelech, tvoˇr´ıdoporuˇcen´epostupy pro pouˇzit´ıikon, grafiky, rozloˇzen´ı na obrazovce, pr´acis vstupn´ımia v´ystupn´ımizaˇr´ızen´ımi,sekvence akc´ıa n´a- povˇedu.Druh´ypil´ıˇr,poloˇzen´yna algoritmech a prototypech, spojuje vˇsechny v´yvojov´en´astroje pro tvorbu uˇzivatelsk´ych rozhran´ı.Tˇret´ıpil´ıˇrzahrnuje vˇse t´ykaj´ıc´ıse uˇzivatel˚uod poˇc´ateˇcn´ıhov´yzkumu aˇzk uˇzivatelsk´emu testov´an´ı.

1.2.3 Grafick´auˇzivatelsk´arozhran´ı Prvn´ıgrafick´auˇzivatelsk´arozhran´ımaj´ıkoˇreny uˇzpˇredv´ıce neˇzpades´atilety. Prim´arn´ıinterakc´ıje v nich pˇr´ım´amanipulace, kter´aje zaloˇzenana vizu´aln´ı reprezentaci objekt˚u.O vˇetˇsinˇetakov´ych uˇzivatelsk´ych rozhran´ım˚uˇzeme tedy ˇr´ıci,ˇzejsou objektovˇeorientov´ana,na rozd´ılod funkˇcnˇeorientovan´ych roz- hran´ı,kde je interakc´ıdosaˇzen´ınˇejak´ehoc´ılepostupem jednotliv´ych krok˚u. Objektovˇeorientovan´arozhran´ıjsou pro uˇzivatele zaˇc´ateˇcn´ıkyv´yraznˇesnad- nˇejˇs´ına pouˇz´ıv´an´ı,protoˇzesplˇnuj´ıv´ıcecharakteristik pouˇzitelnosti. Ikony a dalˇs´ı prvky grafick´ych uˇzivatelsk´ych rozhran´ı se ˇclen´ı do tˇrech kategori´ı:sign´aly, znaky a symboly. Konkr´etnˇeikony rozliˇsujeme na podob- nostn´ı(sv´ymvzhledem odpov´ıdaj´ınˇejak´emu objektu, napˇr.ob´alkareprezen- tuj´ıc´ı poˇstu),referenˇcn´ı (koncept ikony je zaloˇzenv souvislosti s nˇejak´ym pˇredmˇetem,napˇr.svorka pro komprimaci) a libovoln´e(ikona dost´av´avzhled podle objektu, kter´ym´apodobn´yv´yznam,napˇr.dopravn´ıkuˇzela ikona v´ys- trahy). [12]

1.2.3.1 Mezin´arodn´ı uˇzivatelsk´a rozhran´ı Aˇckoliv m˚uˇzemevytvoˇritmnoho jazykov´ych variant, ne ve vˇsech zem´ıch jsou ikony a barvy vn´ım´any stejnˇe.Nielsen[12] uv´ad´ıpˇr´ıklad na poˇstovn´ıschr´ance,

12 1.3. Vizu´aln´ıdesign kter´ase v r˚uzn´ych zem´ıch svˇeta liˇs´ınebo na symbolu prvn´ıpomoci. Nejvˇetˇs´ı pot´ıˇzep˚usob´ılibovoln´eikony, kter´ejsou nˇekdekonvenc´ı,ale jinde ned´avaj´ı smysl. I z´akladn´ıprvek jako je kˇr´ıˇzekm˚uˇzeuˇzivatele m´ast, protoˇzejej nˇekdo ch´ape jako nˇeconechtˇen´ea nˇekdozase jako v´ybˇer.Pˇripˇrekladum˚uˇzena- stat probl´ems rozd´ıln´ymid´elkamislov, ˇc´ımˇzm˚uˇzeb´ytuˇzivatelsk´erozhran´ı naruˇseno.[12]

1.3 Vizu´aln´ıdesign

Vizu´aln´ıvzhled rozhran´ıje zaloˇzenna ´upravˇea um´ıstˇen´ıvizu´aln´ıch element˚u k propojen´ıs informacemi. Kaˇzd´ytakov´yelement m´adan´evlastnosti jako je tvar, velikost, barva, orientace, textura a pozice. Pomoc´ıtˇechto vlastnost´ıpak uˇzivatel usuzuje podobnost objekt˚ua jejich v´yznam. Vizu´aln´ırozhran´ıby mˇela: • uv´adˇetuˇzivatele do struktury cel´ehosyst´emu,

• umoˇznitmu snadn´ypr˚uchod v kaˇzd´e´urovni aplikaˇcn´ıstruktury,

• signalizovat, co m˚uˇzeuˇzivatel na obrazovce dˇelat,

• poskytovat zpˇetnouvazbu na kaˇzdouakci uˇzivatele,

• pˇriv´adˇetpozornost na d˚uleˇzit´eakce,

• zachov´avat konzistenci,

• vytv´aˇretproˇzitek(experience),

• minimalizovat a zjednoduˇsovat pr´aci.[10]

1.3.1 Vlastnosti element˚uvizu´aln´ıhodesignu 1.3.1.1 Tvar Tvar je z´akladn´ıvlastnost, podle kter´eurˇc´ıme,o jak´yobjekt se jedn´a.Ob- jekty jsou tvoˇreny v´ypln´ıa obrysem, nejsnadnˇejise tvar rozezn´apr´avˇepodle obrysu objektu. Je snazˇs´ırozliˇsitobjekty, kter´ese liˇs´ısvou barvou nebo veli- kost´ı,na rozd´ılod tvaru, na kter´yse mus´ımev´ıcesoustˇredit,abychom dok´azali specifikovat, zda jsou objekty rozd´ıln´e.Nehod´ıse proto pro odliˇsen´ıv´ıceob- jekt˚u.[10]

1.3.1.2 Velikost Velikost je ˇradov´apromˇenn´a,jednotliv´e objekty lze podle t´eto promˇenn´e mezi sebou porovn´avat a ˇraditje. Je logick´e,ˇzeˇc´ımje objekt vˇetˇs´ı,t´ım v´ıce pout´anaˇsipozornost, t´ımsp´ıˇs,pokud je obklopen objekty podstatnˇemenˇs´ımi. Snadno tak pom´ah´ak vytvoˇren´ıvnitˇrn´ıhierarchie.[10]

13 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı 1.3.1.3 Barva

Pouˇzit´ı barev vn´aˇs´ı do informac´ı novou dimenzi. Kaˇzd´abarva m´anˇejak´y sv˚ujv´yznam,vyvol´av´ajin´epocity. Pom´ahaj´ı v orientaci, pochopen´ı struk- tury a urˇcen´ırozd´ıl˚u.Frank Thissen[14] doporuˇcujepouˇz´ıvat 2 nebo 3 r˚uzn´e barvy, kter´ek sobˇelad´ı.Pokud je pouˇzitov´ıcebarev nebo se k sobˇenehod´ı, uˇzivatele to mate a vede k menˇs´ımu pochopen´ı.V prostoru HLS je vn´ım´an´ı barvy urˇcenoodst´ınem(hue), svˇetlost´ı(lightness) a sytost´ı(saturation). C´ımˇ v´ıce je barva syt´a,t´ım m´avˇetˇs´ı efekt. Barevn´yprostor RGB tvoˇr´ı barvy sluˇcov´an´ımtˇr´ıpaprsk˚u.Kaˇzd´abarva je tedy kombinac´ıtˇr´ız´akladn´ıch barev - ˇcerven´e(red), zelen´e(green) a modr´e(blue). Pˇresn´apodoba barvy z´avis´ı na parametrech zaˇr´ızen´ı(napˇr.monitoru), kter´ebarvu zobrazuje. Tepl´eodst´ıny barev jsou v´yraznˇejˇs´ı,neˇzty studen´e. Cerven´abarvaˇ je ze vˇsech barev nejdominantnˇejˇs´ı,je spojov´anas ohnˇem a s krv´ı,ale tak´es l´askou. Vyjadˇrujeenergii, dynamiku, s´ılu,touhu, nebezpeˇc´ı,varov´an´ıa nen´avist.Pou- ˇz´ıv´ase tedy pˇredevˇs´ımpro signalizaci chyby a zv´yraznˇen´ıpodstatn´ych infor- mac´ı.Oranˇzov´abarva je velmi ˇziv´aa vesel´a,signalizuje bezpeˇc´ıa uspoˇr´ad´an´ı. Podobnˇejako ˇcerven´avyjadˇrujeenergii, pozornost, varov´an´ıa z´abavu. Zlut´aˇ je barva l´etaa pohodl´ı,spojov´anase zlatem m˚uˇzeznaˇciti blahobyt. Znaˇc´ı svˇetlo,slunce, ˇzivot, pˇr´atelstv´ı,ˇstˇest´ıa hodnotu, ale i z´avist,zlost, zbabˇelost, lˇzia egoismus. Mezi studen´ebarvy se ˇrad´ıpˇredevˇs´ımzelen´aa modr´a.Zelen´aje barva pˇr´ırody, ˇcistoty a ˇzivota. Znaˇc´ım´ır,ticho, vyrovnanost, klid, bezpeˇc´ı,nadˇeji, ale tak´ejed a kyselost. Modr´aje barva oblohy, ve spojen´ıs teplou barvou m´a v´yraznouintenzitu. Mezi lidmi je to nejobl´ıbenˇejˇs´ıbarva, je povaˇzov´anaza muˇzskou barvu, proto je spojov´anaˇcastose sporty, ale i s logikou a techno- logi´ı.Je to klidn´abarva, kter´apˇrin´aˇs´ıharmonii, intuici, hloubku, nesmrtel- nost, d˚uvˇeru,v´ıru,pˇr´atelstv´ıa sympatii. Fialov´abarva se nach´az´ıspoleˇcnˇe s r˚uˇzovou na pomez´ıtepl´ych a studen´ych barev. Fialov´aje barva s´ıly, domi- nance, nostalgie, magie a originality. R˚uˇzov´aje naopak povaˇzov´anaza dˇetskou barvu, je nˇeˇzn´aa jemn´a,obl´ıben´apˇredevˇs´ımmezi mlad´ymid´ıvkami.Hnˇed´a je nejm´enˇeobl´ıben´abarva, je jednoduch´a,nudn´aa zastaral´a. Cern´abarvaˇ signalizuje noc, s´ılu,eleganci, zlo a smrt. Sed´ajeˇ neutr´aln´ıbarva, je elegantn´ı, ale nudn´aa necitliv´a.B´ıl´aje barva ˇcistoty, jasnosti a objektivity.[14]

1.3.1.4 Typografie

V´ybˇeremfontu urˇcujeme,jakou m´atext povahu, jak´ymhlasem by mˇelb´yt text ˇcten.M˚uˇzeb´ythlasit´ynebo jemn´y,pˇr´atelsk´ynebo form´aln´ı,modern´ı nebo starom´odn´ı.Velmi ovlivˇnujeˇcitelnosttextu, font i velikost textu mus´ı b´ytpˇrizp˚usobeny zaˇr´ızen´ı,ze kter´ehobude text ˇcten.[14]

14 1.3. Vizu´aln´ıdesign

1.3.2 Konzistence a standardy Dodrˇz´ıme-listejn´yvzhled, dojem a chov´an´ıve vˇsech ˇc´astech syst´emu, pˇr´ıpadnˇe i podle vˇsech obdobn´ych syst´em˚u,m˚uˇzemeo nˇemtvrdit, ˇzeje konzistentn´ı. Konzistence napˇr´ıˇcvˇsemiprodukty jedn´espoleˇcnostizvyˇsujenejen schop- nost uˇzivatel˚unauˇcitse pracovat s nov´ymrozhran´ıma jejich produktivitu, ale i zjednoduˇsuje pr´acispoleˇcnostisamotn´e.Uˇzivatel´esnadno urˇc´ıchov´an´ı aplikace na z´akladˇejejich zkuˇsenost´ıs jin´ymiˇc´astmiaplikace nebo s jin´ymi aplikacemi podobn´epovahy. T´ımse sniˇzujeˇcetnosthovor˚una technickou pod- poru, n´aklady na zauˇcen´ınov´ych z´akazn´ık˚u,ale i pr´ace v´yvoj´aˇr˚u,kteˇr´ımohou vyuˇz´ıvat znalosti z v´yvoje jiˇzfunguj´ıc´ıch ´uspˇeˇsn´ych produkt˚u.Dobr´estan- dardy tedy sniˇzuj´ın´akladya zvyˇsuj´ımoˇznostznovuvyuˇzit´ıdesignu a imple- mentace. Z´aklademje, aby v´ysledn´yprodukt, kter´ydodrˇzujeurˇcit´ystandard, byl aspoˇntak dobr´yjako samotn´ystandard. Nesm´ıme pˇredpokl´adat,ˇzed´ıky dobr´emu standardu nebudeme muset ˇreˇsitˇz´adn´eprobl´emy a ˇzena to nebu- deme muset vynaloˇzit tolik pr´ace,jako kdybychom podle standardu nepostu- povali. Standard uˇzivatelsk´ehorozhran´ızd˚urazˇnujevzhled a dojem z rozhran´ı, ale kontext pouˇzit´ıse m˚uˇze v kaˇzd´empˇr´ıpadˇeliˇsit. Tak jako se technologie vyv´ıjej´ıkaˇzd´ymdnem, mus´ıdoch´azeti k v´yvoji standard˚u.Podobnˇese mˇen´ıi uˇzivatelsk´ec´ıle,jejichˇzzmˇeny je nutn´erespek- tovat. Standardy uˇzivatelsk´ych rozhran´ım˚uˇzemebr´atjako detailn´ıpostupy ˇcipravidla, u kter´ych mus´ımev prvn´ıˇradˇebr´atohled na potˇreby uˇzivatel˚u, podle kter´ych vhodnˇezvol´ımeinterakˇcn´ımodel.[10]

1.3.2.1 Designov´e prvky Vˇsechny prvky, jako jsou tvary, barvy, typografie a jejich pouˇzit´ı, m˚uˇzeme ch´apatjako tzv. jazyk designu. Vytv´aˇr´ıvzory, kter´elid´edok´aˇz´ırozpoznat, pochopit a ide´alnˇespojit s nˇeˇc´ımpozitivn´ım(napˇr.znaˇckaproduktu). Nˇekdy se m˚uˇzejevit jako n´aˇreˇc´ı,coˇzm˚uˇzeb´ytpozitivum u zn´am´eznaˇcky a nega- tivum u znaˇckynezn´am´e.V nejlepˇs´ımpˇr´ıpadˇevznikne jazyk designu bˇehem vytv´aˇren´ıdesignu produktu se zamˇeˇren´ımna uˇzivatele. D´aleho lze vyuˇz´ıtjako standard, pokud je navrˇzen´yspr´avnˇe,stejnˇejako kaˇzd´ystandard nem˚uˇzeb´yt jazykem designu.[10]

1.3.3 Principy designu u embedovan´ych dotykov´ych zaˇr´ızen´ı Na rozd´ılod poˇc´ıtaˇc˚u,tablet˚ua mobiln´ıch telefon˚umaj´ıembedovan´azaˇr´ızen´ı6 pˇresnˇedan´erozmˇerya parametry. Kaˇzd´etakov´ezaˇr´ızen´ıje sv´ymzp˚usobem jedineˇcn´e,jeho uˇzivatelsk´erozhran´ınen´ıpouˇziteln´epro ˇz´adn´ajin´azaˇr´ızen´ı. Autoˇripublikace About face[10] definovali n´asleduj´ıc´ıch sedm pravidel:

• Embedovan´ezaˇr´ızen´ınen´ıpoˇc´ıtaˇc.

6Embedovan´ezaˇr´ızen´ıje fyzick´ezaˇr´ızen´ıs integrovan´ymsyst´emem.

15 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı • Propojen´ısoftwaru a hardwaru.

• Design z´avisl´yna kontextu.

• Vyvarovat se m´od˚unebo je alespoˇnomezit.

• Vyuˇz´ıvat prostor na obrazovce uv´aˇzlivˇe,je lepˇs´ırozdˇelitobsah na v´ıce obrazovek, neˇzaby byla jedna nepˇrehledn´a.

• Spr´avnˇezvolen´ainformaˇcn´ıarchitektura, z kter´evypl´yv´asnadno pocho- piteln´ahierarchie informac´ı.

• Minimalizace textov´ehovstupu uˇzivatele.

Pˇrin´avrhu bychom se mˇelisoustˇreditna to, jak bude zaˇr´ızen´ımmanipu- lov´ano,jestli bude pˇremist’ov´anonebo se bude nach´azetna jednom m´ıstˇe.Mˇelo by se vˇcasnˇerozhodnout, zda se bude zaˇr´ızen´ıpouˇz´ıvat jednou nebo obˇema rukami. Nen´ıprobl´em,pokud je zaˇr´ızen´ıprim´arnˇeurˇcenopro pouˇzit´ıs jednou rukou a n´aroˇcnˇejˇs´ıfunkce jsou dostupn´epˇripouˇzit´ıdruh´eruky, pokud nejsou pouˇz´ıv´any ˇcasto.Tak´eje nutn´enepˇretˇeˇzovat uˇzivatele v´ıcevyskakovac´ımiokny na sobˇe.

1.4 Lidsk´emyˇslen´ıv pr´acis poˇc´ıtaˇcem

Myˇslen´ı lid´ı, kteˇr´ı s uˇzivatelsk´ymrozhran´ım pracuj´ı a kteˇr´ı ho navrhuj´ı se znaˇcnˇeliˇs´ı.Aˇckoliv se n´avrh´aˇrisnaˇz´ıvˇz´ıtse co nejv´ıcedo pozic budouc´ıch uˇzivatel˚u,pˇrem´yˇsl´ı pˇr´ıliˇslogicky, zat´ımcouˇzivatel´ese ˇr´ıd´ı pˇrev´aˇznˇepocity. Tyto pocity ale m˚uˇzem´ıtkaˇzd´yuˇzivatel jin´e,proto nen´ıspr´avn´e,aby uvaˇzoval pocitovˇei n´avrh´aˇruˇzivatelsk´ehorozhran´ı.Pro technicky vzdˇelan´ehoˇclovˇeka je to nepˇrirozen´ea nem˚uˇzese naprosto odpoutat od logiky a zn´am´ych mecha- nism˚u.Mˇelby ale pˇrijmoutlidsk´echov´an´ıtak jak je a nepˇredstavovat si, jak´e by b´ytmˇelo.Vˇsechny lidsk´epot´ıˇzes technikou zp˚usobujetechnika, nikdy ne lid´e.Maj´ıpak sklony vinit z nezdaru sami sebe, ˇzejsou mechanicky a tech- nicky neschopn´ı,pˇritomto nen´ıjejich vina. Cel´atato sekce vych´az´ıpˇredevˇs´ım z myˇslenek Donalda Normana[1].

1.4.1 Design zamˇeˇren´yna ˇclovˇeka V dneˇsn´ım modern´ımsvˇetˇejsou lid´est´alenuceni pracovat s modern´ıtech- nikou, jsou j´ıobklopeni a nemohou j´ıuniknout. Na jednu stranu jim zjed- noduˇsujeˇzivot, pom´ah´ajim v kaˇzdodenn´ıch ˇcinnostech, zlepˇsujevz´ajemnou komunikaci a urychluje pr´aci.Kaˇzd´yden vznikaj´ınov´etechnologie, nov´eapli- kace a nov´emetody interakce. Bohuˇzelne vˇsechny produkty se pouˇc´ız chyb sv´ych pˇredch˚udc˚ua vznikaj´ı uˇzivatelsk´arozhran´ı s nedotaˇzen´ymdesignem a bez komplexn´ıho uˇzivatelsk´ehotestov´an´ı. Lid´ese pak ˇcastodˇes´ı nov´ych

16 1.4. Lidsk´emyˇslen´ıv pr´acis poˇc´ıtaˇcem vˇec´ı,chtˇej´ız˚ustatu zaˇr´ızen´ı,se kter´ymiuˇzum´ıpracovat, protoˇzeuˇcen´ıpr´ace s nov´ymiprodukty je stoj´ımnoho ´usil´ıa trpˇelivosti. Snadn´ymˇreˇsen´ımtˇechto probl´em˚um˚uˇzeb´ytdesign zamˇeˇren´yna ˇclovˇeka, zkr´acenˇeHCD7. Jedn´ase o snahu upˇrednostnitlidsk´epotˇreby, schopnosti a chov´an´ı,aby uˇzivatelsk´erozhran´ıco nejv´ıcevyhovovalo lidem z naˇs´ıc´ılov´e skupiny. Prvn´ımikroky pˇrin´avrhu rozhran´ımus´ıb´ytpochopen´ıpsychologie a technologie. HCD se d´apovaˇzovat za filozofii s mnoˇzinouprocedur, kter´a vn´aˇs´ıdo procesu n´avrhu designu ´uvahy nad lidsk´ymipotˇrebami.

1.4.1.1 Dobry´ design Pˇrinavrhov´an´ıuˇzivatelsk´ych rozhran´ıpro uˇzivatele je nejtˇeˇzˇs´ız˚ustatobjek- tivn´ı,protoˇzem´ametendenci navrhovat to, co chceme my, a ne uˇzivatel´e.De- signer ˇcastonev´ı,co je nejlepˇs´ıpro uˇzivatele, protoˇzese nedok´aˇze vˇz´ıtdo jeho k˚uˇze,proto je tak d˚uleˇzit´euˇzivatelsk´etestov´an´ı. Dobr´ydesign nepozn´ame na prvn´ıpohled, nˇecosice dobˇrevypad´a,ale je to nepouˇziteln´e. Spatn´ehode-ˇ signu si vˇsimnemeihned, zat´ımcodobr´ydesign nen´ıv podstatˇevidˇet,pˇrestoˇze v n´asvyvol´av´aemoce. Pˇripad´an´amzn´am´y,pˇripom´ın´ato, na co jsme zvykl´ı. Nˇemeck´ydesigner Dieter Rams definoval principy dobr´eho designu, mˇelby b´yt inovativn´ı,pouˇziteln´y,minimalistick´y,pochopiteln´y,cenn´y,bezpeˇcn´y,dlou- hotrvaj´ıc´ı,estetick´y,neruˇsiv´y,upˇr´ımn´ya d˚ukladn´y[20].

1.4.2 Z´akladn´ıprincipy interakce Dobˇr´ın´avrh´aˇriuˇzivatelsk´ych rozhran´ıvytv´aˇrej´ılidem pˇripr´acis produktem pˇr´ıjemn´eproˇzitky. Proˇzitekje d˚uleˇzit´yfaktor pˇrihodnocen´ıuˇzivatelsk´ehoroz- hran´ı,urˇcuje, jak r´adi lid´evzpom´ınaj´ına pr´acis produktem. Program´atoˇri toto slovo nemaj´ımoc v l´asce,protoˇzeje pro nˇepˇr´ıliˇssubjektivn´ıa nepˇrikl´adaj´ı mu ˇz´adn´yv´yznam.Kdyˇzlid´einteraguj´ıs produktem, mus´ınejdˇr´ıvpˇrij´ıtna to, k ˇcemu slouˇz´ı,jak funguje a jak´eoperace m˚uˇzev danou chv´ıliprov´est.Vˇsechny tyto f´azevytv´aˇrej´ıuˇzivatelsk´yproˇzitek.

1.4.3 Ment´aln´ımodely Vˇetˇsina lid´ı nev´ı, jak vˇsechna zaˇr´ızen´ı ve skuteˇcnosti funguj´ı, vytv´aˇrej´ı si ment´aln´ı modely nejen vˇseho, s ˇc´ım pracuj´ı, ale tak´esebe a sv´ehookol´ı. Vytv´aˇr´ıje pˇressv´ezkuˇsenosti,postupu pˇripr´acia pˇressamotn´epocity z pr´ace se zaˇr´ızen´ım. D´ıky nim z´ıskaj´ı jasn´ypostup k dosaˇzen´ı sv´ehoc´ıle a pocit ch´ap´an´ıcel´ehosvˇeta.Jeˇstˇepˇredzaˇc´atkem interakce se zaˇr´ızen´ımm˚uˇzeuˇzivatel urˇcit,jak produkt vypad´a,co mu pˇripom´ın´aa jestli je zde nˇejak´aspojitost s jin´ymzaˇr´ızen´ım, se kter´ymdˇr´ıve pracoval. Pom˚uˇzetak´e,co je naps´ano v pˇr´ıbalov´emlet´akunebo n´avodu, co obsahuje reklama na produkt a co si uˇzivatel pˇreˇcetlna internetu. Vˇsechny tyto informace spoleˇcnˇevytv´aˇrej´ıobraz

7Z origin´aluHuman-Centered Design, design zamˇeˇren´yna ˇclovˇeka.

17 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı syst´emu. N´avrh´aˇrinemohou pˇr´ımokomunikovat s uˇzivateli, proto veˇskerou komunikaci sprostˇredkov´av´apr´avˇeobraz syst´emu. Koncepˇcn´ı model je jednoduch´e vysvˇetlen´ı, jak dan´e zaˇr´ızen´ı fun- guje. Uˇzivatel si jej vytv´aˇr´ı skrze uˇzivatelsk´e rozhran´ı. Pro jeho lepˇs´ı pˇredstavu pom´ahaj´ı obr´azky, ikonky a logick´astruktura aplikace. N´avrh´aˇr pˇredpokl´ad´a, ˇze se koncepˇcn´ı modely jeho a uˇzivatele liˇsitnebudou, ale liˇs´ıse pr´avˇekv˚ulinemoˇzn´epˇr´ım´ekomunikaci mezi nimi (obr´azek 1.1). Nez´aleˇz´ı, jak´e m´a produkt skvˇel´e funkce, kdyˇzho lid´enedok´aˇzoupouˇz´ıvat. N´avrh´aˇrmus´ı navrhnout produkt tak, aby byl stejnˇe tak pouˇziteln´y jako Obr´azek 1.1: Vztah mezi kon- pochopiteln´y. Lepˇs´ıho pochopen´ı lze cepˇcn´ımi modely designera, dos´ahnoutlepˇs´ımikoncepˇcn´ımimodely, uˇzivatele a obrazem syst´emu[1] kl´ıˇcemje pr´avˇedobr´akomunikace. (pˇreklada ´uprava vlastn´ı). Stejn´atechnologie, kter´ausnadˇnuje uˇzivateli ˇzivot sv´ymifunkcemi, mu ho z´aroveˇni ztˇeˇzujekv˚ulivˇetˇs´ımu mnoˇzstv´ı informac´ına uˇcen´ı. C´ımlepˇs´ıjeˇ technologie, t´ımm´an´avrh´aˇruˇzivatelsk´eho rozhran´ıv´ıcepr´ace.[1] Kromˇement´aln´ıch model˚urozliˇsujemejeˇstˇemodely syst´emov´ya imple- mentaˇcn´ı.Syst´emov´ymodel popisuje, jak zaˇr´ızen´ınebo syst´emopravdu fun- guje, implementaˇcn´ıpopisuje, jak je dan´aaplikace naprogramov´ana.Tyto mo- dely ale nejsou urˇceny pro koncov´ehouˇzivatele. Koncepˇcn´ımodel umoˇzˇnuje designerovi schovat, jak ve skuteˇcnostisoftware funguje a uk´azatmu pro nˇej pˇrijatelnˇejˇs´ı variantu. Vytvoˇren´ım koncepˇcn´ıho modelu jednoduˇsˇs´ıho neˇzje ten implementaˇcn´ı,pom´ah´ameuˇzivateli k snadnˇejˇs´ımu pochopen´ı.Uˇzivatelsk´e rozhran´ıby mˇelob´ytvˇzdyzaloˇzenona ment´aln´ımmodelu, nikdy ne na im- plementaˇcn´ım.[10]

1.4.4 Proveden´ıa zhodnocen´ı´ukolu Kdyˇzuˇzivatel pracuje s produktem, nejprve provede (execution) nˇejak´y´ukol, zjist´ı,jak se s produktem pracuje, a pot´ezhodnot´ı(evaluation), co se pr´avˇe stalo. Ukol´ n´avrh´aˇreuˇzivatelsk´ehorozhran´ıje propojit tyto dvˇef´aze. Sedm f´az´ıakce (obr´azek1.2):

1. Stanoven´ıc´ıle(Goal)

2. Rozvrˇzen´ıakce (Plan)

18 1.4. Lidsk´emyˇslen´ıv pr´acis poˇc´ıtaˇcem

3. Specifikace krok˚uakce (Specify) 4. Proveden´ıkrok˚uakce (Perform) 5. Urˇcen´ıstavu syst´emu (Perceive) 6. Vysvˇetlen´ıstavu syst´emu (Interpret) 7. Porovn´an´ıv´ysledkus c´ılem(Compare) Tˇechto sedm f´az´ı je d˚uleˇzit´ych pˇrin´avrhu uˇzivatelsk´ehorozhran´ı,vyt- v´aˇr´ı ot´azky, kter´e si m˚uˇze uˇzivatel pˇriplnˇen´ı´ukolu pokl´adata na kter´eby mˇelm´ıtn´avrh´aˇrjasnou odpovˇed’.

1. Cehoˇ chci dos´ahnout? 2. Jak´e jsou alternativy postup˚u k dosaˇzen´ıc´ıle? 3. Jakou akci si zvol´ımj´a? 4. Jak´yzvol´ımpostup?

5. Co se stalo? Obr´azek1.2: Sedm f´az´ıakce[1]. 6. Co to znamen´a? 7. Je to takhle spr´avnˇe? Dos´ahljsem sv´ehoc´ıle?

1.4.5 Vˇedom´ea podvˇedom´emyˇslen´ı Vzhledem k tomu, ˇzepodvˇedom´emyˇslen´ı si ˇclovˇekneuvˇedomuje, vˇeˇr´ıme, ˇzenad vˇs´ımpˇrem´yˇsl´ımevˇedomˇe.Tak´esi plno lid´ımysl´ı,ˇzemyˇslenkyjsou nez´avisl´ena emoc´ıch. Ve skuteˇcnostije cel´epodvˇedom´ızaloˇzenona emoc´ıch a protoˇzevˇetˇsinalidsk´ehochov´an´ıje podvˇedom´a,ˇcastonev´ıme,co udˇel´ame nebo co ˇrekneme,dokud se to nestane. Je to jako by mˇelˇclovˇekdvˇemysli, podvˇedomoua vˇedomou,kter´enejsou vˇzdynavz´ajempropojeny. Rozezn´av´ametˇri´urovnˇezpracov´an´ıinformace: viscel´arn´ı,behavior´aln´ıa re- flektivn´ı.Prvn´ıdvˇe´urovnˇejsou podvˇedom´ea jsou ˇr´ızeny z´akladn´ımiemocemi. Na viscel´arn´ı´urovni rychle posuzujeme prostˇred´ıkolem n´as,napˇr.jestli je zde bezpeˇcnonebo ne, behavior´aln´ı ´uroveˇnje vyvol´anazn´am´ymiznaky, rozho- dujeme se zde podle sv´ych zkuˇsenost´ı.Reflektivn´ı ´uroveˇnzahrnuje vˇedom´e myˇslen´ı,pochopen´ıa rozhodov´an´ı,ˇr´ıd´ıji tak´eemoce. Pro n´avrh´aˇreuˇzivatelsk´ehorozhran´ıje nejd˚uleˇzitˇejˇs´ıreflexn´ı´uroveˇn,proto- ˇzevyvol´av´avˇetˇs´ıvlnu emoc´ıneˇzprvn´ıdvˇe.Je ale d˚uleˇzit´epˇrin´avrhu rozhran´ı br´atv ´uvahu na vˇsechny tyto ´urovnˇe.[1]

19 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı 1.4.5.1 Vytv´aˇren´ı prototypu Pˇrivytv´aˇren´ı prototypu je jasnˇedan´y postup - stanoven´ı c´ılov´e skupiny a jej´ıpozorov´an´ı,produkce n´apad˚u,vy- tvoˇren´ı prototypu a jeho otestov´an´ı. Nen´ı-liv´ysledektestov´an´ıuspokojiv´y,je tˇrebacel´ypostup opakovat, dokud ne- najdeme ide´aln´ıˇreˇsen´ı(obr´azek1.3). N´avrh uˇzivatelsk´eho rozhran´ı je v´yjimeˇcn´adiscipl´ına,sv´ad´ıdohromady technologie, lidi, obchod, politiku a kul- turu. Vˇsechna tato odvˇetv´ı vytv´aˇr´ı velk´ytlak na koneˇcn´yprodukt, n´avrh´aˇr mus´ı pˇrednostnˇe db´atna to, aby byl produkt pouˇziteln´ypro lidi. Mus´ı b´yt Obr´azek 1.3: Iterativn´ı cyklus tak´euspokojeny jejich potˇreby, poskyt- vytv´aˇren´ı prototypu [1] (pˇreklad nuto emocion´aln´ıuspokojen´ıa celkov´y a ´uprava vlastn´ı). proˇzitekmus´ıb´ytpozitivn´ı.

1.4.5.2 Kreativita Scott Faranello[20] popsal dva rozd´ıl- n´e m´ody, ve kter´ych se nach´az´ı kaˇzd´y, kdo m´a za ´ukol nˇeco navrh- nout. Nach´az´ıme-li se v uzavˇren´em m´odu, neust´ale c´ıt´ıme, ˇze mus´ı b´yt vˇsechno hotovo, do kdy m´ameˇcasa ˇzepr´aceby mˇelab´ytvykov´anarychle a bez chyb. M´amespecifick´ec´ıle,kde nen´ıprostor pro kreativitu. Soustˇred´ıme se na splnˇen´ı´ukolu, ˇcastomus´ımemezi nˇeˇc´ımrozhodovat. Na rozd´ılod nˇejje otevˇren´ym´odbez stresu a term´ın˚u,m´amevˇetˇs´ıˇsancividˇet vˇsez v´ıcer˚uzn´ych ´uhl˚u. V´ıcepˇrem´yˇsl´ımea vym´yˇsl´ımenov´evˇeci.N´apadyˇcasto pˇrich´azej´ız niˇcehonic, kdyˇzje nejm´enˇeˇcek´ame.v tomto m´odunehled´ameod- povˇedi. Naprosto pˇrirozenˇea nekontrolovatelnˇepouˇz´ıv´ameoba dva m´odydohromady, jen se nesm´ımezaseknout v jednom m´oduna moc dlouho. 6 podm´ınekkreativity: Kdyˇzse potˇrebujemedostat do otevˇren´ehom´odu, mus´ımesplnit tyto podm´ınkykreativity[20]:

• Vhodn´yfyzick´yprostor,

• uvolnit si ˇcaspro kreativitu,

• stanovit ˇcas,kter´ym˚uˇzemevˇenovat kreativitˇe,

• dostateˇcn´esebevˇedom´ı,abychom vˇedˇeli, kdy je vhodn´epˇrepnoutdo o- tevˇren´ehom´odu,

20 1.5. Uˇzivatelsk´ypr˚uzkum

• br´atvˇses humorem, nebrat selh´an´ıpˇr´ıliˇsv´aˇznˇe,

• shodnout se s ostatn´ımina ˇreˇsen´ı.

1.4.6 Ovl´ad´an´ıdotykem U dotykov´ych zaˇr´ızen´ı s v´ıce druhy ovl´ad´an´ı (napˇr.tlaˇc´ıtka nebo myˇs)je dotykov´ainterakce povaˇzov´anaza prim´arn´ı.V´yhodou je pˇredevˇs´ımmoˇznost pouˇz´ıvat v´ıce prst˚uz´aroveˇnnebo dokonce spolupr´ace v´ıceosob.[19] Dotykem lze prov´est6 druh˚uinterakc´ı:

• V´ybˇer- uˇzivatel m˚uˇzevybrat jednu ˇciv´ıcepoloˇzek.

• Pozice - uˇzivatel zvol´ıpozici pro objekt.

• Orientace - uˇzivatel specifikuje smˇer.

• Cesta - s´eriepoziˇcn´ıch a orientaˇcn´ıch operac´ı.

• Urˇcen´ımnoˇzstv´ı- specifikace ˇc´ıseln´ehodnoty.

• Text - uˇzivatel m˚uˇzezadat, um´ıstita upravovat text.

1.4.6.1 Fittsovo pravidlo Prediktivn´ı model ˇcasupro oznaˇcen´ı objektu slouˇz´ı designer˚umpro urˇcen´ı polohy a velikosti klikateln´eplochy. Definuje:

MT = a + b log2(D/W + 1),

kde MT (moving time) znaˇc´ıˇcaspohybu, D je vzd´alenostpoˇc´ateˇcn´ıho bodu od c´ılov´ehoobjektu a W znaˇc´ıvelikost c´ılov´ehoobjektu. Honodty a a b jsou konstanty pro konkr´etn´ızaˇr´ızen´ı, a je odhadovan´yˇcaspohybus v sekun- d´ach a b je rychlost zaˇr´ızen´ı.[19]

1.5 Uˇzivatelsk´ypr˚uzkum

Dˇr´ıve se vˇsechny spoleˇcnostisnaˇzili b´ytve vˇsemprvn´ı,m´ıtjako prvn´ıprodukt na trhu, a nez´aleˇzelo, jestli je dokonˇcen´ynebo ne. V´yzkumy a anal´yzynebyly f´azemiprocesu, protoˇzebyly pˇr´ıliˇsdrah´ea zbyteˇcn´e. Naˇstˇest´ıse od tˇech dob lecco zmˇenilo,spoleˇcnostichtˇej´ı,aby byli lid´es jejich produkty spokojen´ıa aby naplnili jejich potˇreby. Nejlepˇs´ızp˚usob,jak tyto poˇzadavky zjistit, je udˇelat uˇzivatelsk´ypr˚uzkum,tud´ıˇzspoleˇcnostiinvestuj´ıˇc´ımd´alv´ıceˇcasudo v´yzkum˚u a testov´an´ı.

21 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı Z´akladn´ı uˇzivatelsk´ypr˚uzkumje jednoduch´y,rychl´ya velmi efektivn´ı. Na zaˇc´atkukaˇzd´ehopr˚uzkumu je nutn´estanovit c´ıle,proˇcpr˚uzkumdˇel´ame a jak bude naloˇzenos v´ysledky. Na z´akladˇetoho stanov´ımeot´azky, kter´en´as pˇriv´yzkumu budou zaj´ımat,tj. priority, c´ıle v´yzkumu a vliv na fin´aln´ıpro- dukt. Proces by mˇelm´ıtn´asleduj´ıc´ıkroky:

• vytvoˇren´ıc´ıl˚una z´akladˇepoˇzadavk˚uproduktu,

• prioritizace c´ıl˚u,

• formulace v´yzkumn´ych ot´azekna z´akladˇec´ıl˚u.

D´aleje nutn´estanoven´ırozvrhu, kter´ybude z´avisl´yna nalezen´ych ot´azk´ach a jejich priorit´ach. Z´aleˇz´ı,v jak´eˇc´astiv´yvoje produktu se nyn´ınach´az´ıme,je moˇzn´ejej dˇelatna zaˇc´atkuˇciuprostˇred v´yvoje podle obchodn´ıch poˇzadavk˚u. Pot´estaˇc´ıstanovit rozpoˇcet,kter´yzahrnuje nejen finanˇcn´ın´aklady, ale i ˇcas vˇsech lid´ıve v´yzkumn´emt´ym˚u. Samotn´ypr˚ubˇehpr˚uzkumu z´avis´ına vhodn´evolbˇet´azan´ych osob. Pokud zvol´ımeˇspatnouc´ılovou skupinu, samotn´yv´yzkumpak nem´aˇz´adnouhod- notu. Pˇrestoˇzejsme si jisti, ˇzenaˇsec´ılov´askupina je volena vhodnˇe,je nutn´e si kaˇzd´ehorespondenta ovˇeˇritp´arz´akladn´ımiot´azkami(na zp˚usobscreeneru). Z´akladn´ıformou pr˚uzkumu je rozhovor s uˇzivateli spadaj´ıc´ımido c´ılov´esku- piny. Je to nejlepˇs´ızp˚usob,jak zjistit jejich potˇreby a t´ımzajistit pouˇzitelnost produktu. Pˇrirozhovoru je nejlepˇs´ıpokl´adatotevˇren´eot´azky, kter´ezabraˇnuj´ı podvˇedom´ymnav´adˇen´ımk odpovˇed´ım.Ot´azkyby mˇelyb´ytve tvaru kdo, kdy, kde, co, proˇc a jak. Z´akladn´ırozhovor m´atyto f´aze:

• pˇredstaven´ısebe navz´ajema ´uˇcel˚upr˚uzkumu,

• jednoduch´erozehˇr´ıvac´ı ot´azky, pˇripraven´ı participanta na pˇrem´yˇslen´ı jin´ymstylem, neˇzje zvykl´y,

• z´akladn´ıot´azkyt´ykaj´ıc´ıse produktu obecnˇe,

• zamˇeˇren´ına produkt samotn´y,na jeho funkcionalitu,

• zhodnocen´ıproduktu podle souˇcasn´ych informac´ı,

• ukonˇcen´ırozhovoru standardn´ıkonverzac´ı,aby participant odch´azelv dob- r´emrozpoloˇzen´ı.

Forma rozhovoru patˇr´ımezi kvalitativn´ımetody uˇzivatelsk´ehopr˚uzkumu. Pro pochopen´ılidsk´ehochov´an´ıjsou tyto metody mnohem pˇr´ınosnˇejˇs´ıa efek- tivnˇejˇs´ı. Kromˇechov´an´ı a postoj˚uuˇzivatel˚upˇrinich m˚uˇzemezjistit jejich technick´ezkuˇsenosti, v jak´emprostˇred´ıuˇzivatel´eˇzij´ı,jakou maj´ıslovn´ız´asobu a jak pouˇz´ıvaj´ıjin´epodobn´eprodukty.

22 1.6. Testov´an´ıuˇzivatelsk´ehorozhran´ı

V pˇr´ıpadˇe,ˇzenev´ıme,kdo jsou naˇsic´ılov´ıuˇzivatel´e,m˚uˇzemeprov´estkvan- titativn´ıpr˚uzkum formou ankety nebo dotazn´ıku.Z v´ysledk˚udotazn´ıkupak m˚uˇzemespecifikovat c´ılovou skupinu. Pˇredt´ımto druhem pr˚uzkumu je takt´eˇz d˚uleˇzit´estanovit c´ıle,kter´ych chceme pr˚uzkumemdos´ahnout.[21]Kvantita- tivn´ıv´yzkumtak´eslouˇz´ık urˇcen´ıvelikosti potencion´aln´ıhotrhu.[16]

1.6 Testov´an´ıuˇzivatelsk´ehorozhran´ı

1.6.1 Uˇzivatelsk´etestov´an´ı Jeffrey Rubin popisuje uˇzivatelsk´etestov´an´ıjako proces, kde pouˇz´ıv´amepo- articipanty zastupuj´ıc´ıc´ılovouskupinu k vyhodnocen´ıproduktu podle krit´eri´ı pouˇzitelnosti[22]. Tato definice techniku z´asadnˇeodliˇsujeod ostatn´ıch testo- vac´ıch metod jako jsou kognitivn´ıpr˚uchod nebo heuristick´aevaluace, kde tes- tov´an´ıprob´ıh´abez z´astupc˚uc´ılov´eskupiny. Nejv´yznamnˇejˇs´ımic´ılijsou:

• vytvoˇren´ız´aznamu pro budouc´ıprojekty,

• minimalizace v´ydaj˚uza servis a vol´an´ına technickou podporu,

• zv´yˇsen´ıprodeje,

• vˇetˇs´ıkonkurence na trhu,

• minimalizace rizika, ˇzebude na trh vydan´yprodukt se z´asadn´ıminedo- statky.

Aˇckoliv m´auˇzivatelsk´etestov´an´ımnoho pˇr´ınos˚u,je tak´emnoho faktor˚u, kter´ejej m˚uˇzenaruˇsit.Napˇr´ıkladje tˇeˇzk´eprov´esttestov´an´ıv situaci, ve kter´e bude produkt vyuˇz´ıvat uˇzivatel, m˚uˇzeb´ytˇspatnˇezvolen´ac´ılov´askupina nebo to v dan´empˇr´ıpadˇenen´ınejvhodnˇejizvolen´atechnika testov´an´ı. Existuj´ıˇctyˇriz´akladn´ıtypy uˇzivatelsk´ych test˚u:

• V´yzkumn´ytest se prov´ad´ıv brzk´eˇc´astiv´yvoje, kdy m´aprodukt svou pˇredbˇeˇznoupodobu. Slouˇz´ık pˇresnˇejˇs´ıspecifikaci potˇrebn´ych funkc´ı.

• Vyhodnocuj´ıc´ıtest je nejpouˇz´ıvanˇejˇs´ıtyp uˇzivatelsk´ehotestov´an´ı.Je nej- jednoduˇsˇs´ıa tak´enejpˇr´ınosnˇejˇs´ı.Je prov´adˇennˇekdyv pr˚ubˇehu v´yvoje, vˇetˇsinoupo specifikaci koneˇcn´ehodesignu produktu.

• Validaˇcn´ıtest se prov´ad´ıv posledn´ıch ˇc´astech v´yvoje produktu a slouˇz´ı k ovˇeˇren´ıjeho pouˇzitelnosti.

• Porovn´avac´ı test m˚uˇzeb´ytprov´adˇenve kter´ekoliv ˇc´astiv´yvoje, po- rovn´av´ase vˇetˇsinous jin´ymˇreˇsen´ımod konkurence.

23 1. Principy navrhu´ uˇzivatelskych´ rozhran´ı u dotykovych´ zarˇ´ızen´ı Testov´an´ı m˚uˇzeprob´ıhat bud’ zjednoduˇsenˇev jedn´em´ıstnosti nebo se pouˇzij´ıdvˇem´ıstnosti,testovac´ıa pozorovac´ı.Pro sn´ıˇzen´ıv´ydaj˚use m˚uˇzejedna m´ıstnostmodifikovat tak, aby participant sedˇelz´adyk pˇrihl´ıˇzej´ıc´ım, kteˇr´ısle- duj´ıjeho ˇcinnost na kamer´ach, ˇc´ımˇzse sn´ıˇz´ıtlak na participanta zp˚usoben´y vysok´ympoˇctempˇrihl´ıˇzej´ıc´ıch v m´ıstnosti.I samotn´ymoder´atortestu m˚uˇze negativnˇeovlivnit chov´an´ı uˇzivatele pˇritestov´an´ı s produktem. I testov´an´ı v oddˇelen´ych m´ıstnostech m´asv´enev´yhody, neosobn´ıpˇr´ıstupm˚uˇzeb´ytpar- ticipantovi nepˇr´ıjemn´ya nevid´ımejeho v´yrazyze vˇsech ´uhl˚u.Uv´ad´ıse[22], ˇzenejlepˇs´ımˇreˇsen´ımjsou oddˇelen´em´ıstnosti,kde v jedn´eje testuj´ıc´ıa mo- der´atortestu a ve druh´ejsou pˇrihl´ıˇzej´ıc´ıosoby. Testov´an´ıby v tomto pˇr´ıpadˇe mˇelob´ytparticipantovi pˇr´ıjemn´e,moder´atortestu vˇsakmus´ımyslet na to, aby testov´an´ınijak neovlivˇnoval. Na sam´emzaˇc´atkutestov´an´ıstoj´ıvytvoˇren´ıtestovac´ıhopl´anu, kter´yod- pov´ıd´ana vˇsechny ot´azkytypu jak, kdy, kde, kdo a proˇc. D´aleje nutn´evybrat spr´avn´eparticipanty, napl´anovat pr˚ubˇehtestu, proveden´ı testu a n´asledn´e zhodnocen´ıs participantem. Posledn´ıf´az´ıje seps´an´ızpr´avyz pr˚ubˇehu tes- tov´an´ıa seznam n´alez˚u.

1.6.2 Testov´an´ıbez uˇzivatel˚u 1.6.2.1 Heuristick´a evaluace Experti v problematice uˇzivatelsk´ych rozhran´ısrovn´avaj´ırozhran´ıs dan´ymi pravidly - heuristikami. Lze pouˇz´ıtbud’to Nielsonovy pravidla pouˇzitelnosti [1.1.3.2] nebo Schneiderova zlat´apravidla [1.2.1]. [19]

1.6.2.2 Kognitivn´ı pr˚uchod Podobnˇejako u Heuristick´eanal´yzyexperti simuluj´ıuˇzivatel˚uvpr˚uchod pro- v´adˇej´ıctypick´e´ukoly. Zaˇc´ıtby mˇelis nejˇcastˇejˇs´ımiakcemi, ale nemˇeliby za- pomenout ani na pˇr´ıˇciny chybov´ych stav˚u.Metoda je vhodn´a,pokud m´ame m´aloˇcasunebo se nedok´aˇzemedohodnout na spr´avn´emdesignu. Pˇripr˚uchodu se v kaˇzd´emkroku pt´amena ot´azky:

1. Stanov´ısi uˇzivatel spr´avn´yc´ıl?

2. Je akce realizuj´ıc´ıtento c´ılvidˇet?

3. Zvol´ıuˇzivatel tuto akci?

4. Poskytne akce zpˇetnouvazbu?[23]

24 Kapitola 2

Anal´yzasouˇcasn´ychˇreˇsen´ı

Dalˇs´ımpotˇrebn´ymkrokem pˇredsamotn´ymn´avrhemrozhran´ıodpov´ıdac´ıjed- notky je anal´yzaexistuj´ıc´ıch ˇreˇsen´ı,spoleˇcnˇese shrnut´ımhistorie telekomu- nikaˇcn´ıch syst´em˚u.Rozhodla jsem se analyzovat nejen odpov´ıdac´ıjednotky s dotykov´ymdisplejem, podobn´et´e,kterou budu navrhovat, ale tak´ejejich jednoduˇsˇs´ıˇreˇsen´ı,jejichˇzuˇzivatelsk´etesty m´amk dipozici.

2.1 Historie telekomunikaˇcn´ıch syst´em˚u

Zrod telekomunikaˇcn´ıch syst´em˚usah´ado 17. stolet´ı,kdy jsou prvn´ızn´am´e z´aznamy o vzniku telegrafu. Avˇsakprvn´ıelektrick´etelegrafy ve smyslu, jak je zn´amednes, byly sestrojeny na poˇc´atku19. stolet´ı.Telegraf, vyuˇz´ıvaj´ıc´ı elektromagnety, sestrojili v roce 1833 vˇedciGauss a Weber. Zn´am´yMorse˚uv syst´em,vyuˇz´ıvaj´ıc´ıMorseovu abecedu, byl vymyˇslen o p´arlet pozdˇejivyn´a- lezcem Samuelem Morseem.[7] Telekomunikaˇcn´ızaˇr´ızen´ı,zvan´etelefon, vymyslel jiˇzpˇrednecel´ymidvˇema stolet´ımiitalsk´yvyn´alezceAntonio Meucci. V roce 1861 sestavil ve sv´emdomˇe telefonn´ıspojen´ımezi loˇznic´ıa laboratoˇremive sklepˇea za domem.[8] Vyn´alez vˇsaknezaj´ımalinvestory a on se musel vˇetˇsinu ˇzivota pot´ykats chudobou. Kdyˇzo 16 let pozdˇejivymyslel sv˚ujvlastn´ıtelefon Alexander Bell a ˇz´adal o patent, zjistilo se, ˇze nen´ıprvn´ı,kdo telefon vymyslel. Prvn´ı pohnutek pro vznik interkom˚unastal v rozs´ahl´ych pr˚umyslov´ych komplexech, kde bylo t´emˇeˇr nemoˇzn´epˇred´avat v kr´atk´em ˇcaseinformace mezi jednotliv´ymioddˇelen´ımi.Na pˇred´av´an´ızpr´avse pouˇz´ıvaly zastaral´epoˇs- tovn´ıtechniky, kde zpr´avybud’ pˇred´aval nˇejak´yzamˇestnanecnebo se pos´ılaly potrubn´ıpoˇstou.Pr˚ulomnastal na konci 19. stolet´ıpo vynalezen´ıtelefonu. V roce 1894 byl patentovan´yprvn´ıbezdr´atov´ytelekomunikaˇcn´ısyst´emvyu- ˇz´ıvaj´ıc´ır´adiov´evlny.[9] Podobnˇejako ˇselv posledn´ıch nˇekolika des´ıtk´ach let nahoru v´yvoj veˇsker´e elektroniky, se vyv´ıjely tak´einterkomy a k nim i ostatn´ıpˇr´ıdavn´azaˇr´ızen´ı.His- torie odpov´ıdac´ıch jednotek sah´aaˇzk vyn´alezuinterkom˚u,kdy bylo potˇreba

25 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı zaˇr´ızen´ı,kter´eby s n´ımmohlo komunikovat. Samozˇrejmˇese tyto odpov´ıdac´ı jednotky liˇsilyod tˇech souˇcasn´ych, byly vybaveny pouze z´akladn´ımiˇc´astmi potˇrebn´ymipro oboustrannou komunikaci, coˇzjsou mikrofon a reproduktor. V t´etopodobnˇeje zn´ameu domovn´ıch zvonk˚u,kter´emaj´ıodpov´ıdac´ıjed- notky v jednotliv´ych bytech. Postupem ˇcasuse odpov´ıdac´ıjednotky vyv´ıjely, rozˇsiˇrovala se jejich funkcionalita a d´ıkyn´astupulevn´ych kamer se objevuje i potˇrebapˇridatdisplej doplnˇen´ymechanick´ymitlaˇc´ıtkynebo dotykovou vrst- vou.

2.2 Odpov´ıdac´ıjednotky k interkomu od 2N

Odpov´ıdac´ıjednotka je obecn´eVoIP zaˇr´ızen´ı,kter´em˚uˇzekomunikovat s ja- k´ymkoliv zaˇr´ızen´ıms dan´ymprotokolem. Pˇrev´aˇznˇeslouˇz´ıpro pˇr´ıjemhovor˚u z dveˇrn´ıho interkomu, ale z´aroveˇnm˚uˇzesama hovor zah´ajit.V z´avislosti na pouˇzit´ıa na zp˚usobuinstalace disponuje mnoha funkcemi. Z´akladn´ıfunkce:

• pˇrij´ım´an´ı,odm´ıtnut´ıa ukonˇcen´ıhovor˚uz dveˇrn´ıhointerkomu,

• vol´an´ına jin´azaˇr´ızen´ıv r´amcis´ıtˇe,

• otevˇren´ız´amkuna dveˇr´ıch,

• nastaven´ıhlasitosti,

• tich´yreˇzim.

2.2.1 Odpov´ıdac´ıjednotka bez displeje Z´akladn´ıodpov´ıdac´ıjednotka je vhodn´apro vˇsechny nen´aroˇcn´euˇzivatele. Dis- ponuje sedmi dotykov´ymitlaˇc´ıtky, kter´ejsou podsv´ıceny pˇr´ısluˇsn´ymibarvami. Hlavn´ıtlaˇc´ıtkaslouˇz´ık pˇr´ıjmu, odm´ıtnut´ı/ukonˇcen´ıhovoru a k otevˇren´ıdveˇr´ı. Zelen´ymsluch´atkem lze tak´enav´azathovor se maxim´alnˇedvˇemapˇrednasta- ven´ymistanicemi (kr´atk´ya dlouh´ystisk). Pod nimi jsou ˇctyˇritlaˇc´ıtkapro ovl´ad´an´ıhlasitosti, mikrofonu a tich´ehoreˇzimu (obr´azek2.1). Doplˇnuj´ıc´ıfunkce:

• v´ybˇerz v´ıcedruh˚umelodi´ı,

• rodiˇcovsk´yz´amek,

• nastaven´ıjasu ikon.

Funkce jsou dostupn´epˇrespodrˇzen´ıdvou tlaˇc´ıtekv´ıceneˇz3 vteˇriny. Tyto kombinace nejsou pˇr´ıliˇsintuitivn´ı,uˇzivatel se o nich dozv´ıpo pˇreˇcten´ıdoku- mentace a jsou snadno zapamatovateln´e.Uloˇzen´ızmˇeny nastaven´ıse prov´ad´ı opˇetovn´ymdlouh´ymstiskem stejn´ekombinace tlaˇc´ıtek.

26 2.2. Odpov´ıdac´ıjednotky k interkomu od 2N

Obr´azek2.1: Indoor Talk[2]

2.2.1.1 Uˇzivatelsk´e testov´an´ı

Testov´an´ı bylo provedeno s 10 participanty, z nich nˇekteˇr´ı mˇeli pˇredchoz´ı zkuˇsenostis jin´ymiodpov´ıdac´ımi jednotkami, nˇekteˇr´ı nikoliv. Vˇsichni byli v´ıce ˇcim´enˇetechnicky zdatn´ı, nejv´yˇse vˇsak na ´urovni bˇeˇzn´ehouˇzivatele, ˇz´adn´yz nich nebyl v tˇechto ohledech expert. Testov´an´ıprob´ıhalov pˇr´ıjemn´em prostˇred´ızasedac´ım´ıstnosti,kde byl pˇr´ıtomenparticipant a moder´atortestu. Se souhlasem participanta bylo cel´etestov´an´ınahr´av´ano. Participanti mˇeliza ´ukol vˇz´ıtse do situace, kdy se pˇristˇehovali do nov´eho bytu vybaven´ehotestovan´ymzaˇr´ızen´ım.V polovinˇepˇr´ıpad˚udostali k zaˇr´ızen´ı grafick´yn´avod, druh´aˇc´astdostala slovn´ıpopis jednotliv´ych funkc´ı.Sc´en´aˇr obsahoval vˇsechny d˚uleˇzit´efunkce odpov´ıdac´ıjednotky jako volba vyzv´anˇen´ı a jasu, aktivace rodiˇcovsk´ehoz´amku,reakce na zvonˇen´ı ve tˇrech moˇzn´ych pˇr´ıpadech (za dveˇrmizn´am´ı/ciz´ılid´e) a zah´ajen´ıhovoru na interkom. Celkovˇeuˇzivatel´epochopili ovl´ad´an´ıtlaˇc´ıtky, nemˇeliprobl´emani s kom- binacemi tlaˇc´ıtekpro sloˇzitˇejˇs´ıfunkce, protoˇzebyli pˇresvˇedˇceni,ˇzeby se to ˇcasemnauˇcili.Probl´emnastal u potvrzov´an´ızmˇen,uˇzivatele m´atlo,ˇzezmˇena hlasitosti se potvrzovat nemus´ı,zat´ımcozmˇeny jasu nebo melodie ano. Vˇetˇsina z nich zapomnˇelaukonˇcithovor, mysleli, ˇzese ukonˇc´ıs´ampo tom, co otevˇrou dveˇre. Nˇekteˇr´ı nepochopili funkci vypnut´ı mikrofonu nebo proˇcst´alesv´ıt´ı tlaˇc´ıtko s poloˇzen´ymsluch´atkem, kdyˇznen´ıco ukonˇcovat. Jen m´alokomu doˇslo, ˇzepoloˇzen´ymsluch´atkem mohou zruˇsitnastavov´an´ı.[24]

2.2.1.2 Rozhovor s uˇzivateli

Pro rozhovor se mi podaˇriloz´ıskatpouze jednoho respondenta. Nen´ıjedno- duch´edostat se ke koncov´ymuˇzivatel˚um,protoˇzevˇetˇsinaodpov´ıdac´ıch jed-

27 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı notek se nach´az´ıv luxusn´ıch bytov´ych rezidenc´ıch, kam byly um´ıstˇeny jeˇstˇe pˇrednastˇehov´an´ımbudouc´ıch uˇzivatel˚u.

Struktura rozhovoru

1. Kr´atk´epˇredstaven´ız´amˇerupr´ace. Uvodn´ıot´azkyna´ participanta.

• Kolik je V´amlet? • Bydl´ıtev rodinn´emdomˇenebo v bytˇe?

2. Pˇr´ıprava na rozhovor Obezn´amit´uˇcastn´ıkas t´ım,ˇzebude cel´yrozhovor nahr´av´ana ˇzez´aznam bude pouˇzitpouze pro potˇreby t´etopr´ace.

3. Z´akladn´ıot´azky

• Jak dlouho uˇzm´atedoma odpov´ıdac´ıjednotku? • Kdo ji um´ıu V´asdoma ovl´adat? • Mˇelijste ze zaˇc´atkus ovl´ad´an´ımprobl´emy? Jak dlouho? S ˇc´ım? • M´ates nˇeˇc´ımprobl´emy dodnes? • Jste s n´ıspokojeni nebo pˇrem´yˇsl´ıteo zakoupen´ınovˇejˇs´ıhomodelu?

4. Uzavˇren´ırozhovoru a podˇekov´an´ı.

Pr˚ubˇeh rozhovoru Muˇz,34 let, ˇzijev rodinn´emdomˇe. Participantova rodina si odpov´ıdac´ıjednotku poˇr´ıdilateprve ned´avno,pˇred p´armˇes´ıci.Nejl´epe z rodiny ji um´ıovl´adats´amparticipant, kter´ys n´ınauˇcil pracovat tak´emanˇzelku.S´amse s n´ınauˇcilpracovat rychle, manˇzelceto trvalo d´ele,ale nyn´ıuˇzzvl´ad´az´akladn´ıfunkce. Obˇcasse jim stane, ˇzejeden z nich omylem aktivuje tich´yreˇzima zjist´ıto aˇzve chv´ıli,kdy se na nˇenˇekdonem˚uˇze dozvonit. V´ıce pot´ıˇz´ıs n´ınemaj´ı.

2.2.2 Aplikace pro chytr´etelefony Aplikace byla navrˇzenapro dvˇeplatformy (iOS, Android). Verze se m´ırnˇe liˇs´ıve vzhledu, ale disponuj´ıstejn´ymifunkcemi. Lze ji pouˇz´ıvat na mobiln´ım telefonu nebo na tabletu, oboj´ıve variant´ach na ˇs´ıˇrkunebo na v´yˇsku.Z´asadn´ı v´yhodou mobiln´ıaplikace oproti odpov´ıdac´ıjednotce um´ıstˇen´epˇr´ımov bytˇe je moˇznostkomunikace s osobou stoj´ıc´ıu dveˇr´ınez´avislena tom, zda-li je nˇekdodoma nebo ne. Pˇrestoje ale doporuˇcenom´ıtoba tyto typy odpov´ıdac´ıch jednotek. Pˇrin´avrhu aplikace bylo c´ıleno na co nejjednoduˇsˇs´ıovl´ad´an´ıs minimem funkc´ı,protoˇzepˇredeˇsl´amobiln´ıaplikace byla pro uˇzivatele pˇr´ıliˇssloˇzit´aa ne- mˇelaproto na trhu moc velk´y´uspˇech.

28 2.2. Odpov´ıdac´ıjednotky k interkomu od 2N

Obr´azek2.2: Aplikace pro chytr´e Obr´azek2.3: Uˇzivatelsk´etestov´an´ı telefony - Mobile Video[2] - Mobile Video[3]

Doplˇnuj´ıc´ıfunkce aplikace:

• poˇr´ızen´ısn´ımkuobrazovky ze z´aznamu kamery,

• zobrazen´ızmeˇskan´ych hovor˚u,

• zobrazen´ıseznamu dalˇs´ıch zaˇr´ızen´ı.

2.2.2.1 Uˇzivatelsk´e testov´an´ı Testu se z´uˇcastnilo6 participant˚u,testovalo se na telefonech s operaˇcn´ımi syst´emy Android a iOS. Testov´an´ıprob´ıhalov zasedac´ım´ıstnosti za pˇr´ıtom- nosti participanta a moder´atoratestu. Kromˇe´ukol˚ut´ykaj´ıc´ıch se nastaven´ıcel´es´ıtˇeinterkomu, kter´enejsou pro ´uˇcelyt´etopr´acepodstatn´e,byli uˇzivatel´et´az´anina funkce pouˇzit´ych ikon. D´alemˇeliza ´ukol pˇrijmouthovor, zavolat na jin´ezaˇr´ızen´ıa nal´eztpˇr´ıpadn´e zmeˇskan´ehovory. Tlaˇc´ıtko sluch´atkau jednotliv´ych zaˇr´ızen´ı, kter´eje nejv´ıce zv´yraznˇeno (oproti tlaˇc´ıtku na otevˇren´ı dveˇr´ı a pohled kamery, viz obr´azek2.3) a m´a vyvolat hovor na dan´yinterkom, testuj´ıc´ıuˇzivatele zm´atloa mysleli si, ˇzese jedn´ao pˇr´ıchoz´ıhovor, kter´ymaj´ıpˇrijmout.V pr˚ubˇehu hovoru si nˇekteˇr´ınebyli jist´ı,co dˇel´aikona amplionu, mysleli, ˇze by to vypnulo mikrofon na interkomu, ne ˇzese t´ımd´aovl´adathlasitost.[3]

2.2.2.2 Rozhovor s uˇzivateli Rozhovor byl koncipov´anstejnˇejako u odpov´ıdac´ıjednotky bez displeje (2.2.1.2).

29 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı

Participant 1 Muˇz,42 let, ˇzijev rodinn´emdomˇe. Mobiln´ıaplikaci si poˇr´ıdilk odpov´ıdac´ıjednotce s dotykov´ymdisplejem o p˚ulroku pozdˇeji.Je s n´ıvelmi spokojen, ovl´ad´an´ıje jednoduch´e,pouˇz´ıv´aji radˇejineˇzodpov´ıdac´ıjednotku u nich v domˇe.

Participant 2 Muˇz,34 let, ˇzijev rodinn´emdomˇe. Participant si poˇr´ıdilodpov´ıdac´ıjednotku teprve pˇredp´armˇes´ıci(2.2.1.2), n´aslednˇesi p´ardn´ına to poˇr´ıdilii mobiln´ıaplikaci. On ani jeho manˇzelka nemaj´ıs jej´ımpouˇz´ıv´ampot´ıˇze,nevybavuje si ani ˇz´adn´epot´ıˇzeze zaˇc´atku. Aplikaci hodnot´ıjako velmi intuitivn´ıa praktickou.

Participant 3 Muˇz,39 let, ˇzijev rodinn´emdomˇe. Participant si poˇr´ıdilaplikaci spoleˇcnˇes odpov´ıdac´ıjednotkou. S aplikac´ı je velmi spokojen´y,zvl´aˇst’ oceˇnujejej´ıpouˇzit´ı,kdyˇznen´ınikdo doma. Taky ji r´adpouˇz´ıv´ajako kl´ıˇcod domu, otev´ır´asi s n´ıdveˇre,kdyˇznem˚uˇzenaj´ıtkl´ıˇce.

2.2.3 Odpov´ıdac´ıjednotka s displejem Tato odpov´ıdac´ıjednotka rozˇsiˇruje funkˇcnostst´avaj´ıc´ınejjednoduˇsˇs´ıodpov´ı- dac´ıjednotky v´yrobce. Vedle displeje jsou 4 tlaˇc´ıtka,kter´amˇen´ısvou funkci podle toho, se je zrovna na displeji. Pod displejem se nach´az´ı3 tlaˇc´ıtkaslouˇz´ıc´ı k pˇr´ıjmu, odm´ıtnut´ı/ukonˇcen´ıhovoru a k otevˇren´ıdveˇr´ı. Doplˇnuj´ıc´ıfunkce odpov´ıdac´ıjednotky:

• zobrazen´ızmeˇskan´ych hovor˚u,

• rodiˇcovsk´yz´amek,

• zobrazen´ıseznamu dalˇs´ıch zaˇr´ızen´ıv s´ıti,

• nastaven´ıjasu tlaˇc´ıtek,

• nastaven´ıdispleje.

Tato odpov´ıdac´ıjednotka nebyla dosud vyd´ana,proto nelze udˇelatpr˚uzkum spokojenosti mezi souˇcasn´ymiuˇzivateli.

2.2.3.1 Uˇzivatelsk´e testov´an´ı Testov´an´ıt´etoodpov´ıdac´ıjednotky se z´uˇcastnilo 6 participant˚u,vybran´ych na z´akladˇec´ılov´eskupiny produktu. Mˇeliza ´ukol zkontrolovat hlavn´ıvchod, zkontrolovat zmeˇskan´ehovory, nastavit jas tlaˇc´ıteki displeje, nastavit rodi- ˇcovsk´yz´amek,pˇrijmouthovor a otevˇr´ıtdveˇre. Uˇzivatele nejv´ıcem´atlyikony pro mikrofon a tich´yreˇzim.Nevˇedˇeli, jestli ikony signalizuj´ıstav nebo akci. Kdyˇzdostali za ´ukol vypnout mikrofon a uvidˇeli

30 2.2. Odpov´ıdac´ıjednotky k interkomu od 2N ikonku s pˇreˇskrtnut´ymmikrofonem, m´alokdopˇri jej´ım stisku vypadal se- bejistˇe.D´alebyly menˇs´ı probl´emy s nalezen´ım tlaˇc´ıtka na odemˇcen´ı dveˇr´ı, uˇzivatel´emˇelitendenci hledat ji na obrazovce a ne pod n´ı.

2.2.4 Odpov´ıdac´ıjednotka s dotykovou obrazovkou

Obr´azek2.4: Indoor Touch[2]

Odpov´ıdac´ıjednotka pro n´aroˇcnˇejˇs´ıuˇzivatele je doplnˇenao dotykovou ob- razovku a nov´efunkce: • souborov´ysyst´em,

• galerie sn´ımk˚uobrazovky a vide´ı,

• poˇcas´ıs tˇr´ıdenn´ıpˇredpovˇed´ı,

• internetov´yprohl´ıˇzeˇc,

• instalaˇcn´ıprogram.

2.2.4.1 Uˇzivatelsk´e testov´an´ı Odpov´ıdac´ı jednotka se testovala se ˇsestiparticipanty, testov´an´ı prob´ıhalo v zasedac´ım´ıstnostiza pˇr´ıtomnostimoder´atoratestu, participanta a jedn´e pˇr´ısed´ıc´ıosoby. Vˇsichni participanti mˇeli jiˇzpˇredchoz´ızkuˇsenostis odpov´ıdac´ı jednotkou bez displeje. Participanti mˇeliza ´ukol nejdˇr´ıve zavolat na interkom, aby se pˇresvˇedˇcili, ˇzen´avˇstˇeva jeˇstˇenepˇriˇslaa udˇelatsn´ımekobrazovky. D´alemˇeli naj´ıtsn´ımek obrazovky v zaˇr´ızen´ı.Kdyˇznˇekdozazvonil u dveˇr´ı,mˇelipˇrijmouthovor a otevˇr´ıt n´avˇstˇevˇedveˇre.V nastaven´ımˇeliza ´ukol zmˇenitlokaci pro poˇcas´ıa pak se pod´ıvat na pˇredpovˇed’ na z´ıtˇrejˇs´ıden.

31 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı

U prvn´ıho´ukolu vˇsemchvilku trvalo, neˇznalezli vytvoˇren´ysn´ımekobra- zovky. Hledali v menu poloˇzku,kter´aby se pˇr´ımotakto jmenovala. Kdyˇzji nenaˇsli,jejich prvn´ıvolba byla vˇetˇsinoupr´avˇesouborov´ysyst´em.S pˇrijet´ım hovoru nikdo pot´ıˇzenemˇel,ani otevˇren´ıdveˇr´ıjim nezp˚usobovalo probl´emy, poˇcas´ırovnˇeˇz.

2.2.4.2 Recenze od souˇcasnych´ uˇzivatel˚u Celkovˇeuˇzivatel˚umpˇrijdenesmysln´em´ıtv odpov´ıdac´ıjednotce internetov´y prohl´ıˇzeˇc,podobnˇejako souborov´ysyst´emjej t´emˇeˇrnikdo nevyuˇz´ıv´a.Jedn´e z rodin se st´av´a,ˇzezapomenou ukonˇcithovor a pˇreddomem je pak slyˇset, jak si doma pov´ıdaj´ı. Castoˇ pouˇz´ıvanou funkc´ıje tich´yreˇzim,kter´ym´aale pˇr´ıliˇssloˇzit´enastaven´ı,uˇzivatele obtˇeˇzujeto dˇelatkaˇzd´yden. D´aleuˇzivatel´e postr´adaj´ıfunkci pojmenovat si zaˇr´ızen´ı,v n´azvech produkt˚use nevyznaj´ı.[25]

2.2.4.3 Rozhovor s uˇzivateli Rozhovor byl koncipov´anstejnˇejako u odpov´ıdac´ıjednotky bez displeje (2.2.1.2).

Participant 1 Muˇz,42 let, ˇzijev rodinn´emdomˇe. Odpov´ıdac´ıjednotku si poˇr´ıdiliuˇzpˇred2 roky a pouˇz´ıvaj´ıji spoleˇcnˇes mo- biln´ıaplikac´ızm´ınˇenouv´yˇse(2.2.2.2). Jej´ız´akladn´ıovl´ad´an´ızvl´adaj´ıkromˇe jeho manˇzelky i jeho dvˇedˇeti(7 a 9 let). Ze zaˇc´atkunemˇeliprobl´emse sa- motn´ymjej´ımovl´ad´an´ım,sp´ıˇses nastaven´ım.Napˇr´ıkladjeˇstˇedodnes nepˇriˇsli na to, jak pˇrepnoutextern´ıkameru pˇrihovoru, ale jinak jsou se zaˇr´ızen´ım spokojeni.

Participant 2 Muˇz,39 let, ˇzijev rodinn´emdomˇe. Participant poˇr´ıdil odpov´ıdac´ıjednotku do jejich domu pˇredv´ıceneˇzrokem. Ovl´adaj´ıji jen on a jeho manˇzelka,oceˇnuj´ıfunkci rodiˇcovsk´ehoz´amku,kter´a chr´an´ızaˇr´ızen´ıpˇredjejich dˇetmi. Z´adn´ez´asadn´ıpot´ıˇzesˇ ovl´ad´an´ımnemaj´ı, ani od zaˇc´atkunemˇeli, pouze manˇzelcese obˇcasstane, ˇzena nˇecoklikne a nev´ı,co dˇelat d´al.Tak´eji trvalo d´ele,neˇzsi zapamatovala, jak se dostane ke zmeˇskan´ymhovor˚um.

2.3 Odpov´ıdac´ıjednotky s dotykov´ymidispleji od jin´ych v´yrobc˚u

2.3.1 Hikvision Odpov´ıdac´ıjednotku od spoleˇcnostiHikvision8 lze pˇripojit pouze k jednomu interkomu. Kromˇedotykov´eho displeje m´ajeˇstˇe4 tlaˇc´ıtka,kter´aslouˇz´ık vy- vol´an´ı nouzov´ehohovoru, otevˇren´ı dveˇr´ı u pˇridruˇzen´ehointerkomu, pohled 8DS-KH6310-WL Hikvision 7-inch Touch Screen Indoor Station

32 2.3. Odpov´ıdac´ıjednotky s dotykov´ymidispleji od jin´ych v´yrobc˚u kamerou z interkomu a vyvol´an´ıhovoru na interkom. Domovsk´aobrazovka je tvoˇrenanˇekolika vˇetˇs´ımi tlaˇc´ıtky, kter´ezaplˇnuj´ı t´emˇeˇrcelou obrazovku. Je zde tlaˇc´ıtko na ovl´ad´an´ı Wi-Fi, pˇrehledzmeˇskan´ych hovor˚u,zpr´avyod n´avˇstˇevn´ık˚u,sn´ımky pohled˚uz interkomu a nastaven´ı. Nastaven´ı obsahuje zmˇenu hesla, nastaven´ızvuku, tich´yreˇzim,´udrˇzbuzaˇr´ızen´ı,konfiguraci a in- formace o zaˇr´ızen´ı. Celkovˇeje odpov´ıdac´ıjednotka pomˇernˇejednoduch´ana pouˇz´ıv´an´ı,vzhled ale p˚usob´ı zastarale a nemodernˇe. V interi´eru mus´ı p˚usobitnaprosto ne- zaj´ımav´ymdojmem, zat´ımcobarevn´atlaˇc´ıtkajsou pˇr´ıliˇsv´yrazn´a.L´ıbilyse mi notifikaˇcn´ıdiody pod obrazovkou, kter´eoznamuj´ınov´ezmeˇskan´ehovory nebo zpr´avy.

2.3.2 Bticino

Spoleˇcnost Bticino nab´ız´ı odpov´ıdac´ı jednotku9 se ˇctyˇrmidotykov´ymitla- ˇc´ıtky (vyhled´av´an´ı, obl´ıben´ekontakty, pohled kamery a zah´ajen´ı hovoru). Domovsk´aobrazovka se sv´ymdesignem lehce liˇs´ıod klasick´ehovzhledu od- pov´ıdac´ıjednotky, nen´ına prvn´ıpohled jasn´e,k ˇcemu zaˇr´ızen´ıslouˇz´ı.Nad ikonkami jsem musela chv´ılipˇrem´yˇsleta podle reakce zaˇr´ızen´ına jejich klik- nut´ıjsem odhadovala, k vyvol´an´ıjak´eakce v˚ubec slouˇz´ı.Pˇrekvapila mˇefunkce, kter´abyla na domovsk´eobrazovce uvedena jako prvn´ı- pozn´amky. Umoˇzˇnuje uˇzivatel˚umnapsat si kr´atk´epozn´amky, kter´eslouˇz´ıjako napˇr.vzkazy a pˇripo- m´ınkyna ledniˇcce. D´alenab´ız´ıpˇrehr´an´ız´aznamn´ıku(z interkomu), jako tomu bylo u starˇs´ıch telefon˚u.V nastaven´ılze konfigurovat zaˇr´ızen´ı,nastavit zvuky, displej a z´aznamn´ık. Celkovˇemi pˇriˇslaodpov´ıdac´ı jednotka znaˇcnˇezastaral´a,jedn´ase totiˇz o jedno z prvn´ıch zaˇr´ızen´ıtohoto typu od spoleˇcnosti Bticino. Bˇehem reˇserˇse z internetov´ych zdroj˚ujsem objevila novˇejˇs´ıtypy odpov´ıdac´ıch jednotek Bti- cino, ve kter´ych, zd´ase, vyladili vˇetˇsinu nedostatk˚utohoto modelu. S ˇz´adn´ym novˇejˇs´ımzaˇr´ızen´ımjsem bohuˇzelnepˇriˇslado styku, proto je nemohu hodnotit.

2.3.3 Akuvox

Odpov´ıdac´ıjednotka spoleˇcnosti Akuvox10 se na prvn´ıpohled liˇs´ıod ostatn´ıch svou velikost´ı.Se sv´ymi1000 a operaˇcn´ımsyst´ememAndroid pˇripom´ın´asp´ıˇse vˇetˇs´ı tablet pˇripevnˇen´yna stˇenˇe.Disponuje standardn´ımi funkcemi vˇcetnˇe tich´ehoreˇzimu a seznamu hovor˚u.Souˇcasnˇeslouˇz´ıi jako zabezpeˇcovac´ızaˇr´ızen´ı s funkc´ıalarmu pˇrineopr´avnˇen´emvniknut´ı.

33 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı

Obr´azek2.5: Infinite Play Next 700[4]

2.3.4 Infinite Play

Infinite Play Next 700 je modern´ıodpov´ıdac´ıjednotka od italsk´espoleˇcnosti In- finite Play. Na prav´estranˇem´a4 tlaˇc´ıtka- vyhled´av´an´ı,zpˇet,dom˚ua moˇznosti, pod kter´ymise skr´yvaj´ıvˇsechny funkce od v´ybˇerutapety po pokroˇcil´enasta- ven´ı.Hned vedle je na displeji pruh s vertik´aln´ımmenu obsahuj´ıc´ımodkazy na kontakty, zpr´avy, menu a nastaven´ı.Rozloˇzen´ıdispleje s dvˇemamenu vedle sebe mi nepˇriˇslomoc uˇzivatelsky pˇr´ıvˇetiv´e,protoˇzena prvn´ıpohled p˚usob´ıdo- jmem, ˇzespolu dvˇemenu souvis´ı.Aˇzpo bliˇzˇs´ımprozkoum´an´ıtlaˇc´ıtekjsem si uvˇedomila,ˇzefyzick´atlaˇc´ıtkanemaj´ıs tˇemina displeji nic spoleˇcn´eho.Kromˇe standardn´ıch funkc´ıodpov´ıdac´ıjednotky zaˇr´ızen´ıdisponuje nevˇsedn´ımifunk- cemi jako je kalkulaˇcka,prohl´ıˇzeˇcdokument˚u,hudba a z´aznamzvuku. Jako jedna z m´alam´atak´ereˇzimsp´anku,probudit ji lze posunut´ımikonky z´ameˇcku do okraj˚ukruhu.

2.3.5 Dahua

Odpov´ıdac´ıjednotka ze sady interkomu VTK-VTO2000A-VTH1550CH spo- leˇcnosti Dahua m´apodobnˇejako mnoho ostatn´ıch 5 fyzick´ych tlaˇc´ıtekna prav´e stranˇe(zpr´avy, menu, volat, pohled kamery a otevˇren´ıdveˇr´ı).Domovsk´aob- razovka je tvoˇrena dlaˇzdicemiobdobnˇejako odpov´ıdac´ı jednotka Akuvox. Pˇrekvapilo mˇe,ˇzestiskem tlaˇc´ıtka volat se nevol´aautomaticky na interkom, ale je zde kl´avesnice na vytoˇcen´ıkonkr´etn´ıhoˇc´ısla.Na to, jak zavolat na pˇripojen´y interkom, jsem nepˇriˇslav˚ubec. Tak´emˇezm´atlaabsence tlaˇc´ıtka zpˇet, z kaˇzd´e str´ankyse dalo dostat pouze na domovskou obrazovku.

9CLASSE 300X13E video internal unit 10Akuvox IT83 1000 Smart Android Indoor Monitor

34 2.4. Shrnut´ıreˇserˇse

2.3.6 Dnake

Obr´azek2.6: Dnake 902M-S2 Indoor Monitor[5]

Odpov´ıdac´ı jednotka 902M-S2 Indoor Monitor od ˇc´ınsk´efirmy Dnake je velmi intuitivn´ı na pouˇz´ıv´an´ı, ale kv˚ulivelk´emu mnoˇzstv´ı funkc´ı lehce nepˇrehledn´a.Vzhled je pˇripodobiteln´yk mobiln´ımtelefon˚umse starˇs´ıverz´ı operaˇcn´ıhosyst´emu Android, pˇrev´aˇznˇespodn´ıliˇstou s tlaˇc´ıtkyzpˇet,dom˚u, pˇrehledotevˇren´ych obrazovek, cel´aobrazovka a nastaven´ı hlasitosti. Pr´avˇe kv˚ulitomu p˚usob´ılevnˇea obyˇcejnˇe.Celkovˇeje odpov´ıdac´ıjednotka velmi kom- plexn´ı,obsahuje i kalend´aˇr,email, prohl´ıˇzeˇcsoubor˚u, pˇrehr´avaˇcvide´ıv kva- litˇeHD a ´uloˇziˇstˇe.Na domovsk´eobrazovce je tak´etlaˇc´ıtko v´ytah, kter´ymlze ovl´adatv´ytahv budovˇe.

2.3.7 Comelit Spoleˇcnost Comelit nab´ız´ıodpov´ıdac´ıjednotku Monitor Video I s menˇs´ımdis- plejem a nˇekolika dotykov´ymitlaˇc´ıtkypod n´ım.V reˇzimu sp´ankusv´ıt´ıpouze tlaˇc´ıtka volat, otevˇr´ıt a zpr´avy, pokud je nˇejak´anov´azpr´ava, po probuzen´ıse rozsv´ıt´ıdalˇs´ı.Vzhledem k dotykov´emu displeji mi pˇrijdoutlaˇc´ıtkazbyteˇcn´a, mohla by b´ytna displeji a velikost zaˇr´ızen´ıby mohla b´yto nˇekolik centimetr˚u menˇs´ı.Celkovˇebyla pr´aces jednotkou intuitivn´ı,neobsahuje ˇz´adn´epˇrebyteˇcn´e funkce.

2.4 Shrnut´ıreˇserˇse

Nejprve jsem si ovˇeˇrilahypot´ezu, ˇzest´avaj´ıc´ı odpov´ıdac´ı jednotka s doty- kov´ymdisplejem je uˇzivatelsky nepˇr´ıvˇetiv´a,uˇzivatel˚umnejsou jej´ıfunkce jasn´e a ovl´ad´an´ınen´ıdostateˇcnˇeintuitivn´ı.S ostatn´ımiodpov´ıdac´ımijednotkami od 2N jsou naopak uˇzivatel´espokojen´ı,aˇckoliv nedisponuj´ıtolika funkcemi a dotykov´ymdisplejem jako v´yˇsezm´ınˇen´a.Odpov´ıdac´ıjednotky od ostatn´ıch

35 2. Analyza´ soucasnˇ ych´ reˇ ˇsen´ı v´yrobc˚use od sebe nijak v´yraznˇeneliˇs´ı.Vˇsechny disponuj´ıpodobn´ymiz´aklad- n´ımifunkcemi, nˇekter´emaj´ınav´ıcaplikace, kter´emohu na z´akladˇepr˚uzkumu nazvat pˇrebyteˇcn´ymi.

36 Kapitola 3

N´avrhLo-Fi prototypu

Low-Fidelity (zkr´acenˇeLo-Fi) prototyp je jednoduch´yn´akresv´ysledn´ehopro- duktu. Definuje pˇrev´aˇznˇerozm´ıstˇen´ı a velikost prvk˚u.Jeho vytv´aˇren´ı trv´a pouze nˇekolik hodin, maxim´alnˇenˇekolik dn´ı,je moˇzn´enavrhnout tak´ev´ıce alternativ. Vˇetˇsinouse netestuje na c´ılov´ych zaˇr´ızen´ıch. Prototyp je moˇzn´e dˇelatruˇcnˇena pap´ırnebo v jak´emkoliv jednoduch´emkresl´ıc´ımprogramu, ne- mus´ıse u nˇejˇreˇsitgrafika, staˇc´ıpouze jednoduch´yvzhled uˇzivatelsk´ehoroz- hran´ı,vˇcetnˇerozm´ıstˇen´ıkomponent na obrazovce. Pˇredzaˇc´atkem n´avrhu je nutn´em´ıtstanovenou c´ılovou skupinu, zjistˇen´ec´ıleuˇzivatel˚u,navrˇzen´esc´en´aˇre a pˇr´ıpadyuˇzit´ı.[26]

3.1 Pˇr´ıprava

Jeˇstˇepˇredzaˇc´atkem n´avrhu je nutn´especifikovat c´ılovou skupinu, prov´est uˇzivatelsk´ypr˚uzkum,stanovit pˇr´ıpadyuˇzit´ıa z´akladn´ısc´en´aˇre.

3.1.1 Obchodn´ıpoˇzadavky Z´akladn´ım poˇzadavkem produktu je splnˇen´ı z´akladn´ıch poˇzadavk˚una od- pov´ıdac´ıjednotku k interkomu - pˇr´ıjemhovor˚u,vol´an´ına jin´azaˇr´ızen´ı,otev´ı- r´an´ıdveˇr´ı,rodiˇcovsk´yz´amek,tich´yreˇzim.. . Horn´ınotifikaˇcn´ıliˇstabude ob- sahovat ˇcasa pˇr´ıpadn´enotifikace o nepˇrijat´ych hovorech a stisknut´ızvonku. K instalaci nebude potˇrebaˇz´adn´yspeci´aln´ıprogram, bude prob´ıhat pˇreswe- bov´ekonfiguraˇcn´ırozhran´ıproduktu. Pˇriprvn´ımsetk´an´ıs produktem bude nab´ıdnut uˇzivateli tutori´al.Bude moˇznostho nespustit hned, ale prohl´ednout si ho pozdˇeji.U prob´ıhaj´ıc´ıho hovoru bude moˇznostvytvoˇritsn´ımek obra- zovky, kter´ypak bude k nalezen´ıv seznamu hovor˚u. Domovsk´aobrazovka:

• Bude obsahovat ikony na vstup do seznamu hovor˚u,pˇrehledu vˇsech zaˇr´ızen´ı,nastaven´ı,pˇrepnut´ıdo tich´ehom´odu, aktu´aln´ıˇcasa poˇcas´ı.

37 3. Navrh´ Lo-Fi prototypu

• Poˇcas´ı bude v z´akladn´ım stavu, nep˚ujdena nˇejkliknout a zobrazit pˇredpovˇed’.

Nastaven´ı:

• Pouze z´akladn´ınastaven´ı,ostatn´ıse bude nastavovat pˇreswebov´ekon- figuraˇcn´ırozhran´ıproduktu.

• Nastaven´ıjasu, rodiˇcovsk´ehoz´amku,tich´ehoreˇzimu, poˇcas´ı,data a ˇcasu, jazyku, p´ısma.

• Reˇzimpro lidi s horˇs´ımzrakem (zv´yˇs´ıse kontrast, klikac´ıplochy, velikost p´ısma).

3.1.2 C´ılov´askupina C´ılov´askupina je znaˇcnˇerozs´ahl´a,protoˇzezahrnuje t´emˇeˇrvˇsechny vˇekov´esku- piny obyvatel. Nepˇredpokl´adaj´ıse u nich ˇz´adn´epˇredchoz´ıznalosti, zaˇr´ızen´ı by mˇelob´ytbez probl´em˚uovl´ad´ano d´ıtˇetemstarˇs´ımˇsestilet nebo starˇs´ım ˇclovˇekem v d˚uchodov´emvˇeku.Mladˇs´ımdˇetem nebude pouˇz´ıv´an´ızaˇr´ızen´ıumoˇz- nˇenoz d˚uvodu jeho um´ıstˇen´ına zdi tak, ˇzena nˇejnedos´ahnou. Rovnˇeˇzzaˇr´ızen´ınen´ıurˇcenolidem s nˇekter´ymitypy postiˇzen´ı.Pohybov´e postiˇzen´ım˚uˇze uˇzivateli zamezit pˇresunk odpov´ıdac´ıjednotce, uˇzivatel se slu- chov´ympostiˇzen´ımnemus´ıslyˇsetzvonˇen´ızvonku a zrakovˇepostiˇzen´ıuˇzivatel´e nemus´ıb´ytschopni ovl´adatdotykov´edispleje, tud´ıˇznikdo z nich nen´ıschopn´y efektivn´ıhopouˇz´ıv´an´ıodpov´ıdac´ıjednotky. Pokud zrakov´epostiˇzen´ıuˇzivatele nen´ıkategorie 2 a vyˇsˇs´ı,je uˇzivatel st´aleschopn´yˇcten´ıa mˇeloby mu b´yt umoˇznˇenobez probl´em˚uodpov´ıdac´ıjednotku pouˇz´ıvat. U c´ılov´eskupiny se pˇredpokl´ad´aschopnost ovl´adatzaˇr´ızen´ıpomoc´ıdoty- kov´ehodispleje, ale s t´ımuˇzv dneˇsn´ıdobˇenem´adrtiv´avˇetˇsinalid´ıprobl´em. Pˇredpokl´ad´ase, ˇzesi spoleˇcnˇes odpov´ıdac´ıjednotkou, pˇr´ıpadnˇejeˇstˇedˇr´ıv, poˇr´ıd´ıinterkom, se kter´ymbude odpov´ıdac´ıjednotka komunikovat.

3.1.3 Uˇzivatelsk´ypr˚uzkum Vzhledem k n´ızk´emu poˇcture´aln´ych uˇzivatel˚uodpov´ıdac´ıch jednotek, se kte- r´ymijsem vedla rozhovor v r´amcianal´yzyexistuj´ıc´ıch ˇreˇsen´ı,jsem se rozhodla udˇelatmenˇs´ı pr˚uzkummezi uˇzivateli, kteˇr´ı zat´ım odpov´ıdac´ı jednotku ne- vlastn´ı,abych naˇslaodpovˇedina ot´azky, kter´ezat´ımz˚ustalynezodpovˇezeny. Jeˇstˇepˇred zaˇc´atkem pr˚uzkumu jsem si stanovila c´ıle,kter´ych bych r´adav´yz- kumem dos´ahla.Vzhledem k pˇredpokl´adan´ec´ılov´eskupinˇe,kterou nelze bl´ıˇze specifikovat, byla skupina dotazovan´ych r˚uznorod´a,stejnˇejako c´ılov´askupina produktu. V´yzkumembych r´adanalezla odpovˇedi na tyto ot´azky:

• Kdo jsou naˇsibudouc´ıuˇzivatel´e?

38 3.1. Pˇr´ıprava

• Co dˇelaj´ıa co chtˇej´ı?

• Na co budou odpov´ıdac´ıjednotku vyuˇz´ıvat?

• Kdo u nich doma ji bude vyuˇz´ıvat?

• Jak´emaj´ıo takov´emzaˇr´ızen´ıpˇredstavy?

Zvolila jsem kvalitativn´ıv´yzkum,protoˇzeje v m´empˇr´ıpadˇepˇr´ınosnˇejˇs´ıneˇz v´yzkumkvantitativn´ı.Zaj´ımaj´ımˇepˇredevˇs´ımodpovˇedina otevˇren´eot´azky, kter´eby byly pˇrimetod´ach kvantitativn´ıhov´yzkumu tˇeˇzko zodpovˇezov´any. Kvantitativn´ıv´yzkumby byl dokonce zbyteˇcn´yvzhledem ke znalosti c´ılov´e skupiny.

3.1.3.1 Vyb´ ˇer relevantn´ıch participant˚u Na zaˇc´atkurozhovoru budou participanti dot´az´anina tyto ot´azky, abych si ovˇeˇrila,zda jsou pro m˚ujv´yzkumrelevantn´ı:

1. Do jak´evˇekov´eskupiny spad´ate?

• 6-15 [0-1/5] • 16-50 [3-4/5] • 51-80 [1-2/5]

2. Kde bydl´ıte?

• D˚um[2-3/5] • Byt [2-3/5] • Jinde - intern´at/ubytovna/kolej [0/5]

3.1.3.2 Struktura rozhovoru 1. Kr´atk´epˇredstaven´ıa jednoduch´ypopis produktu Jedn´ase o odpov´ıdac´ı jednotku k interkomu, kterou budou m´ıt lid´e v bytˇenebo v domˇe.Interkom je zaˇr´ızen´ına vstupn´ıch dveˇr´ıch, kter´ym se lze dovolat na odpov´ıdac´ıjednotku a naopak. Takov´ych interkom˚u m˚uˇzeb´ytv domˇenebo bytov´em domˇev´ıce, napˇr´ıklad u vˇsech vstupn´ıch dveˇr´ı.Odpov´ıdac´ıch jednotek m˚uˇzem´ıttak´ekaˇzd´adom´acnostv´ıce.

2. Pˇr´ıprava na rozhovor Obezn´amit´uˇcastn´ıkas t´ım,ˇzebude cel´yrozhovor nahr´av´ana ˇze z´aznam bude pouˇzitpouze pro potˇreby t´etopr´ace.

3. Z´akladn´ıot´azky

• Jak ˇcastok V´amchod´ın´avˇstˇevy?

39 3. Navrh´ Lo-Fi prototypu

• M´atedoma zvonek? Pokud ano, jak ˇcastona nˇejnˇekdozvon´ı? • Jak´ymijin´ymizp˚usoby V´amd´avaj´ın´avˇstˇevn´ıcivˇedˇet,ˇzeuˇzstoj´ı pˇreddveˇrmi? • Chod´ıV´amobjedn´avkypoˇstou?Pokud ano, jak takov´epˇrevzet´ı objedn´avkyobvykle prob´ıh´a?Jak´ymzp˚usobem V´aspoˇst’´ak/doru- ˇcovatel informuje, ˇzejiˇzse zboˇz´ımpˇrijel?

4. Zamˇeˇren´ına produkt samotn´y Pˇredstavte si, ˇzem´atedˇr´ıve popisovan´yprodukt novˇenainstalovan´y u V´asdoma. Jak byste tuto zmˇenu pˇrijaliVy a Vaˇserodina? Mysl´ıte,ˇze by pro V´asbylo obt´ıˇzn´enauˇcitse s n´ımpracovat?

5. Uzavˇren´ırozhovoru a podˇekov´an´ı.

3.1.3.3 Shrnut´ı rozhovor˚u Participant 1 Zena,ˇ 74 let, ˇzijev rodinn´emdomˇe. N´avˇstˇevyk nim chod´ıt´emˇeˇrkaˇzd´yden, nejˇcastˇejisoused´ea jin´ızn´am´ı. Vˇsichni po sv´empˇr´ıchodu zazvon´ı na zvonek, aby upozornili na svou pˇr´ı- tomnost pˇredbrankou. Branka je t´emˇeˇrvˇzdyotevˇren´a,proto automaticky vejdou dovnitˇra poˇckaj´ıpˇredvstupn´ımidveˇrmiaˇzjim nˇekdodojde otevˇr´ıt tam (u dveˇr´ızvonek nen´ı).Participantka mus´ıvyj´ıtna balkon, aby zjistila, kdo a proˇcpˇriˇsel.Pokud je s n´avˇstˇevou pˇredemobezn´amen´a,jde rovnou dol˚u. S poˇst’´akem se dobˇrezn´a,stejnˇejako ostatn´ın´avˇstˇevyˇcek´aaˇzpˇreddveˇrmi do domu. Z´adnoutakovouˇ novinku by m´ıt doma nechtˇela,vyhovuje j´ı,jak to maj´ı ˇreˇsen´eted’. Uˇzjsou s manˇzelemstaˇr´ıa nedovede si pˇredstavit, ˇzeby se museli uˇcitnˇecotakov´ehoovl´adat.

Participant 2 Zena,ˇ 43 let, ˇzijev rodinn´emdomˇe. Manˇzelparticipantky je truhl´aˇr,kter´ym´asvou d´ılnu na zahradˇeu je- jich domu. Nejˇcastˇejˇs´ın´avˇstˇevyjsou proto jeho z´akazn´ıci,chod´ıjich za n´ım nˇekolik dennˇe.D´aleje pak ˇcastonavˇstˇevuj´ıjejich zn´am´ıa kamar´adijejich syn˚u.Zvonek maj´ıu hlavn´ıbranky i u dveˇr´ıdo domu, oba zvon´ıpouze uvnitˇr domu. Ti, kteˇr´ık nim nejdou poprv´e,v´ı,ˇzebranka se nikdy nezamyk´a,a jdou rovnou k domu nebo do d´ılny. Nov´ız´akazn´ıcimusej´ımanˇzelovi telefonovat, protoˇzev domˇeˇcastonikdo nen´ıa na zvonek nikdo nereaguje. Rovnˇeˇzpoˇst’´ak s bal´ıˇckem vˇetˇsinourovnou telefonuje, neˇzaby zvonil na zvonek. Produkt by ocenila ona i jej´ı rodina, uˇzdlouho pˇrem´yˇslej´ı o zaveden´ı zvonku tak´edo d´ılny. Pokud by nebyl pˇr´ıliˇssloˇzit´yna ovl´ad´an´ı,nemˇeliby s n´ımjistˇeprobl´emy.

40 3.1. Pˇr´ıprava

Participant 3 Zena,ˇ 28 let, ˇzijev bytˇe. Panelov´yd˚um,ve kter´emˇzijeparticipantka, m´astar´ezvonky u doln´ıho vchodu, u kter´ych nefunguje mikrofon, proto preferuje, kdyˇzj´ın´avˇstˇeva zate- lefonuje. T´emˇeˇrnikdy na ni proto nikdo nezvon´ı,jinak v´ı,ˇzeje to nˇekdociz´ıa zvonek ignoruje. Bal´ıˇckysi nikdy nenech´av´apos´ılatdom˚u,protoˇzeje pˇresden v pr´acia mohou j´ıjej pˇriv´esttam. L´ıbilaby se j´ıinovace jejich domovn´ıhozvonku, ale pochybuje, ˇzek n´ı nˇekdydojde. Nemysl´ısi, ˇzeby mˇelaprobl´emnauˇcitse s produktem pracovat.

Participant 4 Muˇz,35 let, ˇzijev bytˇe. Participant nen´ımoc zvykl´yna n´avˇstˇevy, protoˇzedoma moc ˇcasunetr´av´ı. Pokud ho nˇekdo pˇrijdenavˇst´ıvit,zazvon´ıbud’ na zvonek nebo mu zatelefonuje. Obˇcasmu nˇecopˇrijdepoˇstou,vˇetˇsinoumu telefonuj´ıp´arminut pˇredem,ˇzese bl´ıˇz´ık jeho domu. Nevadilo by mu m´ıtdoma dˇr´ıve popsan´ezaˇr´ızen´ı,ale nejsp´ıˇsby ho tolik nevyuˇz´ıval. M´akladn´yvztah k modern´ıtechnice, se vˇs´ımse dok´aˇze nauˇcit pracovat bˇehemp´arminut.

Participant 5 Zena,ˇ 20 let, ˇzijev bytˇe. Participantka bydl´ına bytˇes dalˇs´ımipˇetispolubydl´ıc´ımi,n´avˇstˇevyjsou u nich na denn´ımpoˇr´adku.Zvonek asi maj´ı,ale jeˇstˇenepˇriˇslina to, kter´yje jejich a pochybuje, ˇzeby fungoval. N´avˇstˇeva je kontaktuje pˇrev´aˇznˇetelefo- nem nebo pˇressoci´aln´ıs´ıtˇe.Bal´ıˇckyjim nechod´ı,ale kdyby jim pˇriˇsel,nevid´ı v absenci zvonku probl´em,protoˇzepoˇst’´acistejnˇeradˇsitelefonuj´ıneˇzzvon´ı. Produktem byla nadˇsen´a,urˇcitˇeby ho chtˇelim´ıtu nich v bytˇe.Jistˇeby nemˇeliprobl´emse se zaˇr´ızen´ımnauˇcitpracovat.

3.1.3.4 Vystup´ z vyzkumu´ Nez´avislena tom, zda uˇzivatel ˇzijev bytˇeˇciv rodinn´emdomu, vˇsichni maj´ı stejn´yc´ıla t´ımje ovˇeˇren´ı,kdo stoj´ıza dveˇrmi,a jednoduch´evpuˇstˇen´ın´avˇstˇevy do domu. V rodinn´em domˇese jedn´aalespoˇno jedny dveˇreu domu a velmi ˇcastoi o vstupn´ıbranku. V pˇr´ıpadˇebytov´ehodomu se jedn´apˇrev´aˇznˇeo dvoje dveˇre,jedny u vchodu do domu a druh´eu konkr´etn´ıhobytu. Na interkomu u vchodu by mˇelpˇr´ıchoz´ıuˇzivatel na v´ybˇermezi jednotliv´ymibyty a recepc´ı, nach´az´ı-lise v domˇe. Rodinn´yd˚umbude m´ıt minim´alnˇejednu odpov´ıdac´ı jednotku u dveˇr´ı, v chodbˇenebo v ob´yvac´ımpokoji, pˇr´ıpadnˇeje moˇzn´em´ıtdalˇs´ıv loˇznici v patˇre, ve sklepˇenebo v oddˇelen´ebudovˇeu domu (napˇr.d´ılna). Z odpov´ıdac´ıjednotky by se dalo telefonovat na vˇsechna ostatn´ızaˇr´ızen´ıv s´ıti.U bytov´ehodomu by se odpov´ıdac´ıjednotky nach´azelyna kaˇzd´ebytov´ejednotce, pˇr´ıpadnˇetak´e na recepci. Za pˇredpokladu, ˇze se obyvatel´ebytov´ehodomu neznaj´ı a ne- chtˇej´ısi mezi sebou volat, by neˇslokomunikovat se vˇsemizaˇr´ızen´ımiv s´ıti.To vˇsaknijak neovlivˇnujerozhran´ıodpov´ıdac´ıjednotky, nastaven´ıby prob´ıhalo

41 3. Navrh´ Lo-Fi prototypu ve webov´emkonfiguraˇcn´ımrozhran´ı. Z toho vypl´yv´a,ˇzeodpov´ıdac´ıjednotka v rodinn´ema bytov´em domˇeby se nemˇelaniˇc´ımliˇsit,nen´ıproto tˇrebaˇreˇsit oba dva pˇr´ıpadyzvl´aˇst’.

3.1.4 Persony Persony byly vytvoˇreny na z´akladˇespecifikace c´ılov´eskupiny a z v´ysledk˚u v´yzkumu.

3.1.4.1 Prim´arn´ı persona: Jan (40 let) Jan je svobodn´ybezdˇetn´ymuˇzstˇredn´ıhovˇeku,kter´yˇzijes´amv garsoni´eˇre. M´amnoho kon´ıˇck˚u,proto si dosud nenaˇselˇzenu. Pracuje na finanˇcn´ım´uˇradˇe v hlavn´ımmˇestˇe,vystudoval stˇredn´ıˇskolu s ekonomick´ymzamˇeˇren´ım.Jeho pr´aceho pˇr´ıliˇsnebav´ı,ale jezd´ıdo n´ıkaˇzd´yden na kole a cestu si velmi uˇz´ıv´a. Po veˇcerech se vˇenuje jin´ymsport˚um,pˇredevˇs´ımvolejbalu, tenisu a basket- balu. S poˇc´ıtaˇcimoc pracovat neum´ı,zvl´ad´afinanˇcn´ıprogramy, se kter´ymi mus´ıpracovat na ´uˇradˇe,ale jinak nen´ımoc pokrokov´y,st´alevlastn´ıpouze tlaˇc´ıtkov´ytelefon. Poˇc´ıtaˇcdoma nem´a,vˇse potˇrebn´esi najde na poˇc´ıtaˇci v pr´acia kv˚ulijeho kon´ıˇck˚um nem´aˇcasvysed´avat ve voln´emˇcaseu poˇc´ıtaˇce. Jan se ned´avnopˇrestˇehoval do bytu, kter´yje souˇc´ast´ırezidence bytov´ych dom˚u.Centr´aln´ı recepce je v are´alu,kde je interkom, z´aroveˇnje interkom na kaˇzd´embloku. Takov´emodern´ıbydlen´ısi mohl snadno poˇr´ıdit,protoˇze t´emˇeˇrv˚ubec neutr´ac´ıa nemus´ıˇzivitrodinu. Jeˇstˇedoned´avnabydlel v domˇe se svoj´ımatkou, ale ta ho koneˇcnˇe,po mnoha letech pˇremlouv´an´ı,donutila se odstˇehovat.

3.1.4.2 Sekund´arn´ı persona: Marie (72 let) Pan´ıMarie ˇzijev domku za Prahou se sv´ymstejnˇestar´ymmanˇzelem.M´adva dospˇel´esyny a je jiˇzpˇetin´asobnoubabiˇckou. Nˇekolik´at´ymrokem je v d˚uchodu a vˇenuje se mnoha aktivit´am.Kromˇedom´ac´ıch prac´ıa prac´ına zahr´adcer´ada chod´ına t´urypo okol´ıa pˇrivydˇel´av´asi jako ˇsvadlena. Ned´avno se zaˇcalauˇcit pracovat na poˇc´ıtaˇci,dok´aˇzesi pˇreˇc´ıstemaily, pˇr´ıpadnˇesi naj´ıtnˇejak´yrecept na internetu. Vedle poˇc´ıtaˇcem´asepsan´evˇsechny ´ukony, jak m´apostupovat, jak ji to nauˇciljeden z jej´ıch syn˚u.Bez toho tah´akuto zat´ımnezvl´ad´a,ale kaˇzd´ymdnem na nˇejkouk´am´enˇe. Mobiln´ıtelefon m´ast´aletlaˇc´ıtkov´y,ale zvl´ad´ajej ovl´adatbez probl´em˚ua s dotykovou obrazovkou se uˇzjednou setkala pˇrin´akupuj´ızdenek,kde j´ımusela pomoct pan´ıve frontˇeza n´ı. D˚ummanˇzel˚use nach´az´ına rozlehl´empozemku, branka je na jeho jed- nom konci, d˚umna druh´em.K V´anoc˚umdostali od syna modern´ıinterkom s dotykovou odpov´ıdac´ıjednotkou. Marii d´arekmoc nepotˇeˇsil,m´astrach, ˇze se to nenauˇc´ıovl´adat.Preferovala by radˇsiponech´an´ıjejich star´ehozvonku na dveˇr´ıch, kter´ymaj´ıcel´yˇzivot, ale syn ji pˇresvˇedˇcil,ˇzemusej´ıj´ıts dobou, ˇzeovl´ad´an´ıby mˇelpodle popisu zvl´adnoutopravdu kaˇzd´y.Pˇrijdemu totiˇz

42 3.1. Pˇr´ıprava nebezpeˇcn´enech´avat sv´erodiˇcecel´edny samotn´e,protoˇzestejnˇejako vˇetˇsina starˇs´ıch lid´ıjsou velmi d˚uvˇeˇriv´ıa otevˇroudveˇrekaˇzd´emu, kdo zazvon´ı.Co kdyby jednou zazvonili zlodˇejia v okol´ınebude nikdo, kdo by rodiˇc˚umpo- mohl?

3.1.4.3 Sekund´arn´ı persona: Oskar (10 let) Z´akz´akladn´ıˇskolyˇ Oskar ˇzijes rodiˇcia dvˇemamladˇs´ımisestrami v bytov´em domˇena okraji Prahy. Pˇrestˇehovali se z menˇs´ıhobytu na praˇzsk´ems´ıdliˇsti teprve ned´avno.Oskara ˇskola nebav´ı,nen´ıstudijn´ıtyp a jeho rodiˇcebudou r´adi,jestli dokonˇc´ısv´evzdˇel´an´ıalespoˇns v´yuˇcn´ımlistem. Sv˚ujvoln´yˇcasr´ad tr´av´ıhran´ım videoher nebo sledov´an´ımtelevize. Jeho rodiˇcehodnˇepracuj´ı, takˇzemus´ıˇcastohl´ıdatsv´esestry a hr´atsi s nimi, coˇzdˇel´anerad, ale nedovol´ı si rodiˇc˚umvzdorovat. Kaˇzd´yvˇsedn´ıden mus´ıOskar nejprve odv´estsv´esestry do ˇskolky, pot´e jde do sv´eˇskoly, nepotk´a-licestou nˇejak´ehosv´ehokamar´ada,se kter´ympak vˇetˇsinou p´arhodin ve ˇskole vynech´a.Po ˇskole jde vyzvednout sv´esestry ze ˇskolky, odvede je dom˚ua ˇcastosi pak pozve odpoledne kamar´ady, aby mohli hr´atspoleˇcnˇehry a sestry si nech´ahr´atsamotn´ev pokoji. V Oskarovˇenov´emdomˇeje zaveden´ysyst´ems interkomem u vchodov´ych dveˇr´ıa odpov´ıdac´ımijednotkami na kaˇzd´ebytov´ejednotce a na recepci. Jeho rodiˇcejsou ze syst´emu nadˇsen´ı,protoˇzepomoc´ınˇejmohou kontrolovat, koho Oskar do domu v jejich nepˇr´ıtomnostipouˇst´ı.

3.1.5 Pˇr´ıpadyuˇzit´ı Reˇzimsp´anku

• probudit zaˇr´ızen´ı

• zah´ajitnouzov´yhovor

Pˇrihlaˇsovac´ıobrazovka

• pˇrihl´asitse zad´an´ımPINu

• zah´ajitnouzov´yhovor

Domovsk´aobrazovka

• zobrazit seznam hovor˚u

• zobrazit seznam zaˇr´ızen´ı

• zobrazit nastaven´ı

• pˇrepnoutdo tich´ehom´odu

43 3. Navrh´ Lo-Fi prototypu

• pˇrijmouthovor

• zobrazit zmeˇskan´yhovor

Seznam hovor˚u

• smazat cel´yseznam hovor˚u

• zobrazit poloˇzkuv seznamu hovor˚u

– zah´ajithovor na dan´ezaˇr´ızen´ı – otevˇr´ıtdveˇreu zaˇr´ızen´ı – zobrazit aktu´aln´ıpohled – odstranit z´aznam

Seznam zaˇr´ızen´ı

• zah´ajitnouzov´yhovor

• zah´ajithovor na vybran´ezaˇr´ızen´ı

• otevˇr´ıtdveˇreu vybran´ehointerkomu

• zobrazit pohled kamery u vybran´ehointerkomu

V pr˚ubˇehu hovoru

• upravit zvuk

• zapnout/vypnout kameru

• zapnout/vypnout mikrofon

• otevˇr´ıtdveˇreu dan´ehointerkomu

• udˇelatsn´ımekobrazovky

• ukonˇcithovor

Pˇr´ıchoz´ıhovor - viz v pr˚ubˇehu hovoru

• pˇrijmouthovor

Pohled kamery

• zapnout/vypnout kameru

• otevˇr´ıtdveˇreu dan´ehointerkomu

• zah´ajithovor na interkom

44 3.1. Pˇr´ıprava

Nastaven´ı

• nastavit displej

– upravit jas – upravit podsv´ıcen´ı – zapnout reˇzimpro zrakovˇepostiˇzen´e – zmˇenitfont a velikost p´ısma – zmˇenittapetu

• nastavit zvuk a reˇzimy zvuku

– (de)aktivovat tich´yreˇzim – upravit hlasitost – zmˇenitt´onvyzv´anˇen´ı – nastavit ˇcas,kdy se automaticky aktivuje tich´yreˇzima kdy se automaticky deaktivuje

• nastavit notifikace

– (de)aktivace notifikac´ı – zmˇenittelefonn´ıˇc´ıslo

• nastavit poˇcas´ı

– zobrazen´ıpoˇcas´ı – pˇrepnout ◦C/◦F

• rodiˇcovsk´yz´amek

– nastavit rodiˇcovsk´yz´amek – zmˇenitk´odu rodiˇcovsk´ehoz´amku

• nastavit datum a ˇcas(automaticky nebo ruˇcnˇe)

• zmˇenitjazyk zaˇr´ızen´ı

• spustit tutori´al

• zobrazit informace o zaˇr´ızen´ı

3.1.6 Sc´en´aˇre Vzhledem ke skuteˇcnosti, ˇzenˇekter´epˇr´ıpady uˇzit´ı z´avisej´ı na kontextu, je nutn´estanovit z´akladn´ısc´en´aˇre.

45 3. Navrh´ Lo-Fi prototypu

3.1.6.1 Akt´eˇri U tˇechto pˇr´ıpad˚ujsou definov´any dvˇeuˇzivatelsk´erole a to osoba obsluhuj´ıc´ı odpov´ıdac´ıjednotku a osoba zvon´ıc´ıu dveˇr´ı.Hlavn´ımiakt´eryv n´asleduj´ıc´ıch sc´en´aˇr´ıch jsou vytvoˇren´epersony (str. 42).

3.1.6.2 Pˇredpoklady • Uˇzivatel m´ak dispozici, tj. je vlastn´ıkem (pˇr´ıpadnˇedoˇcasn´ymvlastn´ıkem) odpov´ıdac´ıjednotky k interkomu a zn´ajej´ıPIN k´od.

• Uˇzivatel um´ıpracovat s dotykovou obrazovkou.

• Odpov´ıdac´ıjednotka je um´ıstˇen´av dosahu uˇzivatele.

• Uˇzivatel netrp´ıˇz´adn´ympostiˇzen´ım,kter´eby mu znemoˇznilopohodlnou interakci se zaˇr´ızen´ım.

3.1.6.3 Sc´en´aˇr 1 C´ıl uˇzivatele Marii zvon´ızvonek, chce zjistit, kdo na ni zvon´ıa u kter´eho je vchodu. Zept´ase na d˚uvod n´avˇstˇevya podle toho dotyˇcn´ehopust´ıdovnitˇr.

Hlavn´ı sc´en´aˇr:

1. Zvon´ızvonek.

2. Uˇzivatel pˇrijdek odpov´ıdac´ıjednotce a pod´ıv´ase na displej, kdo zvon´ı. Na kameˇrevid´ısousedku s bal´ıˇckem.

3. Uˇzivatel pˇrijmehovor.

4. Uˇzivatel otevˇre dveˇren´avˇstˇevn´ıkovi.

5. N´avˇstˇeva otevˇredveˇrea vejde dovnitˇr.

6. Uˇzivatel ukonˇc´ıhovor.

Alternativn´ı tok:

1. Zvon´ızvonek.

2. Uˇzivatel pˇrijdek odpov´ıdac´ıjednotce a pod´ıv´ase na displej, kdo zvon´ı. Na kameˇrevid´ıciz´ıhomuˇzes kuklou.

3. Uˇzivatel nepˇrijmehovor.

4. Uˇzivatel zah´aj´ınouzov´yhovor.

46 3.1. Pˇr´ıprava

Obr´azek3.1: Pˇr´ıbˇehke sc´en´aˇri1 - Hlavn´ısc´en´aˇr

3.1.6.4 Sc´en´aˇr 2 C´ıl uˇzivatele Oskarovi pˇriˇselna n´avˇstˇevukamar´ad,kdyˇzbyl s´amdoma. Mus´ısmazat z´aznam,aby se o tom rodiˇcenedozvˇedˇeli.

Hlavn´ı sc´en´aˇr: 1. Uˇzivatel dotykem probud´ızaˇr´ızen´ız reˇzimu sp´anku.

2. Na zaˇr´ızen´ıse zobraz´ıpˇrihlaˇsovac´ıobrazovka.

47 3. Navrh´ Lo-Fi prototypu

3. Uˇzivatel zad´aPIN k´od.

4. Zobraz´ıse domovsk´aobrazovka.

5. Uˇzivatel zobraz´ıseznam hovor˚u.

6. Uˇzivatel vybere konkr´etn´ız´aznama ikonkou koˇsejej smaˇze.

3.1.6.5 Sc´en´aˇr 3 C´ıl uˇzivatele Petr pˇriˇseldom˚upozdˇeveˇcer,chce zkontrolovat, jestli ho nˇekdonesh´anˇel a zapnout tich´yreˇzim,aby ho v noci nikdo neruˇsil.

Hlavn´ı sc´en´aˇr:

1. Uˇzivatel dotykem probud´ızaˇr´ızen´ız reˇzimu sp´anku.

2. Na zaˇr´ızen´ıse zobraz´ıpˇrihlaˇsovac´ıobrazovka.

3. Uˇzivatel zad´aPIN k´od.

4. Zobraz´ıse domovsk´aobrazovka.

5. Uˇzivatel vid´ıjeden z´aznamz dneˇsn´ıhodne, prohl´edne ho a vr´at´ıse zpˇet na domovskou obrazovku.

6. Uˇzivatel zapne tich´yreˇzim.

3.2 Vytv´aˇren´ıLo-Fi prototypu

3.2.1 Prototypovac´ın´astroj N´astroj˚upro vytv´aˇren´ıLo-Fi prototypu je nepˇrebern´emnoˇzstv´ı,protoˇzejeho poˇzadavky nejsou zvl´aˇst’ specifick´e.J´ahledala nˇeco,co bude umoˇzˇnovat vy- tvoˇren´ıklikateln´ehoprototypu s velmi jednoduchou grafikou a nab´ıdkou jedno- duch´ych ikon. Nakonec jsem vybrala n´astroj Balsamiq11, kter´yje sice placen´y, ale poskytuje mˇes´ıˇcn´ızkuˇsebn´ıverzi zdarma. Nejv´ıceu nˇejoceˇnuji,ˇzev nˇem prototypy vypadaj´ıjako ruˇcnˇenakreslen´e,ˇc´ımˇzbud´ıdojem pouh´ehon´avrhu a neruˇs´ıtak uˇzivatele pˇr´ıliˇsv´yraznougrafikou.

3.3 Testov´an´ıLo-Fi prototypu

3.3.1 Ukoly´ Bydl´ıtev bytov´emdomˇe,kde kaˇzd´ybyt disponuje odpov´ıdac´ıjednotkou k in- terkom˚umum´ıstˇen´ymu pˇredn´ıhoa zadn´ıhovchodu do bytov´ehodomu.

11https://balsamiq.com/

48 3.3. Testov´an´ıLo-Fi prototypu

3.3.1.1 Kontrola zmeˇskanych´ hovor˚u Popis Pˇrijdetedom˚uz proch´azkya chcete zkontrolovat, jestli V´aspo dobu Vaˇs´ınepˇr´ıtomnostinˇekdonesh´anˇel.Pokud ano, zjistˇete,kdo to byl.

C´ıle

• Ovˇeˇrit,zda je domovsk´aobrazovka pro uˇzivatele dostateˇcnˇepˇrehledn´a.

• Ovˇeˇrit,zda uˇzivatel´ech´apou rozd´ılmezi zmeˇskan´ym,pˇrijat´yma nepˇri- jat´ymhovorem.

• Ovˇeˇrit,zda uˇzivatel ch´ape vˇsechny moˇznostiu detailu zmeˇskan´ehoho- voru.

Pr˚uchod

1. Nejprve se mus´ıuˇzivatel dostat na domovskou obrazovku.

a) Uˇzivatel probud´ıdotykem zaˇr´ızen´ız reˇzimu sp´anku. b) N´aslednˇezad´aPIN k´od.

2. Uˇzivatel zkontroluje, zda na domovsk´eobrazovce nˇecoindikuje zmeˇskan´y hovor.

3. Uˇzivatel zobraz´ıdetail zmeˇskan´ehohovoru.

a) Na domovsk´eobrazovce najde pˇr´ısluˇsnou ikonu a zobraz´ıseznam zmeˇskan´ych hovor˚u. b) Zobraz´ıdetail posledn´ıho zmeˇskan´ehohovoru. c) Uˇzivatel se pokus´ıpopsat, na co kter´aikona slouˇz´ı.

3.3.1.2 Deaktivace rodiˇcovsk´eho z´amku Popis Nem´atedˇeti,proto je pro V´asrodiˇcovsk´yz´amekzbyteˇcn´y.Deakti- vujte ho.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel bez pot´ıˇz´ı zvl´adnedostat zpˇetna domovskou obrazovku.

• Ovˇeˇrit,zda uˇzivatel spr´avnˇenalezne Nastaven´ı na domovsk´eobrazovce.

• Ovˇeˇrit,zda se uˇzivatel v Nastaven´ı orientuje.

• Ovˇeˇrit,zda uˇzivatel nalezne moˇznostdeaktivace rodiˇcovsk´ehoz´amku.

49 3. Navrh´ Lo-Fi prototypu

Obr´azek3.2: Seznam hovor˚u- verze B

Pr˚uchod

1. Nejprve se mus´ıuˇzivatel dostat zpˇetna domovskou obrazovku.

2. Uˇzivatel pˇrejdedo sekce Nastaven´ı.

3. Uˇzivatel deaktivuje rodiˇcovsk´yz´amek.

a) Mezi poloˇzkamiv Nastaven´ı najde moˇznost Rodiˇcovsk´yz´amek. b) Uˇzivatel vypne rodiˇcovsk´yz´amek. c) Uˇzivatel zad´aPIN k´odpro ovˇeˇren´ı.

3.3.1.3 Reakce na zvonek a otevˇren´ı dveˇr´ı Popis Nˇekdona V´aszvon´ı,zkontrolujte, kdo to je a otevˇretemu.

C´ıle

• Ovˇeˇrit,zda uˇzivatel rozum´ımoˇznostem u pˇr´ıchoz´ıhohovoru.

• Ovˇeˇrit,zda uˇzivatel spr´avnˇepˇrijmea ukonˇc´ıhovor.

• Ovˇeˇrit,zda uˇzivatel spr´avnˇepochop´ı,jak se otev´ıraj´ıdveˇre.

50 3.3. Testov´an´ıLo-Fi prototypu

Obr´azek3.3: Deaktivace rodiˇcovsk´ehoz´amku- verze B

Pr˚uchod

1. Uˇzivatel pˇrijmehovor.

2. Uˇzivatel otevˇredveˇre.

3. Uˇzivatel ukonˇc´ıhovor.

3.3.1.4 Aktivace tich´eho reˇzimu Popis Chcete j´ıtsp´at.Zapnˇetena zaˇr´ızen´ıtich´yreˇzim.

C´ıle

• Ovˇeˇrit,zda uˇzivatel identifikuje m´ıstona domovsk´eobrazovce, kde se aktivuje tich´yreˇzim.

• Ovˇeˇrit,zda uˇzivatel ch´ape, jestli je tich´yreˇzimzapnut´ynebo vypnut´y.

Pr˚uchod

1. Pokud nen´ıuˇzivatel na domovsk´eobrazovce, pˇrejdena ni.

2. Aktivuje tich´yreˇzim.

51 3. Navrh´ Lo-Fi prototypu

Obr´azek3.4: Pˇr´ıchoz´ıhovor - verze B

Alternativn´ı pr˚uchod

1. Uˇzivatel pˇrejdedo sekce Nastaven´ı.

2. V nastaven´ınajde Nastaven´ızvuku.

3. Aktivuje tich´yreˇzim.

3.3.2 Testov´an´ıbez uˇzivatel˚u Jeˇstˇepˇredprvn´ım testov´an´ıms uˇzivateli je nutn´eprototyp otestovat testy bez uˇzivatel˚u. Nejprve provedu kognitivn´ı pr˚uchod, kde se odhal´ı vˇsechny z´avaˇzn´echyby prototypu, pot´eheuristickou anal´yzoupotvrd´ım stanoviska, ke kter´ymjsem doˇslakognitivn´ımpr˚uchodem.

52 3.3. Testov´an´ıLo-Fi prototypu

3.3.2.1 Kognitivn´ı pr˚uchod Ot´azkypˇrikognitivn´ımpr˚uchodu byly pops´any v 1.6.2.2. Q0: Stanov´ısi uˇzivatel spr´avn´yc´ıl? Q1: Je akce realizuj´ıc´ıtento c´ılvidˇet? Q2: Zvol´ıuˇzivatel tuto akci? Q3: Poskytne akce zpˇetnouvazbu?

Kontrola zmeˇskanych´ hovor˚u

Q0 Q1 Q2 Q3 Krok 1 Ano Ne Ano Ano Krok 2 Ano Ano Ne Ano Krok 3 Ano Ano Ano Ano

Hned u prvn´ıho sc´en´aˇre jsem narazila na nˇekolik probl´em˚u. Pokud je zaˇr´ızen´ıv reˇzimu sp´anku,uˇzivatel si nemus´ıb´ytjist, jak zaˇr´ızen´ıprobudit. Nejsou zde ˇz´adn´atlaˇc´ıtka,tak mu nezb´yv´anic jin´eho,neˇzse dotknout dis- pleje. Zabere mu to p´arvteˇrin ˇcasu,pˇritomse tomu lze snadno vyhnout. Domovsk´aobrazovka sice obsahuje indik´atorzmeˇskan´ych hovor˚u,nach´az´ı se ale v horn´ınotifikaˇcn´ıliˇstˇe,kter´anejde vysunout a uˇzivateli nemus´ıb´yt jasn´e,ˇzepro pˇresmˇerov´an´ına detail hovoru staˇc´ıkliknout na notifikaˇcn´ıliˇstu.

Deaktivace rodiˇcovsk´eho z´amku

Q0 Q1 Q2 Q3 Krok 1 Ano Ano Ano Ano Krok 2 Ano Ano Ano Ano Krok 3 Ano Ano Ano Ne

Orientace v Nastaven´ı by mˇelab´ytbez probl´emu. Jsme zde pouze limi- tov´aninedostateˇcnˇedetailn´ımLo-Fi prototypem, kter´yneobsahuje vˇsechny funkce a nejsme tak schopni dos´ahnout viditeln´ehoc´ıle.

Reakce na zvonek a otevˇren´ı dveˇr´ı

Q0 Q1 Q2 Q3 Krok 1 Ano Ano Ano Ano Krok 2 Ano Ano Ano Ne Krok 3 Ano Ano Ano Ano

Podobnˇejako u pˇredchoz´ıhosc´en´aˇrebyl jedin´ymprobl´ememnedostateˇcn´y prototyp.

53 3. Navrh´ Lo-Fi prototypu

Reakce na zvonek a otevˇren´ı dveˇr´ı Q0 Q1 Q2 Q3 Krok 1 Ano Ano Ano Ano Krok 2 Ano Ano Ano Ne Podobnˇejako u prvn´ıho´ukolu je probl´ems neintuitivn´ıhorn´ıliˇstou,na kte- rou uˇzivatel´enejsou zvykl´ıklikat.

3.3.2.2 Heuristick´a analyza´ V t´etof´aziprototypu nen´ımoˇzn´eposoudit vˇsechny body anal´yzy, pˇrestoje velmi uˇziteˇcn´apro odhalen´ız´asadn´ıch chyb, kter´ych je lepˇs´ıse vyvarovat jiˇz pˇredzaˇc´atkem tvorby Hi-Fi prototypu. Viditelnost stavu syst´emu: Stav syst´emu je vˇzdyviditeln´y,u Lo-Fi proto- typu tˇeˇzko posuditeln´e. Propojen´ı syst´emu a re´aln´eho svˇeta: Syst´emje zcela propojen s re´aln´ym svˇetem. Uˇzivatelsk´a kontrola a svoboda: Splˇnujev r´amcimez´ıprototypu. Konzistence a standardy: Nˇekter´eikonky nemus´ıb´ytdostateˇcnˇeintutivn´ı, nutn´epˇripojit text, pˇr´ıpadˇeovˇeˇritpˇriuˇzivatelsk´emtestov´an´ı,je-li to nutn´e. Prevence chyb: Nen´ızat´ımˇreˇseno,pozdˇejinutno specifikovat moˇzn´echyby a jak se jim vyvarovat. Napˇr´ıkladnelze zavolat na jin´ezaˇr´ızen´ıkv˚ulichybˇe v s´ıtinebo na zaˇr´ızen´ı. Lepˇs´ı rozpozn´an´ı neˇz vzpom´ın´an´ı: Uˇzivatel jasnˇevid´ı,jak m´adan´y´ukol prov´est. Flexibiln´ı a efektivn´ı pouˇzit´ı: Splˇnuje. Esteticky´ a minimalisticky´ design: Minimalistick´yano, estetick´yb´ytLo- Fi prototyp ani pˇr´ıliˇsnem˚uˇze. Pomoct uˇzivatel˚um rozpozn´avat, diagnostikovat a obnovovat chyby: Podobn´yprobl´emjako u Prevence chyb. N´apovˇeda a n´avody: K zaˇr´ızen´ıbude dod´av´anmanu´al,kter´ymse zab´yvat nebudu, jelikoˇzby nemˇelb´ytpˇritestov´an´ıpotˇreba.

Kognitivn´ım pr˚uchodem a heuristickou anal´yzoubyly odhaleny nˇekter´e probl´emy, kter´ebyly v prototypu opraveny. Rovnˇeˇzbyl navrˇzennov´yprototyp, kter´euˇztyto chyby neobsahuje. Nov´yprototyp jsem tentokr´atdˇelalav ˇceˇstinˇe, protoˇzeto s jistotou bude jazyk, kter´ybudou ovl´adatvˇsichni testuj´ıc´ı,zat´ımco angliˇctinu nikoliv.

3.3.3 Testov´an´ına uˇzivatel´ıch 3.3.3.1 Podm´ınky testov´an´ı Testov´an´ı probˇehlov dom´ac´ım prostˇred´ı potencion´aln´ıch nov´ych uˇzivatel˚u, pˇr´ıpadnˇev zasedac´ım´ıstnosti.Vlastnili-li testovan´ıuˇzivatel´etablet, pouˇzilo

54 3.3. Testov´an´ıLo-Fi prototypu se pro testov´an´ıjejich zaˇr´ızen´ı, jinak jim bylo zap˚ujˇceno.Zap˚ujˇcen´ytablet mˇel ´uhlopˇr´ıˇcku10.500, tablety uˇzivatel˚una tom byly velmi podobnˇe.Nikdo nemˇel s ovl´ad´an´ımzap˚ujˇcen´ehotabletu sebemenˇs´ıprobl´em. Testov´an´ıprobˇehlometodou zvanou A/B, kdy polovina testuj´ıc´ıch dostane jednu verzi prototypu a druh´apolovina druhou verzi. Vzhledem k tomu, ˇze prototyp B byl vylepˇsenouverz´ıprototypu A, testovala na nˇemvˇetˇs´ıpolovina testuj´ıc´ıch. Pˇredzaˇc´atkem byl stanoven pˇredpoklad, ˇzeprototyp B vykazuje m´enˇeproblematick´ych ˇc´ast´ıneˇzprototyp A.

3.3.3.2 Vyb´ ˇer relevantn´ıch participant˚u 1. Jak´eje vaˇsepohlav´ı?

• Muˇz[3-4/7] • Zenaˇ [3-4/7]

2. Do jak´evˇekov´eskupiny spad´ate?

• 6-15 [0-2/7] • 16-50 [3-6/7] • 51-80 [1-3/7]

3. Jak´aje vaˇseznalost pr´aces dotykov´ymizaˇr´ızen´ımi?

• z´akladn´ı[1-3/7] • pokroˇcil´a[4-6/7]

3.3.3.3 Dotazn´ık pˇred testem 1. Z´uˇcastnil/ajste se jiˇzv minulosti uˇzivatelsk´ehotestov´an´ı?

• Ano • Ne

2. Pˇriˇsel/pˇriˇslajste jiˇznˇekdydo styku s odpov´ıdac´ıjednotkou k interkomu?

• Ano • Ne

3.3.3.4 Dotazn´ık po testu 1. Jak´ejsou Vaˇsepocity z testov´an´ı?

2. Bylo pro V´aszad´an´ı´ukol˚usrozumiteln´e?

3. Jak celkovˇehodnot´ıtepr´acise zaˇr´ızen´ım?Co se V´amna nˇemnejv´ıce l´ıbilo/nel´ıbilo?

55 3. Navrh´ Lo-Fi prototypu

3.3.3.5 Pr˚ubˇeh testov´an´ı

Na zaˇc´atkutestov´an´ı bylo uˇzivatel˚umpˇredstaveno zaˇr´ızen´ı, podobnˇejako u rozhovor˚upˇriv´yzkumu. Nˇekteˇr´ıtestuj´ıc´ıuˇzivatel´ese z´uˇcastnilitak´ev´yzkumu, pro jistotu jim bylo vˇsepops´anoznovu, coˇzse uk´azalojako velice pˇr´ınosn´e. Byly jim zodpovˇezeny vˇsechny jejich dotazy, d´alejsem si vyˇz´adalajejich sou- hlas s nahr´av´an´ımcel´ehotestov´an´ıpro ´uˇcelym´epr´ace.Pokud se testov´an´ı jeˇstˇenikdy nez´uˇcastnili,vysvˇetlilajsem jim, jak prob´ıh´aa ˇzeje velmi d˚uleˇzit´e, aby pˇrem´yˇslelinahlas. Uklidnila jsem je, ˇzejak´ekoliv moˇzn´eprobl´emy jsou zp˚usobeny chybami, kter´echceme v testovan´emprototypu odhalit, nezname- naj´ıjejich neschopnost nebo n´ızkou inteligenci.

Participant 1 - verze A Zena,ˇ 28 let, pokroˇcil´aznalost pr´aces dotykov´ymi zaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse v minulosti z´uˇcastnilajiˇzdvakr´at,s od- pov´ıdac´ıjednotkou k interkomu pˇriˇslado styku. Participantka dokonˇcila vˇsechny ´ukoly bez vˇetˇs´ıch obt´ıˇz´ı, test trval ne- cel´ych 14 minut. Na zaˇc´atkubyla trochu zmaten´a,nevˇsimlasi zmeˇskan´eho hovoru na domovsk´eobrazovce a nejprve jej hledala v Seznamu zaˇr´ızen´ı, kde j´ıale po chvilce doˇslo,ˇzehled´aˇspatnˇe.Vr´atilase zpˇetna domovskou obra- zovku a pˇres Seznam hovor˚u naˇslazmeˇskan´yhovor. Pˇri´ukolu se zapnut´ım tich´ehoreˇzimu t´emˇeˇrihned identifikovala pˇr´ısluˇsnouikonku a kliknut´ımdo- konˇcila´ukol. Prototyp hodnot´ıjako intuitivn´ı,vˇsej´ıpˇriˇslona spr´avn´emm´ıstˇe,vˇzdy vˇedˇela,co se po n´ıchce. Prvn´ızmaten´ıpodle n´ızp˚usobilanglick´ypˇreklad, klikla na to prvn´ı,co vidˇela,aniˇzby se nad t´ımdostateˇcnˇezamyslela. Zad´an´ı j´ıpˇriˇslosrozumiteln´e.Celkovˇehodnotila prototyp kladnˇe,nejv´ıce se j´ıl´ıbila domovsk´aobrazovka, ˇzeje dobˇrevidˇetˇcasa zobrazen´ıpoˇcas´ıj´ıpˇriˇslojako skvˇel´yn´apad.

Participant 2 - verze B Muˇz,35 let, pokroˇcil´aznalost pr´aces doty- kov´ymizaˇr´ızen´ımi.Uˇzivatelsk´ehotestov´an´ıse v minulosti z´uˇcastnil jednou, s odpov´ıdac´ıjednotkou k interkomu nikdy nepˇriˇseldo styku. Participant si hned vˇsimlzmeˇskan´ehohovoru na domovsk´estr´ance,ale kv˚ulichybˇev prototypu na nˇejneˇslokliknout. Byl tedy vyzv´an,aby zkusil jin´yzp˚usob,jak zmeˇskan´yhovor naj´ıt.Naˇseljej bez probl´em˚u.U tˇret´ıho´ukolu znejistˇel,nepochopil spojitosti a nevˇedˇel,co si pˇredstavit pod pojmem Otevˇr´ıt dveˇre. Po dodateˇcn´emvysvˇetlen´ı spr´avnˇenaˇseltlaˇc´ıtko pro otevˇren´ı dveˇr´ı. Tich´yreˇzimzapnul pˇresdomovskou obrazovku. Testov´an´ıtrvalo pˇribliˇznˇe18 minut. Testov´an´ıi prototyp hodnotil kladnˇe,jedin´e,s ˇc´ımmˇelprobl´embylo v´yˇse zm´ınˇen´eotev´ır´an´ıdveˇr´ı.Navrhoval, aby se textace u tlaˇc´ıtkazmˇenilaz Ode- ” mknout“ na Odemknout dveˇre“. ” 56 3.3. Testov´an´ıLo-Fi prototypu

Participant 3 - verze A Muˇz,16 let, pokroˇcil´aznalost pr´aces dotykov´ymi zaˇr´ızen´ımi.Uˇzivatelsk´ehotestov´an´ıse zat´ımjeˇstˇenez´uˇcastnila s odpov´ıdac´ı jednotkou k interkomu nikdy nepˇriˇseldo styku. Nevˇsimlsi zmeˇskan´ehohovoru na domovsk´eobrazovce, hned klikl na Se- znam hovor˚u a naˇsel z´aznam.Nevˇsimlsi ani moˇznostivypnut´ıtich´ehoreˇzimu a vyp´ınal ho pˇres Nastaven´ı. S ˇz´adn´ym´ukolem nemˇelprobl´em,vˇsesplnil bez pot´ıˇz´ı,test zabral asi 11 minut. Pocity z testov´an´ımˇeldobr´e,podle jeho slov to fungovalo sluˇsnˇe.Vˇsechny ´ukoly spr´avnˇepochopil. L´ıbilase mu jednoduchost prostˇred´ıa z´apornˇehodno- til nedostateˇcn´ypopis funkc´ı.Na nˇekter´ych m´ıstech je pouze ikonka bez textace, coˇzho m´atlo,nebyl si jist, co pˇresnˇeznamenaj´ı.

Participant 4 - verze B Zena,ˇ 20 let, pokroˇcil´aznalost pr´aces dotykov´ymi zaˇr´ızen´ımi.Uˇzivatelsk´ehotestov´an´ıse jeˇstˇenez´uˇcastnila,s odpov´ıdac´ıjednot- kou k interkomu nikdy nepˇriˇslado styku. U prvn´ıho´ukolu chtˇelanaj´ıtzmeˇskan´yhovor v Seznamu hovor˚u, ale ve chvil- ce, kdy na nˇejchtˇelakliknout si vˇsimlazmeˇskan´ehohovoru na domovsk´eob- razovce. Pˇritˇret´ım´ukolu s pˇr´ıchoz´ımhovorem bez probl´em˚uhovor pˇrijala,ale n´aslednˇejej ukonˇcila,protoˇzesi myslela, ˇzedveˇreotevˇreaˇzpot´e.Pak byla zmaten´a,neˇcekala, ˇzeukonˇcen´ımhovoru se dostane zpˇetna domovskou ob- razovku. Tich´yreˇzimzapnula pˇr´ımoz domovsk´eobrazovky. Testov´an´ıtrvalo pˇribliˇznˇe14 minut. N´avrhhodnotila kladnˇe,testov´an´ıse j´ıl´ıbilo.Dovede si pˇredstavit, ˇzeby mˇelatakovou odpov´ıdac´ıjednotku doma. Zad´an´ı´ukol˚uporozumˇelaaˇzna onen pˇr´ıpads otevˇren´ımdveˇr´ı.Nedovedla ˇr´ıct,co se j´ıl´ıbiloa co ne, protoˇzeto nemˇelas ˇc´ımporovnat, kdyˇznikdy ˇz´adn´epodobn´ezaˇr´ızen´ınevidˇela.

Participant 5 - verze B Zena,ˇ 32 let, pokroˇcil´aznalost pr´aces dotykov´ymi zaˇr´ızen´ımi.Uˇzivatelsk´ehotestov´an´ıse jeˇstˇenez´uˇcastnila,s odpov´ıdac´ıjednot- kou k interkomu pˇriˇslado styku, m´adoma nedotykovou verzi. Zmeˇskan´ehohovoru na domovsk´eobrazovce si vˇsimlat´emˇeˇrihned, zobrazit jeho detail j´ınedˇelaloˇz´adn´yprobl´em.Pˇrivypnut´ırodiˇcovsk´ehoz´amkuj´ıtrvalo t´emˇeˇrminutu naj´ıttuto moˇznost v Nastaven´ı. Zl´akalaji rozs´ahlost t´etosekce a zaˇcalaji proklik´avat, pˇriˇcemˇzzapomnˇela,jak znˇel ´ukol. Zapnut´ı tich´eho reˇzimu si vˇsimlana domovsk´eobrazovce. Celkem test trval cca 13 minut. N´avrhsyst´emu j´ıpˇriˇselsrozumiteln´y,vˇsebylo jasn´ea jednoduch´e.Oceˇnuje podobu s mobiln´ımtelefonem a funkcemi podobn´ymijako v odpov´ıdac´ıjed- notce bez displeje, syst´emj´ıd´ıkytomu pˇripadalzn´am´ya nemusela dlouho pˇrem´yˇsletnad jednotliv´ymifunkcemi. Na z´akladˇestejn´eho principu j´ı od- pov´ıdac´ıjednotka nepˇriˇslajako nic nov´ehoa nezn´am´eho.

Participant 6 - verze A Zena,ˇ 29 let, pokroˇcil´aznalost pr´aces dotykov´ymi zaˇr´ızen´ımi.Uˇzivatelsk´ehotestov´an´ıse jiˇzz´uˇcastnila,s odpov´ıdac´ıjednotkou

57 3. Navrh´ Lo-Fi prototypu k interkomu nikdy pˇriˇslado styku. Zmeˇskan´yhovor hledala v Seznamu hovor˚u,nebylo j´ıale hned jasn´e,jak zobraz´ıdetail hovoru. Kdyˇzse j´ıto nepodaˇrilokliknut´ımna ˇr´adek,pokusila se maximalizovat prav´eokno a aˇzn´aslednˇeji napadlo pouˇz´ıtˇsipkuu ˇr´adku. U druh´eho´ukolu nastal dalˇs´ıprobl´empˇrivypnut´ırodiˇcovsk´ehoz´amku.M´ısto aby po zad´an´ık´odudala moˇznost OK“, zvolila Cancel“, protoˇzepˇrecichtˇela ” ” rodiˇcovsk´yz´amekvypnout. U pˇr´ıchoz´ıho hovoru nedok´azalaspr´avnˇeiden- tifikovat ikonky s moˇznostmi.Nepochopila, ˇzeikonkou kamery kameru vy- pne, naopak na ni chtˇelakliknout, aby kameru zapnula. Tich´yreˇzim vypnula pˇres Nastaven´ı. Testov´an´ıtrvalo nˇecom´alo pˇres17 minut. Pocity z testov´an´ımˇeladobr´e,n´avrhsyst´emu j´ıpˇriˇsel jednoduch´ya pˇekn´y. Vˇsebylo pˇrehledn´ea nejv´ıceji zaujalo poˇcas´ına domovsk´eobrazovce. Naopak se j´ınel´ıbilo,ˇzenem´avˇzdy moˇznostvr´atitse na domovskou obrazovku.

Participant 7 - verze B Muˇz,58 let, z´akladn´ıznalost pr´aces dotykov´ymi zaˇr´ızen´ımi,nevlastn´ıˇz´adn´edotykov´ezaˇr´ızen´ı.Uˇzivatelsk´ehotestov´an´ıse zat´ım jeˇstˇenez´uˇcastnila s odpov´ıdac´ıjednotkou k interkomu nikdy nepˇriˇseldo styku. Testov´an´ıprobˇehlopˇresveˇsker´emoˇzn´epochyby rychle a bez pot´ıˇz´ı,zabralo asi 15 minut. Zmeˇskan´yhovor hledal participant v Seznamu hovor˚u. Nevˇedˇel, jak poznat zmeˇskan´yhovor, myslel, ˇzevˇsechny hovory jsou zmeˇskan´e.Pot´ese vˇsimlˇcasov´ych ´udaj˚ua z nich vyvodil, kter´yje nejnovˇejˇs´ıa zobrazil jeho detail. U tˇret´ıho´ukolu chtˇelpo pˇrijet´ıhovoru a otevˇren´ıdveˇr´ıvypnout kameru, m´ısto aby ukonˇcilhovor. Tich´yreˇzimzapnul v Nastaven´ı. Prototyp mu pˇripadalpˇrehledn´ya jednoduch´y,ˇzeby to dok´azalpochopit i naprost´ylajk. Dokonce podotkl, ˇzepokud to dovede ovl´adaton, tak uˇzby to mˇelzvl´adnoutkaˇzd´y.Napodruh´eby to pr´yzvl´adli bez delˇs´ıhopˇrem´yˇslen´ı. Zad´an´ımu pˇriˇslonaprosto srozumiteln´e.Nejv´ıcese mu l´ıbilamoˇznosttich´eho reˇzimu a vol´an´ıs kamerou, to by jistˇevyuˇzili u sebe doma, kde se nyn´ımus´ı chodit d´ıvat z okna, aby zjistil, kdo pˇrich´az´ı.

3.3.3.6 N´alezy UT1.1 - Spatnˇ ´a orientace na domovsk´e obrazovce Nikdo z partici- pant˚usi u verze A nevˇsimlzmeˇskan´ehohovoru na domovsk´eobrazovce, oproti tomu u verze B si jej vˇsimlit´emˇeˇrvˇsichni. Pokud tedy z˚ustanetato notifikace zobrazena na stejn´emm´ıstˇejako je tomu u verze B a bude o nˇecov´yraznˇejˇs´ı, coˇzHi-Fi prototyp umoˇzˇnuje,nemˇelby m´ıtuˇzivatel probl´emsi jej vˇsimnout. Podobnˇetomu bylo i u zapnut´ı tich´ehoreˇzimu, participanti jej u verze A vˇetˇsinouzap´ınalipˇres Nastaven´ı, zat´ımcou verze B jej vˇetˇsinaparticipant˚u zapnula na domovsk´eobrazovce.

UT1.2 - Moˇznosti u prob´ıhaj´ıc´ıho hovoru Participanti mˇeliu obou verz´ıobˇcasprobl´emy identifikovat, jak´afunkce se skr´yv´apod ikonami, aˇckoliv mˇelyvˇsechny pod sebou popisek. Nespojili si okamˇzitˇeotevˇren´ıdveˇr´ıs ikonou

58 3.3. Testov´an´ıLo-Fi prototypu a textem Odemknout, nebyli si jist´ı,jestli kliknut´ımna kameru a mikrofon je vypnou nebo zapnou a nevˇedˇeli,jestli to pro splnˇen´ı´ukolu mus´ıudˇelat.

UT1.3 - Zobrazen´ı detailu hovoru Ve verzi A je nutn´ekliknout na ˇsipku, ve verzi B to jde kliknut´ımna cel´yˇr´adek.Participnat˚umpˇriˇslologiˇctˇejˇs´ıklik- nut´ına cel´yˇr´adek,proto by tento proklik mˇelb´ytv Hi-Fi prototypu imple- mentov´anstejnˇejako ve verzi B.

UT1.4 - Identifikace nov´eho zmeˇskan´eho hovoru v seznamu R´adekˇ s nov´ymzmeˇskan´ymhovorem by se mˇelodliˇsovat od ostatn´ıch, aby bylo uˇzivateli na prvn´ıpohled jasn´e,jestli je aktu´aln´ıˇcinikoliv.

59

Kapitola 4

N´avrhHi-Fi prototypu

High-Fidelity (zkr´acenˇeHi-Fi) prototyp je sv´ymgrafick´ymvzhledem a inter- aktivn´ım chov´an´ım t´emˇeˇrneodliˇsiteln´yod fin´aln´ıho produktu. Mˇelby b´yt testovateln´yna koneˇcn´eplatformˇea interakce by mˇelab´ytrealizov´anastejnˇe jako u fin´aln´ıimplementace. Na rozd´ılod fin´aln´ıhoproduktu nemus´ıb´ytHi-Fi prototyp kompletn´ı,mus´ıale obsahovat vˇsechny hlavn´ıˇc´astiuˇzivatelsk´ehoroz- hran´ı.[26]Rovnˇeˇznen´ıvyˇzadov´anaimplementace aplikaˇcn´ılogiky, je moˇzn´e ji nahradit falˇsov´an´ımnˇekter´ych funkc´ı,jejichˇzimplementace je v t´etof´azi zbyteˇcn´a.

4.1 Anal´yza prototypovac´ıch n´astroj˚u

4.1.1 Axure RP

Axure RP[27] je n´astroj slouˇz´ıc´ık vytv´aˇren´ıdr´atov´ych model˚u.Soustˇred´ıse pˇrev´aˇznˇena webov´eaplikace pro stoln´ıpoˇc´ıtaˇcea laptopy. D´ıkyznaˇcn´emu mnoˇzstv´ı komponent v nˇemlze navrhovat Lo-Fi i Hi-Fi prototypy, podpo- ruje tak´evloˇzen´ık´oduv jazyce Javascript. Kaˇzd´akomponenta m´ajin´evlast- nosti a omezen´ı,kter´amohou uˇzivateli zabr´anitdosaˇzen´ıpoˇzadovan´ehoefektu. Pr´aces t´ımto programem je rychl´apro jednoduch´edr´atov´emodely, pokud vˇsakchceme dos´ahnoutlepˇs´ıch v´ysledk˚us interaktivn´ımiprvky, m˚uˇzeme b´yt t´ımto jednoduch´ympˇr´ıstupem limitov´ani. Program je v prostˇred´ıUX designu velmi rozˇs´ıˇren´ya obl´ıben´y,pro mˇe v t´etopr´aciale nedostateˇcn´y.Nen´ıurˇcenpro n´avrhy uˇzivatelsk´ych rozhran´ı aplikac´ıpro telekomunikaˇcn´ızaˇr´ızen´ıs nestandardn´ımoperaˇcn´ımsyst´emem a nebylo by moˇzn´edos´ahnout s n´ımefekt˚upotˇrebn´ych pˇritestov´an´ıpouˇzitel- nosti.

61 4. Navrh´ Hi-Fi prototypu

4.1.2 Adobe XD

Vektorov´yeditor od spoleˇcnosti Adobe[28] slouˇz´ık n´avrhu Hi-Fi prototyp˚u vˇcetnˇesloˇzitˇejˇs´ıgrafiky. Je urˇcenpro design´erywebov´ych a mobiln´ıch aplikac´ı, svou funkˇcnost´ıdoplˇnuje dalˇs´ıprodukty od t´etospoleˇcnosti(napˇr. Photoshop). Vytvoˇren´eprototypy mohou b´ytinteraktivn´ıa graficky propracovan´e.Testuj´ıc´ı uˇzivatel´emaj´ıpotom sklon hodnotit aplikaci podle jej´ıhovzhledu a ne podle funkˇcnostia pˇr´ıvˇetivosti. V pˇr´ıpadˇevytv´aˇren´ıprototypu, kter´yby se mˇelsvou funkˇcnost´ıco nejv´ıce podobat fin´aln´ımu produktu a kter´yby nemˇeluˇzivatele pˇritestov´an´ım´ast sv´ymspecifick´ymvzhledem (testujeme uˇzivatelsk´e rozhran´ı, nezaj´ım´an´as uˇzivatel˚umsubjektivn´ın´azorna vzhled) je tento editor nevhodn´y.V prvn´ı ˇradˇese nesoustˇred´ına jednotliv´ekomponenty, ale vytv´aˇr´ıuˇzivatelsk´ypohled v celkov´emmˇeˇr´ıtku.

4.1.3 HTML 5

HTML je znaˇckovac´ıjazyk pouˇz´ıvan´ypˇritvorbˇewebov´ych str´anek.S´amo sobˇe slouˇz´ı pouze k definici obsahu a jeho prolinkov´an´ı. Pro pokroˇcilougrafiku a funkce je nutn´ejen zkombinovat s CSS a nˇejak´ymskriptovac´ımjazykem, napˇr´ıkladJavascriptem. V t´etoformˇelze vytv´aˇret plnˇefunkˇcn´ıwebov´aroz- hran´ı,kter´ajsou responzivn´ıa pouˇziteln´a.

4.1.4 GTK

GTK[29] je knihovna zaloˇzen´ana editoru GIMP12 urˇcen´ak tvorbˇegrafick´ych uˇzivatelsk´ych rozhran´ı.Nab´ız´ıspoustu vizu´aln´ıch interaktivn´ıch prvk˚u,kter´e ulehˇcuj´ıa zrychluj´ıpr´acipˇriv´yvoji produktu. Je naps´anav jazyce C, ale pod- poruje velkou ˇraduprogramovac´ıch jazyk˚u(kromˇeC/C++ tak´eJavu, Python, Pearl, PHP a mnoho dalˇs´ıch). Pro tvorbu aplikac´ıv GTK existuje i grafick´e rozhran´ıGlade13.

4.1.5 Qt

Podobnˇejako GTK je i Qt[6] multiplatformn´ı knihovna slouˇz´ıc´ı k n´avrhu a v´yvoji uˇzivatelsky pˇr´ıvˇetiv´ych aplikac´ı na vˇsech druz´ıch zaˇr´ızen´ı. Qt je prim´arnˇeknihovnou pro jazyk C++, jej´ı pouˇzit´ı je jednoduch´ea flexibiln´ı. K n´avrhu slouˇz´ıQt Creator, kter´ycel´yv´yvoj zjednoduˇsujea urychluje. V´ys- ledn´yprototyp je responzivn´ı, plynul´ya nez´avisl´yna hardwaru. Vzhledem k pouˇzit´ıC++ umoˇzˇnujeimplementaci vl´aken a s´ıt’ov´an´ı.

12GIMP je multiplatformn´ıeditor pro tvorbu a ´upravu rastrov´egrafiky. 13Glade je n´astroj pro rychl´yn´avrhuˇzivatelsk´ych rozhran´ıv prostˇred´ıGNOME.

62 4.2. Zvolen´yprototypovac´ın´astroj

4.1.6 Clutter Clutter[30] je knihovna pro tvorbu rychl´ych, dynamick´ych, p˚usobiv´ych a pˇre- nosn´ych grafick´ych uˇzivatelsk´ych rozhran´ı.K vykreslen´ıobrazovky pouˇz´ıv´a knihovnu OpenGL, ale narozd´ılod n´ıje jednoduch´ya flexibiln´ı.Po grafick´e str´ancenem´aˇz´adn´yurˇcit´ystyl, ale nab´ız´ıvelk´emnoˇzstv´ın´astroj˚upro vˇsechny druhy potˇreb.

4.1.7 Apache Flex Flex[31] je aplikaˇcn´ır´amecpro tvorbu webov´ych aplikac´ıod spoleˇcnosti Adobe, pozdˇejibyl darov´anspoleˇcnosti Apache. Aplikace bˇeˇz´ıv prostˇred´ı Adobe Flash Playeru, na kter´emje cel´atechnologie postaven´a.Pro v´yvoj slouˇz´ıgrafick´y editor Adobe Flash Builder. Pro definici rozvrˇzen´ıobrazovek aplikace pouˇz´ıv´a znaˇckovac´ıjazyk MXML, kter´yvych´az´ız XML, a ActionScript pro funkˇcn´ı ˇc´asta vˇsechny ostatn´ık´ody. Nab´ız´ıvelk´emnoˇzstv´ıkomponent, ale neumoˇzˇnuje pˇr´ımodefinovat vlastn´ıstyl a vzhled. Rovnˇeˇzjeho c´ılov´aplatforma neodpov´ıd´a m´ympoˇzadavk˚um,proto jej mus´ımz v´ybˇerudiskvalifikovat.

4.1.8 JavaFX V´yvojov´eprostˇred´ıJavaFX[32] postaven´ena platformˇeJava je urˇcenopro v´y- voj klientsk´ych aplikac´ına stoln´ıch poˇc´ıtaˇc´ıch, chytr´ych telefonech a jin´ych syst´emech. Vytvoˇrit rozhran´ı obrazovky lze pomoc´ı tzv. Scene builderu, s nab´ıdkou velk´ehomnoˇzstv´ıkomponent a CSS pro definici styl˚u.Rozvrˇzen´ı se ukl´ad´ave form´atuFXML, kter´yje podobnˇejako MXML n´astavbou XML pro urˇcitouplatformu. Podporuje tvorbu animac´ı,vkl´ad´an´ızvuk˚ua videa.

4.2 Zvolen´yprototypovac´ın´astroj

Vˇetˇsinu potencion´aln´ıch n´astroj˚ujsem si vyzkouˇsela, proˇcetla recenze na internetu a nejl´epe mi vyˇsla knihovna Qt. Prim´arn´ım jazykem t´eto knihovny je kompilovan´yjazyk C++, kter´yje pro tento ´uˇceldo- stateˇcnˇev´ykonn´y,l´ety provˇeˇren´y,osvˇedˇcen´ya jeho ty- pov´akontrola nab´ız´ı dostateˇcnoustabilitu.[33] Dalˇs´ı moˇznost´ıtvorby je znaˇckovac´ıjazyk QML v kombinaci s JavaScriptem, jedn´ase o deklarativn´ızp˚usobprogra- Obr´azek 4.1: Logo mov´an´ıa tvorbu uˇzivatelsk´ehorozhran´ı.Cel´erozhran´ı Qt[6] aplikace jde tedy vytvoˇritkombinac´ıQML a JS a tento modul pak propojit s modulem napsan´ymv C++. J´a jsem si zvolila pr´avˇetuto metodu, protoˇzemi pˇriˇsla nejsnazˇs´ına pr´acia hlavnˇeoptim´aln´ıpro vytv´aˇren´ıuˇzivatelsk´ehorozhran´ı.

63 4. Navrh´ Hi-Fi prototypu

Obr´azek4.2: Reˇzimsp´anku Obr´azek4.3: Zad´av´an´ıPIN k´odu

4.3 Vytv´aˇren´ıprototypu

Aˇckoliv jsem vyuˇz´ıvala poˇc´ıtaˇcov´yprogram Qt Creator, kter´yobsahuje kromˇe editoru, kompil´atorua lad´ıc´ıhon´astroje tak´en´avrhov´eprostˇred´ı,kde lze u- mist’ovat komponenty, nakonec jsem se rozhodla definovat rozhran´ıpomoc´ı jazyku QML. N´avrhov´eprostˇred´ıje sice dobr´yn´apad,ale pro rozs´ahl´eaplikace je nepouˇziteln´e.Fungov´an´ıprogramu a z´akladypr´aces QML jsem se nauˇcila na demo projektu Wearable, kter´yje souˇc´ast´ıprogramu. Z demo projektu jsem tak´evyuˇzilakomponenty pˇrep´ınaˇcea posuvn´ıku. Prototyp jsem zaˇcalavytv´aˇretod jednoduˇsˇs´ıch ˇc´ast´ıs pˇredpokladem, ˇze si na nich osvoj´ımpr´acis v´yvojov´ymprostˇred´ım.Prvn´ımkrokem byla ob- razovka v reˇzimu sp´anku,kde se kromˇedata a ˇcasumˇelyzobrazovat tak´e zmeˇskan´ehovory a tlaˇc´ıtko pro t´ısˇnov´evol´an´ı.Jako pozad´ıjsem zvolila ne- utr´aln´ıtmavˇemodrou smˇesicibarev, kter´ejsem dala dohromady a aplikovala na nˇefiltry v programu GIMP. Modrou jsem zvolila kv˚ulijej´ı obl´ıbenosti u lid´ı a jej´ımu p˚usoben´ı jako pˇr´ıjemn´abarva symbolizuj´ıc´ı klid a m´ır (viz sekce 1.3.1.3). Tmav´yodst´ın se zase v´ıce hod´ı do interi´eru,protoˇzetmav´e barvy nejsou tak v´yrazn´ejako jejich svˇetl´eodst´ıny. K tmavˇemodr´emu pozad´ı je nejv´ıcekontrastn´ıbarva b´ıl´a,proto jsem ji zvolila jako barvu p´ısma. Domovsk´aobrazovka figuruje jako rozcestn´ık,ze kter´ehose m˚uˇzemedo- stat na seznam hovor˚u,seznam zaˇr´ızen´ı nebo do nastaven´ı. Tyto odkazy jsou opatˇreny ikonou i textov´ympopisem. Podobnˇejako obrazovka v reˇzimu sp´ankuzobrazuje taky aktu´aln´ı datum a ˇcas,zmeˇskan´ehovory a moˇznost t´ısˇnov´ehohovoru. V prav´ehorn´ıˇc´astiobsahuje ovl´ad´an´ıreˇzimu zvuku a je-li aktivov´anoi poˇcas´ı,zobrazuje i stupnˇev urˇcen´ych jednotk´ach na vybran´em m´ıstˇe.M´ısto,odkud se z´ısk´av´azobrazen´ateplota, se d´anastavit pouze ve we- bov´emkonfiguraˇcn´ımrozhran´ıproduktu. V seznamu hovor˚uje zobrazena historie hovor˚u,kv˚uliomezen´emu m´ıstu v zaˇr´ızen´ıbude ukl´ad´anopouze nejnovˇejˇs´ıch pades´atpoloˇzek.Ve spodn´ıˇc´asti obrazovky se nach´az´ıtlaˇc´ıtko, kter´ymlze vˇsechny z´aznamy odstranit. Nov´e z´aznamy jsou podbarveny svˇetleˇcervenou barvou, ostatn´ımaj´ıb´ıl´epozad´ı.

64 4.3. Vytv´aˇren´ıprototypu

Obr´azek4.4: Domovsk´aobrazovka Obr´azek4.5: Seznam hovor˚u

Obr´azek4.6: Seznam zaˇr´ızen´ı Obr´azek4.7: Pohled kamery

U kaˇzd´ehoz´aznamu je sn´ımekobrazovky 14, informace o datu, ˇcasea volan´emu zaˇr´ızen´ı,tlaˇc´ıtko pro zah´ajen´ıhovoru a ikona odpadkov´ehokoˇsepro smaz´an´ı z´aznamu. Pokud je dan´ezaˇr´ızen´ıinterkom, je zde tak´emoˇznostotevˇren´ıdveˇr´ı a aktu´aln´ıhopohledu kamery. Zobrazen´ımz´aznamu pˇres celou obrazovku lze prohl´ıˇzetvˇsechny vytvoˇren´esn´ımkyobrazovky. Vˇsechny z´aznamy jsou uloˇzeny v poli, nejnovˇejˇs´ıjsou na zaˇc´atkua s kaˇzd´ymnov´ymz´aznamemdojde k pˇrid´an´ı do pole a jeho seˇrazen´ı.Samotn´yz´aznamje tak´ekoncipov´anjako pole hodnot. Jedn´ase o zjednoduˇsenoudatab´azi, kter´aje pro ´uˇcelyprototypu v t´etopr´aci dostaˇcuj´ıc´ı. Seznam zaˇr´ızen´ı,jak uˇzn´azevnapov´ıd´a,obsahuje vˇsechna zaˇr´ızen´ıpropo- jen´av s´ıti.Zobrazuj´ıse ve vertik´aln´ıch bloc´ıch s b´ıl´ympodbarven´ım. Pokud by bylo zaˇr´ızen´ıch v´ıceneˇztˇri,zobraz´ıse napravo ˇsipka,kterou by ˇslopˇrej´ıt na zaˇr´ızen´ı,kter´ase na obrazovku neveˇsla.U kaˇzd´ehozaˇr´ızen´ıje jeho n´azev, kter´ysi zvol´ı s´amuˇzivatel ve webov´ekonfiguraci, sn´ımek pohledu kamery (kter´yse vytvoˇr´ıpˇri pˇrid´an´ızaˇr´ızen´ı,d´alese pak jiˇznemˇen´ı)a moˇznostiho- voru, otevˇren´ıdveˇr´ıa aktu´aln´ıhopohledu. Nastaven´ı slouˇz´ı k lok´aln´ı zmˇenˇer˚uzn´ych parametr˚u,kter´ese uˇzivateli hod´ım´ıtpˇriruce, aniˇzby musel otev´ıratwebovou konfiguraci. Dˇel´ıse na dva bloky, v prvn´ımje klasick´enastaven´ıproduktu, druh´aˇc´astobsahuje tutori´al a informace o zaˇr´ızen´ı.Kromˇetutori´alua nastaven´ıjazyku je cel´enastaven´ı

14Pokud jej uˇzivatel neudˇel´as´am,udˇel´ase automaticky v pr˚ubˇehu hovoru.

65 4. Navrh´ Hi-Fi prototypu

Obr´azek4.8: Nastaven´ı Obr´azek4.9: Nastaven´ıdispleje

funkˇcn´ı.U displeje jde nastavit jas, podsv´ıcen´ı(bez efektu), font a pozad´ıob- razovky. Kromˇetoho je moˇzn´eaktivovat zjednoduˇsen´yreˇzim,kdy se vˇsechny velikosti p´ısmazv´yˇs´ıo 5 obrazov´ych bod˚ua vˇsemobjekt˚ums pr˚uhlednost´ı vyˇsˇs´ı neˇz0 je nastavena nulov´apr˚uhlednost.U zvuk˚ulze upravovat tich´y reˇzim,ˇcasypro noˇcn´ıreˇzim(kdy se automaticky aktivuje tich´yreˇzim),hla- sitost a vyzv´anˇec´ımelodie. Datum a ˇcasje pˇrednastaven jako automatick´y. U poˇcas´ı lze zmˇenitjednotky teploty nebo ho v˚ubec nezobrazovat. Na za- dan´etelefonn´ıˇc´ıslo lze zas´ılat notifikace o zmeˇskan´ych hovorech, pokud je tato sluˇzbazapnut´a.Je-li aktivovan´yrodiˇcovsk´yz´amek,je nutn´ezad´avat pˇrikaˇzd´emodemˇcen´ıPIN k´od,tato moˇznostjde deaktivovat, pˇr´ıpadnˇelze PIN k´odzmˇenit.Pˇrednastaven´yk´odje 1234“. ” Je-li aktivn´ı rodiˇcovsk´yz´amek,lze se na domovskou obrazovku dostat pouze po zad´an´ıPINu. V lev´eˇc´astiobrazovky se objev´ıkl´avesnice a v prav´e ˇctyˇripol´ıˇcka,kter´ase postupn´ymzad´av´an´ımk´oduvybarvuj´ıa objevuje se na nich symbol *“. Je-li PIN zad´anˇspatnˇe,je nutn´epokus opakovat, dokud ” nebude zad´anspr´avn´yk´od.PˇrizmˇenˇePIN k´oduje nutn´ezadat nejprve star´y PIN k´oda pak nov´yPIN k´od,kter´yje tˇrebapro kontrolu zopakovat. Nesho- duj´ı-lise dva zadan´ek´ody, je nutn´ezad´av´an´ıkontroln´ıhok´oduzopakovat. Pˇr´ıchoz´ıhovor lze vyvolat pˇr´ımoz domovsk´eobrazovky kliknut´ımdo jej´ıho lev´ehohorn´ıho rohu. Pokud je deaktivovan´ytich´yreˇzim,je vyzv´anˇen´ı do- prov´azenozvukem. Na lev´estranˇeobrazovky je kulat´ezelen´etlaˇc´ıtko se slu- ch´atkem ve tvaru, ve kter´emje norm´alnˇedrˇzenou ucha, kter´esymbolizuje pˇrijet´ıhovoru. Kolem tlaˇc´ıtkaje ˇsed´ykruh, kter´yline´arnˇemˇen´ısvoji barvu ze svˇetleˇsed´ena transparentn´ı.Tento kruh pln´ıfunkci upout´an´ıpozornosti. Na opaˇcn´estranˇeobrazovky je ˇcerven´ekulat´etlaˇc´ıtko se sluch´atkem v ho- rizont´aln´ıpoloze symbolizuj´ıc´ıodm´ıtnut´ıhovoru, kter´ym´akv˚ulikonzistenci tak´eˇsed´ykruh kolem sebe, ale svou barvu v ˇcasenemˇen´ı.V t´etof´azim˚uˇze uˇzivatel kromˇepˇrijet´ınebo odm´ıtnut´ıhovoru tak´eotevˇr´ıtdveˇreu interkomu, vypnout kameru nebo zvuk vyzv´anˇen´ınebo vytvoˇritsn´ımekobrazovky, kter´y bude uloˇzenu konkr´etn´ıhoz´aznamu v seznamu hovor˚u.V pr˚ubˇehu hovoru jsou tyto moˇznostipodobn´e,pouze m´ıstovypnut´ızvuku vyzv´anˇen´ıje zde moˇznost vypnut´ımikrofonu.

66 4.4. Testov´an´ıHi-Fi prototypu

Pˇrivol´an´ına t´ısˇnovou linku nebo na jinou odpov´ıdac´ıjednotku nen´ık dis- pozici z´aznamz kamery, proto zde nejsou funkce vyˇzaduj´ıc´ıkameru, ale jen moˇznostvypnut´ımikrofonu. Hovor mus´ıb´ytpˇrijatdruhou stranou, jinak je po jeho ukonˇcen´ıveden jako odchoz´ınepˇrijat´y. Aktu´aln´ıpohled kamery je dostupn´ypouze u interkom˚udisponuj´ıc´ıch ka- merou a je dostupn´ybud’ ze seznamu zaˇr´ızen´ınebo ze seznamu hovor˚u,byl-li s dotyˇcn´ymzaˇr´ızen´ımv minulosti veden hovor a nebyl-li zat´ımz´aznamod- stranˇen.U aktu´aln´ıhopohledu je moˇznostotevˇren´ıdveˇr´ınebo zah´ajen´ıhovoru na interkom. Zah´ajen´ıhovoru s interkomem nevyˇzadujepˇrijet´ıhovoru u druh´e strany, hovor zapoˇcnepouh´ymstiskem tlaˇc´ıtkau konkr´etn´ıhozaˇr´ızen´ı.

4.3.1 Nedostatky prototypu Prototyp m´apouze jeden z´asadn´ınedostatek, kter´yje zp˚usoben samotn´ym Qt. Po otevˇren´ıvyskakovac´ıhookna a jeho n´asledn´emzavˇren´ıuˇznejde znovu otevˇr´ıt.Lze to obej´ıtpˇrepnut´ımna jinou obrazovku a opˇetovn´ymotevˇren´ım vyskakovac´ıhookna. Za dalˇs´ınedostatek lze povaˇzovat chybˇej´ıc´ıˇc´astinasta- ven´ı,zmˇeny jazyku a tutori´alu,a nemoˇznost zmˇenitnˇekter´eparametry, napˇr. jas a podsv´ıcen´ı.Zmˇenu jazyku jsem neimplementovala z d˚uvod˚uvyˇsˇs´ıprac- nosti na prototypu, kter´aby byla zbyteˇcn´avzhledem k pl´anovan´emu testov´an´ı s uˇzivateli, kteˇr´ıvˇsichni um´ıˇcesky. Tutori´alby mˇelv budoucnu obsahovat vi- deo n´avod s popisem ovl´ad´an´ızaˇr´ızen´ı,vˇcetnˇen´avodu na webov´erozhran´ı produktu, kter´ymjsem se v t´eto pr´acinezab´yvala. Vzhledem ke skuteˇcnosti,ˇze prototyp neum´ıvyvol´avat hovory na inter- kom a naopak, byly pouˇzity pouze statick´efotografie, kter´emaj´ınapodobovat skuteˇcn´yhovor. Fotografie byly vyfoceny z dveˇrn´ıch interkom˚use souhlasem focen´eosoby.

4.4 Testov´an´ıHi-Fi prototypu

Testov´an´ıprob´ıhalov dom´ac´ımprostˇred´ıparticipant˚u,pˇr´ıpadnˇev zasedac´ı m´ıstnosti.P˚uvodnˇejsem pl´anovala testovat v laboratoˇripouˇzitelnosti,coˇzse uk´azalojako pˇr´ıliˇsproblematick´epro nˇekter´eparticipanty, kteˇr´ıby kv˚ulites- tov´an´ımuseli v´aˇzitdelˇs´ıcestu. Kdyˇzjsem si dala dohromady klady a z´apory takov´ehotestov´an´ı,vyˇslami laboratoˇrpouˇzitelnostiv tomto pˇr´ıpadˇezbyteˇcn´a, vzhledem k tomu, ˇzejsem testov´an´ıorganizovala sama a nemˇelajsem ˇz´adn´e pozorovatele, kteˇr´ıby testov´an´ıpˇrihl´ıˇzeli.Nav´ıcsi mysl´ım, ˇzeje pro parti- cipanty mnohem pˇr´ıjemnˇejˇs´ıb´ytv jedn´em´ıstnostis moder´atoremtestov´an´ı, zvl´aˇst’ pokud jde o prostˇred´ıjim zn´am´e,ve kter´emse c´ıt´ıuvolnˇenˇe.Vˇsechna testov´an´ıjsem nat´aˇcelana kameru, kter´asn´ımalatv´aˇra reakce participant˚u, a takt´eˇzjsem nahr´avala dˇen´ına obrazovce. Vˇsichni participanti byli na zaˇc´atku testov´an´ıs nat´aˇcen´ımsrozumˇeni,bylo jim upˇresnˇeno,ˇzez´aznam bude slouˇzit pouze pro ´uˇcelyvyhodnocen´ıv t´etopr´acia souhlasili s n´ım.

67 4. Navrh´ Hi-Fi prototypu

Testovalo se na dotykov´emnotebooku s operaˇcn´ımsyst´ememWindows. Aˇckoliv byl program prototypu spuˇstˇenv oknˇe,kter´emˇelorozmˇerydispleje budouc´ıodpov´ıdac´ıjednotky, participanti byli vyzv´aniinteragovat s noteboo- kem, jako by to bylo zaˇr´ızen´ıum´ıstˇen´ena stˇenˇe. Jeˇstˇepˇredpˇredstaven´ım´ukol˚ujsem participant˚umpopsala, ˇc´ımse zab´y- v´amve sv´epr´aci a ˇcehose t´yk´atoto testov´an´ı. Participanti byli n´aslednˇe vyzv´ani,aby se snaˇzilipˇrem´yˇsletnahlas a nevˇs´ımatsi kamery, kter´aje nat´aˇc´ı.

4.4.1 Ukoly´ Bydl´ıtev rodinn´emdomku, kde m´atedva interkomy, u hlavn´ıhoa zadn´ıho vchodu, a dvˇeodpov´ıdac´ı jednotky, v ob´yvac´ım pokoji a v hale. Vy pr´avˇe stoj´ıteu t´ev ob´yvac´ımpokoji.

4.4.1.1 Kontrola zmeˇskanych´ hovor˚u Popis Zkontrolujte, jestli m´atenˇejak´yzmeˇskan´yhovor. Pokud ano, za- jistˇete,aby se V´amjiˇznezobrazoval. PIN k´odzaˇr´ızen´ıje 1234.

C´ıle

• Zjistit, jestli si uˇzivatel vˇsimnezmeˇskan´ehohovoru uˇzv reˇzimu sp´anku nebo aˇzna domovsk´eobrazovce.

• Ovˇeˇrit,zda uˇzivatel zvl´adnezadat PIN k´od.

• Ovˇeˇrit,zda uˇzivatele napadne, jak odstranit indikaci nov´ehozmeˇskan´eho hovoru z domovsk´eobrazovky.

• Zjistit, jestli uˇzivatel z´aznamrovnou odstran´ınebo jej napadne ho pouze zobrazit, ˇc´ımˇzzamez´ıjeho n´asledovn´emu zobrazov´an´ı.

Pr˚uchod

1. Nejprve se mus´ıuˇzivatel dostat na domovskou obrazovku.

a) Uˇzivatel probud´ıdotykem zaˇr´ızen´ız reˇzimu sp´anku. b) N´aslednˇezad´aPIN k´od.

2. Uˇzivatel zkontroluje, zda na domovsk´eobrazovce nˇecoindikuje zmeˇskan´y hovor.

3. Uˇzivatel zobraz´ıdetail zmeˇskan´ehohovoru.

a) Detail zobraz´ıbud’to kliknut´ımpˇr´ımona nˇej na domovsk´eobra- zovce nebo pˇres Seznam hovor˚u. b) Pot´ezkontroluje, ˇzese zmeˇskan´yhovor jiˇznezobrazuje.

68 4.4. Testov´an´ıHi-Fi prototypu

4.4.1.2 Sn´ımek obrazovky Popis Cek´aten´avˇstˇevu,kter´ajeˇ u V´aspoprv´e.Pod´ıvejte se, zda nˇekdo nestoj´ıu zadn´ıhovchodu a udˇelejtesn´ımekobrazovky.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel orientuje na domovsk´eobrazovce.

• Ovˇeˇrit,zda uˇzivatel dok´aˇzenaj´ıtdan´ezaˇr´ızen´ı.

• Ovˇeˇrit,zda uˇzivatel zvl´adneudˇelatsn´ımekobrazovky.

Pr˚uchod

1. Uˇzivatel zvol´ına domovsk´eobrazovce poloˇzku Seznam zaˇr´ızen´ı.

2. Uˇzivatel zobraz´ıpohled kamery u dan´ehozaˇr´ızen´ı.

a) Vybere v seznamu spr´avn´ezaˇr´ızen´ı. b) Klikne na ikonku oka.

3. Uˇzivatel udˇel´asn´ımekobrazovky kliknut´ımna pˇr´ısluˇsnouikonu.

4.4.1.3 Tichy´ reˇzim Popis Zkontrolujte, zda-li nem´ateaktivovan´ytich´yreˇzim.Pokud m´ate,de- aktivujte ho, jinak byste n´avˇstˇevuneslyˇseli.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel orientuje na domovsk´eobrazovce.

• Ovˇeˇrit,zda uˇzivatel dok´aˇzeidentifikovat reˇzimzvuku.

• Ovˇeˇrit,zda uˇzivatel zvl´adnezmˇenitreˇzimzvuku.

Pr˚uchod

1. Pokud uˇzivatel nen´ına domovsk´eobrazovce, vr´at´ıse na ni.

2. Uˇzivatel nalezne na domovsk´eobrazovce ovl´ad´an´ızvuku.

3. Uˇzivatel aktivuje reˇzimzvuku.

4.4.1.4 Reakce na zvonek a otevˇren´ı dveˇr´ı Popis Nˇekdona V´aszvon´ı.Je to oˇcek´avan´an´avˇstˇeva, takˇzenepotˇrebujete pˇrij´ımathovor, ale rovnou jim otevˇrete.

69 4. Navrh´ Hi-Fi prototypu

C´ıle

• Ovˇeˇrit,zda uˇzivatel rozum´ımoˇznostem u pˇr´ıchoz´ıhohovoru.

• Ovˇeˇrit,zda uˇzivatel spr´avnˇepochop´ı,jak se otev´ıraj´ıdveˇre.

Pr˚uchod

1. Uˇzivatel otevˇren´avˇstˇevˇedveˇre.

2. Uˇzivatel ukonˇc´ıhovor.

4.4.1.5 Noˇcn´ı reˇzim Popis Nastavte, aby se kaˇzd´yden mezi p˚ulnoc´ıa deseti minutami pˇredˇsestou rann´ıautomaticky aktivoval tich´yreˇzim.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel orientuje v Nastaven´ı.

• Ovˇeˇrit,zda uˇzivatel nebude zmaten´yz ikonky nam´ıstotlaˇc´ıtka Uloˇzit.

• Ovˇeˇrit,zda bude editace ˇcasupro uˇzivatele intuitivn´ı.

Pr˚uchod

1. Uˇzivatel pˇrejdedo Nastaven´ı.

2. Uˇzivatel zvol´ıpoloˇzku Zvuk.

3. Uˇzivatel zmˇen´ıˇcasov´e´udaje.

• Pomoc´ıtuˇzkypˇrejdek editaci. • Sipkamiˇ nad ˇc´ıslyzmˇen´ıˇcasov´e´udaje. • Uloˇz´ıje.

4.4.1.6 Poˇcas´ı Popis Nastavte, aby se V´ampoˇcas´ızobrazovalo ve stupn´ıch Fahrenheita.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel orientuje v Nastaven´ı.

• Ovˇeˇrit,zda uˇzivatel nebude zmaten´yz absence tlaˇc´ıtka Uloˇzit.

70 4.4. Testov´an´ıHi-Fi prototypu

Pr˚uchod

1. Uˇzivatel pˇrejdedo Nastaven´ı, pokud tam nen´ı.

2. Uˇzivatel zvol´ıpoloˇzku Poˇcas´ı.

3. Uˇzivatel zmˇen´ıjednotky u poˇcas´ı.

4.4.1.7 Zmˇena telefonn´ıho ˇc´ısla Popis Upravte telefonn´ıˇc´ıslo,kam m´apˇrij´ıtzpr´ava o zmeˇskan´emhovoru. Zvolte libovoln´etelefonn´ıˇc´ıslov ˇcesk´emform´atu.

C´ıle

• Ovˇeˇrit,zda se uˇzivatel orientuje v Nastaven´ı.

• Ovˇeˇrit,zda uˇzivatel zvl´adneovl´adatnumerickou kl´avesnici.

Pr˚uchod

1. Uˇzivatel pˇrejdedo Nastaven´ı, nach´az´ı-lise na jin´eobrazovce.

2. Uˇzivatel zvol´ıpoloˇzku Notifikace.

3. Uˇzivatel zmˇen´ıtelefonn´ıˇc´ıslo.

• Pomoc´ıtuˇzkypˇrejdek editaci. • Pomoc´ıkl´aves na numerick´ekl´avesnici ˇc´ıslouprav´ı. • Uloˇz´ıjej.

4.4.2 Pr˚ubˇeh Jeˇstˇepˇredzaˇc´atkem testov´an´ıs uˇzivateli jsem provedla kognitivn´ıpr˚uchod a heuristickou anal´yzu,kter´eneodhalili t´emˇeˇrˇz´adn´eprobl´emy, proto je zde neuv´ad´ımrozepsan´e.

4.4.2.1 Participant 1 Zena,ˇ 29 let, pokroˇcil´aznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse jiˇzz´uˇcastnila,s odpov´ıdac´ıjednotkou k interkomu nikdy nepˇriˇsla do styku. Hned v reˇzimu sp´ankusi vˇsimlazmeˇskan´ehohovoru, p´arkr´atna nˇej klikla, ale pak ji napadlo pˇreˇc´ıstsi text dole a klikla nˇekamjinam, ˇc´ımˇzse dostala k zad´av´an´ıpinu. Pin zadala bez probl´em˚u,na domovsk´eobrazovce ˇslarovnou do Seznamu hovor˚u, kde nejprve zobrazila pohled kamery u zaˇr´ızen´ı(myslela, ˇzeokem potvrd´ı,ˇzez´aznamvidˇela),vr´atilase zpˇetna v´ypisa tam z´aznam

71 4. Navrh´ Hi-Fi prototypu smazala pomoc´ıikonky koˇse.v druh´em´ukolu si zprvu nebyla jist´a,kde m´a pohled kamery hledat, ale po necel´ych p´arvteˇrin´ach intuitivnˇezvolila Se- znam zaˇr´ızen´ı. Tam hned bez probl´em˚uklikla na ikonku oka, ale zm´atloji, ˇze sn´ımekobrazovky neˇseludˇelatpouh´ymkliknut´ım na text pod ikonkou fotoa- par´atu.Tich´yreˇzimdeaktivovala v Nastaven´ı, kde ji ihned zaujaly vyzv´anˇec´ı t´ony, kter´yzmˇenilatakt´eˇz.Pot´ese vˇsimla,ˇze zmˇenu mohla prov´estpˇr´ımo z domovsk´eobrazovky. U pˇr´ıchoz´ıhohovoru hovor automaticky pˇrijala,ale pot´ebez pot´ıˇz´ıotevˇreladveˇrea hovor ukonˇcila.Noˇcn´ıreˇzimnemusela hledat, protoˇzesi jej vˇsimlauˇzpˇrideaktivaci tich´ehoreˇzimu, a zd´arnˇezmˇenilaˇcasov´e intervaly. U nastaven´ıpoˇcas´ıklikala nejprve na ikonku poˇcas´ı,m´ıstona text, coˇznefungovalo, jednotky zmˇenilaa potvrzen´ıj´ınechybˇelo.U posledn´ıho´ukolu j´ıp´arvteˇrintrvalo, neˇzsi vˇsimlapoloˇzky Notifikace a se zad´an´ımnov´ehote- lefonn´ıhoˇc´ıslanemˇelaprobl´emy. Testov´an´ıtrvalo 26 minut. Zad´an´ıvˇsech ´ukol˚uj´ıpˇriˇslosrozumiteln´e,z testov´an´ımˇeladobr´ypocit. Zaˇr´ızen´ıhodnot´ıkladnˇe,podle jej´ıhosoudu by zaˇr´ızen´ımohly bez probl´em˚u obsluhovat i dˇeti.Funkˇcnostsplˇnovala jej´ı poˇzadavky, klidnˇeby si takov´e zaˇr´ızen´ıpoˇr´ıdiladom˚u.Nejv´ıcese j´ıl´ıbilamoˇznostzmˇeny vyzv´anˇen´ıa pˇekn´e vyzv´anˇec´ıt´ony, naopak z´apornˇehodnotila nemoˇznostklikat na ikonu a text souˇcasnˇe.

4.4.2.2 Participant 2 Zena,ˇ 62 let, z´akladn´ıznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse zat´ımnez´uˇcastnila,s odpov´ıdac´ıjednotkou k interkomu nikdy nepˇriˇslado styku. Na zaˇc´atkuzaˇcalazmatenˇeklikat na zmeˇskan´yhovor v reˇzimu sp´anku, byla zmaten´aa mˇelaz toho pocit, ˇzezaˇr´ızen´ı ovl´adatnezvl´adne.Musela jsem ji nav´est,at’ si pˇreˇctena obrazovce, co by mˇeladˇelat.D´aljiˇzpostu- povala bez pot´ıˇz´ı, zvl´adlai zad´an´ı hesla. Na domovsk´eobrazovce si ihned vˇsimlazmeˇskan´ehohovoru, klikla na nˇeja pˇr´ımov jeho detailu jej odstra- nila. Vˇsimlasi moˇznost´ıu z´aznam˚uv Seznamu hovor˚u, proto byl pro ni dalˇs´ı ´ukol snadn´y,pohled kamery zobrazila odtud. Pˇrekvapila mˇeot´azkou, kam se sn´ımekuloˇz´ı.Sn´ımkyz hovor˚use ukl´adaj´ıdo Seznamu hovor˚u a j´asi aˇzv t´eto chv´ıliuvˇedomila,jak to m´amnedomyˇslen´e,kdyˇztoto hovor nebyl. Tich´yreˇzim nastavovala v Nastaven´ı, kde p´arkr´atpˇrepnula sp´ınaˇc,aby se ujistila, ˇzekdyˇz chce zapnout zvuk, je nutn´etich´yreˇzimvypnout. Rovnˇeˇzjako Participantka 1 si vˇsimlanastaven´ıvyzv´anˇec´ıch t´on˚ua zaˇcalaje zkouˇset.Vˇsimlajsem si, ˇze kdyˇzspust´ıv´ıcevyzv´anˇen´ınar´az,je u vˇsech ikonka signalizuj´ıc´ıhraj´ıc´ıme- lodii. U pˇr´ıchoz´ıhohovoru sice nejprve otevˇredveˇre,jak j´ıbylo ˇreˇseno,hned nato ale hovor pˇrijalaa nevˇedˇelajak d´al.Poradila jsem j´ı, ˇzen´avˇstˇevujiˇz pustila do dveˇr´ıa ˇze´ukol splnila a hned j´ıdoˇslo,ˇzemus´ıhovor ukonˇcit.Noˇcn´ı reˇzimnaˇslaihned, jen ji nenapadlo posunout se z 0 na 50 ˇsipkou dol˚ua sloˇzitˇe na to ˇslaopaˇcn´ymsmˇerem.Po zmˇenˇejednotek u poˇcas´ıhledala, jak tuto volbu potvrdit a bez toho byla zmaten´a,tato akce j´ıtam chybˇela.Bohuˇzelnezn´a

72 4.4. Testov´an´ıHi-Fi prototypu slovo Notifikace, tak byl pro ni posledn´ı´ukol oˇr´ıˇskem, bylo nutn´ej´ıporadit, co slovo znamen´a.Klikla na tuˇzkupro editaci telefonn´ıhoˇc´ısla,nejprve klikala do pole s telefonn´ımˇc´ıslem,pot´esi aˇzvˇsimlakl´avesnice a ˇc´ıslose j´ıpodaˇrilo zmˇenits menˇs´ımiobt´ıˇzemi,protoˇze mˇelapˇr´ıliˇsvelk´eprsty a mal´akl´avesnice se j´ıvelmi tˇeˇzko ovl´adala. Pocity z testov´an´ımˇela dobr´e,podle jej´ıch slov aˇzblaˇzen´e.Zad´an´ıj´ıaˇz na nezn´am´eslovo Notifikace nedˇelaloprobl´emy, zaˇr´ızen´ıse j´ıl´ıbilo,pˇriˇslo j´ı pˇrehledn´ea srozumiteln´e.Chybˇeloj´ıtam potvrzen´ıu zmˇeny jednotek u poˇcas´ı.

4.4.2.3 Participant 3 Zena,ˇ 32 let, pokroˇcil´aznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse z´uˇcastnilajednou, s odpov´ıdac´ıjednotkou k interkomu jiˇzpˇriˇsla do styku. Ihned si vˇsimlazmeˇskan´ehohovoru v reˇzimu sp´anku,klikla na nˇej,ale kdyˇz se nic nestalo, klikla hned nˇekamvedle. Zobrazila zmeˇskan´yhovor, zeptala se, jestli je tˇrebajej smazat, po zopakov´an´ıznˇen´ı´ukolu se vr´atilana domovskou obrazovku, aby se pˇresvˇedˇcila,ˇzeuˇztam zmeˇskan´yhovor neuvid´ı.Pˇridruh´em ´ukolu klikala nejprve na miniaturu pohledu kamery, pot´et´emˇeˇrihned iden- tifikovala spr´avn´etlaˇc´ıtko. Zprvu nevˇedˇela,kde by mˇelanastavit opakovan´e zap´ın´an´ıtich´ehoreˇzimu, p´arvteˇrinpˇrem´yˇslela,k ˇcemu by funkce mohla b´yt dobr´aa jedin´ymv´ychodiskem bylo pr´avˇenastaven´ızvuku. Po zmˇenˇejednotek u poˇcas´ıbylo vidˇet,ˇzezbˇeˇznˇeprohl´edlacel´evyskakovac´ıokno, jestli by mˇela akci potvrdit, ale bez koment´aˇreokno zavˇrelase z´avˇerem,ˇzepotvrzen´ınen´ı potˇreba.Telefonn´ıˇc´ıslozadala s nulami na zaˇc´atku,s ˇc´ımˇzjsem nepoˇc´ıtala15, proto musela ˇc´ısloupravit do jin´epodoby. Aplikaci hodnot´ıjako velmi intuitivn´ı,nesetkala se s niˇc´ım,co by ji pˇrek- vapilo. Pouze u ´ukol˚us notifikacemi a noˇcn´ımreˇzimemsi nebyla hned jist´a,ale po kr´atk´emzamyˇslen´ıhned vˇedˇela,co se po n´ıchce. Nejv´ıcese j´ıl´ıbilopoˇcas´ı na domovsk´eobrazovce a sn´ımkyz hovor˚uv Seznamu hovor˚u. Nenapadlo ji nic, co by se j´ınel´ıbilo.

4.4.2.4 Participant 4 Muˇz,28 let, pokroˇcil´aznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse zat´ımnez´uˇcastnil,s odpov´ıdac´ıjednotkou k interkomu jeˇstˇene- pˇriˇseldo styku. Podobnˇejako ostatn´ıse nejprve snaˇzilklikat na zmeˇskan´yhovor a na jin´e texty na sp´ıc´ıobrazovce, aˇzpo nˇekolika nezdaˇren´ych pokusech ho napadlo kliknout vedle. Zmeˇskan´yhovor potom bez zamyˇslen´ıodstranil. U zaˇr´ızen´ı klikal nejprve na miniaturu a na n´azevzaˇr´ızen´ı, aˇzpotom si vˇsimldalˇs´ıch moˇznost´ı.Tich´yreˇzimvypnul na domovsk´eobrazovce, pak se ˇselpˇresvˇedˇcit

15Kontrolovala jsem pomoc´ıregul´arn´ıhov´yrazu,kter´yvyhodnot´ıjako spr´avn´atelefonn´ı ˇc´ıslas ˇceskou pˇredvolbou +420 na zaˇc´atkunebo bez n´ı.

73 4. Navrh´ Hi-Fi prototypu do Nastaven´ı, kde omylem tich´yreˇzimzase zapnul a pak byl lehce zmaten´y, proˇcje na domovsk´eobrazovce zvuk vypnut´y,ale velmi rychle mu doˇslo,ˇzese jedn´ao opaˇcn´efunkce. Noˇcn´ıreˇzimnejprve hledal u nastaven´ıdispleje, kde ale nic takov´ehonenaˇsela hned druhou moˇznost´ıbylo nastaven´ızvuku. V˚ubec se nepozastavil nad t´ım, ˇzezmˇenu jednotek poˇcas´ınikde nepotvrdil. Aˇckoliv to s´amnepoznamenal, v´ıckr´atse mu stalo, ˇzese netrefil do klikateln´eˇc´asti a musel klikat v´ıckr´at.Podobnˇeu ikon s textem ˇcastoklikal do neklikateln´e ˇc´asti.Pˇrizmˇenˇehodnot klikal nejprve do pol´ıs ˇc´ısly, aˇzpozdˇejisi vˇsimlikony tuˇzkyslouˇz´ıc´ık pˇrepnut´ıdo editaˇcn´ıhom´odu.U zad´av´an´ıˇc´ıslana kl´avesnici se dotkl vedle vyskakovac´ıhookna a okno se zavˇrelo, musel zad´av´an´ızopakovat. Pocity z testov´an´ı mˇeldobr´e,pouze ho zm´atlo,ˇzenoˇcn´ı reˇzimnenaˇsel u displeje. Nejv´ıcese mu l´ıbily moˇznosti u hovoru, ˇzem˚uˇzevypnout mikrofon a udˇelatsn´ımekobrazovky. Jedin´e,co mu v aplikaci chybˇelo,byla nemoˇznost pˇrid´an´ıdalˇs´ıch interkom˚upˇr´ımov zaˇr´ızen´ı.

4.4.2.5 Participant 5 Muˇz,45 let, pokroˇcil´aznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ı se zat´ım nez´uˇcastnil,s odpov´ıdac´ı jednotkou k interkomu zat´ım nepˇriˇseldo styku. Jednal velmi podobnˇejako Participant 4, mˇelprobl´ems chybˇej´ıc´ımiodkazy v textech v reˇzimu sp´ankua u zaˇr´ızen´ıklikal na obr´azeka na n´azev.Se za- pnut´ımzvuku probl´emnemˇel,uˇciniltak pˇr´ımona domovsk´eobrazovce. Opa- kovateln´ezap´ın´an´ıtich´ehoreˇzimu hledal nejprve v Notifikac´ıch, po n´asledn´em kr´atk´emzamyˇslen´ı ho napadlo, ˇzeby se mˇelojednat o zvuk. Nepozastavil se nad neuloˇzen´ımzmˇenˇen´ych jednotek. Zmˇenu telefonn´ıhoˇc´ıslanaˇselhned, protoˇzese moˇznostivˇsimljiˇzu ´ukolu ˇc.5. Jedin´e,co ho zm´atlo,byl v´yˇsezm´ınˇen´ynoˇcn´ıreˇzim,nevˇedˇel,co m´apˇresnˇe hledat, kdyˇzto nenaˇselpˇr´ımov Nastaven´ı. Velmi kladnˇehodnotil vizu´aln´ı vzhled uˇzivatelsk´ehorozhran´ı,pˇriˇslomu decentn´ı,s vhodnˇezvolen´ymibarvami, dok´azalby si to pˇredstavit v interi´erusv´edom´acnosti.

4.4.2.6 Participant 6 Muˇz,42 let, pokroˇcil´aznalost pr´aces dotykov´ymizaˇr´ızen´ımi.Uˇzivatelsk´eho testov´an´ıse zat´ımnez´uˇcastnil,s odpov´ıdac´ıjednotkou k interkomu jiˇzpˇriˇsel do styku. Participant se nepokouˇselklikat na zmeˇskan´yhovor na obrazovce v reˇzimu sp´anku,postupoval pˇresnˇepodle pˇredpokl´adan´ehosc´en´aˇre,hovor nesmazal, pouze jej zobrazil. V druh´em´ukolu nejprve jednou klikl na miniaturu pohledu kamery, pot´ehned zaregistroval ikonu oka. Jedin´yprobl´emnastal u ˇctvrt´eho ´ukolu, kde nejprve pˇrijalhovor, zazmatkoval, ˇzeto nemˇeldˇelat,tak hovor ukonˇcila nevˇedˇel,jak postupovat. Poradila jsem mu, ˇzeneudˇelalnic ˇspatnˇe, jeho ´ukolem je otevˇr´ıtnˇekomu dveˇrea to st´alem˚uˇze. Selˇ tedy do Seznamu

74 4.4. Testov´an´ıHi-Fi prototypu hovor˚u, kde u posledn´ıho hovoru vyvolal hovor na dan´yinterkom, otevˇrel dveˇre,hovor ukonˇcila t´ımsplnil ´ukol. Pˇrihled´an´ınoˇcn´ıhoreˇzimu chtˇelnejprve spustit tutori´al,ale pak se nad t´ıml´epe zamyslel a zam´ıˇrilrovnou do nastaven´ı zvuku. S ostatn´ımi´ukoly v Nastaven´ı nenastaly ˇz´adn´eprobl´emy. Participantovy pocity byly celkem neutr´aln´ı,aplikace mu pˇriˇslafunkˇcn´ı. Popis Seznam zaˇr´ızen´ı mu nepˇriˇseldostateˇcnˇeintuitivn´ı,ale po chvilce usoudil, ˇzejeho samotn´ehoby nic lepˇs´ıho nenapadlo. Nejl´epe hodnotil ˇcas,datum a poˇcas´ına domovsk´eobrazovce, protoˇzetyto informace se nejv´ıce hod´ım´ıt vedle vchodov´ych dveˇr´ı.

4.4.2.7 N´alezy UT2.1 - Velikost klikateln´e oblasti

Popis Odkaz nen´ına ikonˇea textu z´aroveˇn. Moduly Domovsk´astr´ankaa Nastaven´ı. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Opraveno v prototypu.

UT2.2 - Klikateln´e oblasti v reˇzimu sp´anku

Popis Na obrazovce v reˇzimu sp´ankunelze kliknout na zmeˇskan´yho- vor ani na texty. Modul Obrazovka v reˇzimu sp´anku. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Opraveno v prototypu.

UT2.3 - Sn´ımek obrazovky z pohledu kamery

Popis Sn´ımky obrazovky se ukl´adaj´ı vˇzdyke konkr´etn´ımu hovoru. v pˇr´ıpadˇejeho vytvoˇren´ıv pohledu kamery, tedy mimo hovor, se nem´asn´ımekkam uloˇzit. Modul Pohled kamery. Z´avaˇznost D˚uleˇzit´yprobl´em,kter´yje tˇreba opravit. Reˇsen´ıˇ Opraveno v prototypu. Sn´ımekobrazovky p˚ujdevytvoˇritpouze v pr˚ubˇehu hovoru.

75 4. Navrh´ Hi-Fi prototypu

Obr´azek4.10: Nastaven´ızvuku - edi- Obr´azek4.11: Nastaven´ızvuku - edi- tace noˇcn´ıhoreˇzimu tace telefonn´ıhoˇc´ısla

UT2.4 - Pˇrehr´av´an´ı melodi´ı

Popis V nastaven´ı zvuku se pˇripˇrehr´av´an´ı dalˇs´ı melodie, bez po- zastaven´ı t´e pˇredchoz´ı, nezmˇen´ı ikonka z pr´avˇe pˇrehr´avan´e na nepˇrehr´avanou, aˇckoliv se jiˇznepˇrehr´av´a. Modul Nastaven´ızvuku. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Opraveno v prototypu. Pˇrizaˇc´atkupˇrehr´av´an´ınov´emelodie se ikonky u ostatn´ıch zmˇen´ına nepˇrehr´avan´e.

UT2.5 - Mal´a numerick´a kl´avesnice

Popis Pˇri zad´av´an´ı telefonn´ıho ˇc´ısla se zobraz´ı menˇs´ı numerick´a kl´avesnice pro zad´av´an´ı.Kl´avesnice je ale pˇr´ıliˇsmal´aa uˇzivatel´e s vˇetˇs´ımi prsty mˇeli probl´em se do pol´ıˇcek trefit. C´astˇ kl´avesnice se nach´az´ımimo vyskakovac´ıokno a kliknut´ımvedle se vyskakovac´ıokno zavˇrelo. Modul Nastaven´ınotifikac´ı. Z´avaˇznost D˚uleˇzit´yprobl´em,kter´yje tˇrebaopravit. Reˇsen´ıˇ Opraveno v prototypu. Zvˇetˇsila jsem vyskakovac´ı okno pˇrizad´av´an´ıtelefonn´ıhoˇc´ıslaa pol´ıˇckakl´avesnice o 50%.

76 4.4. Testov´an´ıHi-Fi prototypu

UT2.6 - Chybˇej´ıc´ı odkaz u miniatury pohledu z kamery

Popis Nˇekteˇr´ıparticipanti si mysleli, ˇzekliknut´ımna miniaturu po- hledu z kamery se dostanou k aktu´aln´ımu pohledu z kamery. Pro to ale museli kliknout na ikonu oka. Modul Seznam zaˇr´ızen´ı. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Miniatura pohledu z kamery je pouze statick´ypohled, kter´yse v ˇcasenemˇen´ı,na rozd´ılod aktu´aln´ıhopohledu. Uˇzivatel´eby si tyto dva pohledy nemˇelispojovat, proto odkaz nebyl pˇrid´an. Uˇzivatel´ese u t´etoˇc´asti´ukolu nezdrˇzelinikdy v´ıceneˇz10 vteˇrin a pˇr´ıˇstˇeby si jistˇepamatovali, jak maj´ıpostupovat.

UT2.7 - Podpora vˇsech variant ˇceskych´ telefonn´ıch ˇc´ısel

Popis Telefonn´ıˇc´ısloˇslozadat pouze jako 9 ˇc´ısels pˇredvolbou +420 nebo bez n´ı. Pˇredvolba 00420, na kterou jsou nˇekteˇr´ıuˇzivatel´e zvykl´ı,byla detekov´anajako ˇspatn´yform´at. Modul Nastaven´ınotifikac´ı. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Chyba byla v prototypu opravena, telefonn´ıˇc´ıslojde zadat i s pˇredvolbou 00420.

UT2.8 - Potvrzen´ı zmˇen v nastaven´ı

Popis Nˇekter´ezmˇeny ve vzhledu rozhran´ıse v Nastaven´ı nemusely nijak potvrzovat. Jednoho uˇzivatele (s pouze z´akladn´ıznalost´ı pr´aces dotykov´ymizaˇr´ızen´ımi)to zm´atlo,ostatn´ıch pˇetparti- cipant˚uani nenapadlo akci potvrdit. Modul Nastaven´ı. Z´avaˇznost Kosmetick´yprobl´em,kter´ynen´ınutn´eˇreˇsit. Reˇsen´ıˇ Po testov´an´ıjsem se nˇekter´ych participant˚uzeptala, jestli jim tam potvrzovac´ıtlaˇc´ıtko nechybˇelo,vˇsichni odpovˇedˇeli,ˇzejim tam pˇrijdezbyteˇcn´e,kdyˇzse nejedn´ao ˇz´adnouz´asadn´ıakci a byl by to zbyteˇcn´ykrok nav´ıc.Jeden zmaten´yparticipant sice potvrzen´ıhledal, ale po patn´actisekund´ach okno zavˇrel a pˇresvˇedˇcilse, zda byla zmˇenaaplikov´ana.Nakonec jsem se tedy rozhodla ponechat to bez potvrzovac´ıhotlaˇc´ıtka,protoˇze je takto cel´azmˇenajednoduˇsˇs´ı.

Dalˇs´ımpoznatkem z testov´an´ıje zjiˇstˇen´ı,ˇzepolovina participant˚uzmeˇskan´y hovor rovnou smazala, m´ıstoaby ho pouze zobrazila. To ale niˇcemu nevad´ı, pouze ´ukol dokonˇcilijin´ymzp˚usobem. Nˇekter´ymp˚usobiloprobl´emnastaven´ı

77 4. Navrh´ Hi-Fi prototypu noˇcn´ıhoreˇzimu, kter´ybyl zp˚usoben jin´ympojmenov´an´ım,participanti si ne- spojovali tich´yreˇzims noˇcn´ımreˇzimem.Kdyby ale pˇresnˇevˇedˇeli,co chtˇej´ı nastavit, nemˇeliby m´ıt probl´ems t´ım jej naj´ıt. Jeden z participant˚ud´ale zm´ınil,ˇzeby chtˇelm´ıtmoˇznostpˇrid´avat do seznamu zaˇr´ızen´ıdalˇs´ızaˇr´ızen´ı, coˇzje zbyteˇcn´e,protoˇzeto nikdo nebude ˇcinitˇcastoa bude snazˇs´ı,kdyˇzto nastav´ıodborn´ıkpˇreswebov´erozhran´ı. Vzhledem k dobr´ymv´ysledk˚umz uˇzivatelsk´ehotestov´an´ı,kter´enevedly k ˇz´adn´ympotˇrebn´ymz´asadn´ımzmˇen´amv prototypu, jsem dalˇs´ıuˇzivatelsk´a testov´an´ı jiˇzneprov´adˇela.Mˇelajsem je v pl´anu udˇelat,naˇsel-liby se ale- spoˇnjeden probl´em,kter´yby vyˇzadoval z´asahtakov´em´ıry, pˇrinˇemˇzby doˇslo k z´asadn´ı´upravˇeprototypu.

78 Z´avˇer

Na z´akladˇereˇserˇseodpov´ıdac´ıch jednotek, uˇzivatelsk´ehopr˚uzkumu a princip˚u tvorby uˇzivatelsk´ych rozhran´ı jsem navrhla prototyp pro novou dotykovou odpov´ıdac´ıjednotku k interkomu. V´ysledn´yprototyp je interaktivn´ıa zahrnuje vˇsechny hlavn´ıfunkce, kter´ebude budouc´ıodpov´ıdac´ıjednotka m´ıt.C´ılpr´ace byl tedy splnˇen. Pˇredsamotnou pˇr´ıpravou prototypu jsem si prostudovala teorii n´avrhu uˇzivatelsk´ych rozhran´ı. Pro svou pr´acijsem ˇcerpalapˇrev´aˇznˇeze knih Ja- koba Nielsena, Bena Shneidermana a Dona Normana, kteˇr´ıjsou povaˇzov´aniza ˇspiˇckuv oboru. Bˇehem ˇcetby jsem se dozvˇedˇelamnoho zaj´ımavost´ız prostˇred´ı UX designu. Nejv´ıce mne zaujaly ˇc´astio lidsk´empˇrem´yˇslen´ı,kter´ejsem n´asled- nˇevyuˇzilapˇrin´avrhu prototypu i samotn´emuˇzivatelsk´emtestov´an´ı.Dalˇs´ım cenn´ymzdrojem informac´ı pro n´avrhprototyp˚ubyl bezesporu uˇzivatelsk´y pr˚uzkum,kter´yjsem provedla mezi souˇcasn´ymii potenci´aln´ımiuˇzivateli od- pov´ıdac´ıch jednotek. Na z´akladˇepr˚uzkumu jsem definovala persony, pˇr´ıpady uˇzit´ı,uˇzivatelsk´ec´ılea sc´en´aˇre.C´ılovou skupinu jsem urˇcilaz pˇredpoklad˚u,ˇze si odpov´ıdac´ıjednotku m˚uˇzepoˇr´ıditdom˚ukdokoliv, kdo m´ana ni dostatek financ´ı. Pro vytv´aˇren´ıLo-Fi prototypu jsem zvolila n´astroj Balsamiq, kter´yumoˇz- ˇnujevytv´aˇret jednoduch´ainteraktivn´ıuˇzivatelsk´arozhran´ıa nab´ız´ıtak´espous- tu jiˇzpˇripraven´ych komponent. Vytvoˇrilajsem dvˇevarianty prototypu, kter´ese liˇs´ıpˇredevˇs´ımv pouˇzit´emjazyce (ˇceskya anglicky) a v rozm´ıstˇen´ınˇekter´ych prvk˚u.Uˇzivatelsk´ymtestov´an´ım jsem pak urˇcila,jak´erozm´ıstˇen´ı vyhovuje uˇzivatel˚umv´ıce.L´epe dopadla ˇcesk´averze prototypu, protoˇzevˇsichni partici- panti byli Ceˇsiaˇ nˇekteˇr´ımˇeliprobl´ems nˇekter´ymianglick´ymiterm´ıny. D´ale jim v´ıcevyhovovalo zobrazen´ızmeˇskan´ych hovor˚ubl´ızko tlaˇc´ıtka Seznam ho- vor˚u a vyp´ın´an´ızvuku v prav´ehorn´ıˇc´astineˇzoboj´ıv horn´ıliˇstˇe.Testov´an´ı odhalilo pˇredevˇs´ım probl´emy textace a chybˇej´ıc´ıho odliˇsen´ı nov´ych hovor˚u od starˇs´ıch v r´amci Seznamu hovor˚u. Oba identifikovan´eprobl´emy byly od- stranˇeny v r´amcizpracov´an´ıHi-Fi prototypu, kter´yjsem vytv´aˇrelav ˇceˇstinˇe, abych zamezila dalˇs´ımprobl´em˚ums jazykem.

79 Zav´ erˇ

Po anal´yzeprototypovac´ıch n´astroj˚upro Hi-Fi prototyp jsem vybrala kni- hovnu Qt, jednotliv´eprvky a jejich chov´an´ı jsem definovala pomoc´ı QML v kombinaci s Javascriptem. Se zvolen´ymprototypovac´ım n´astrojem jsem byla nad m´ıruspokojen´a.Kombinace znaˇckovac´ıhoa skriptovac´ıhojazyka mi umoˇznilasnadno vytvoˇrituˇzivatelsk´erozhran´ıi veˇsker´efunkˇcn´ıˇc´astiproto- typu. Jedin´ymodhalen´ymnedostatkem n´astroje Qt je chybn´apr´aces vyska- kovac´ımiokny, kter´anelze opˇetovnˇeotev´ırat.Po zavˇren´ıvyskakovac´ıhookna je tedy nutn´epˇrej´ıtna jinou obrazovku, vr´atitse a pak uˇzlze vyskakovac´ı okno bez pot´ıˇz´ızobrazit. Naopak mˇepˇr´ıjemnˇepˇrekvapila jednoduchost pr´ace s multim´edii,nemˇelajsem s nimi t´emˇeˇrˇz´adn´epot´ıˇze.Vˇsechny jeho nedostatky a chybˇej´ıc´ıˇc´astijsou z hlediska vzhledu uˇzivatelsk´ehorozhran´ıa uˇzivatelsk´eho testov´an´ıned˚uleˇzit´e, proto nebylo tˇrebase jimi zaob´ırat. Pˇriposledn´ımtestov´an´ıs uˇzivateli bylo nalezeno nˇekolik probl´em˚u,kter´e nebyly odhaleny ˇz´adnoumetodou testov´an´ıbez uˇzivatel˚u.Kromˇefunkˇcn´ıch chyb vznikl´ych pˇrin´avrhu prototypu (napˇr. ˇspatn´eum´ıstˇen´ıklikateln´ych ploch) jsem narazila i na nˇekolik logick´ych chyb. Jako jeden z ´ukol˚udostali partici- panti vytvoˇren´ısn´ımkuobrazovky pˇriaktu´aln´ımpohledu kamery, kter´yse ale nem´akam uloˇzit.Sn´ımkyu hovor˚use totiˇzukl´adaj´ıke konkr´etn´ımu z´aznamu hovoru, proto jsem tuto moˇznost odstranila. Dalˇs´ım zaj´ımav´ymzjiˇstˇen´ım byla nedostateˇcn´avelikost kl´avesnice u zmˇeny telefonn´ıhoˇc´ısla,kterou jsem zvˇetˇsila,aby uˇzivatel´ese silnˇejˇs´ımiprsty nemˇelis pouˇz´ıv´an´ımpot´ıˇze. Ostatn´ı m´enˇez´avaˇzn´enalezen´eprobl´emy byly v prototypu opraveny a pokud ne, bylo toto rozhodnut´ın´aleˇzitˇeod˚uvodnˇeno. Na cel´epr´acimˇenejv´ıce bavilo vytv´aˇren´ı Hi-Fi prototypu a testov´an´ı s uˇzivateli. Nauˇcila jsem se pracovat s nov´ymprototypovac´ımn´astrojem, kter´y jsem si ihned obl´ıbila.Zaujaly mˇemoˇznosti,kter´ejednoduˇsˇs´ıprototypovac´ı n´astroje, se kter´ymijsem bˇeˇznˇezvykl´apracovat, nenab´ız´ı.Pr´avˇed´ıkynˇemu se mi podaˇrilovytvoˇritprototyp, kter´yse uˇzivatel˚umpˇri testov´an´ıl´ıbila tes- tov´an´ı pro nˇebylo pˇr´ıjemnˇejˇs´ı. Na testov´an´ı mˇenejv´ıce bavilo pozorov´an´ı participant˚u,jak plnili zadan´e´ukoly, jak se u toho tv´aˇrilia jak pˇrem´yˇsleli. Aˇckoliv jsem cel´yprototyp sama proch´azelakognitivn´ımpr˚uchodem a mys- lela jsem, ˇzejsem si vˇedomavˇsech moˇzn´ych probl´emov´ych ˇc´ast´ı,vˇsichni mˇe dok´azalisv´ympoˇc´ın´an´ım pˇrekvapit. Byl to pro mˇedalˇs´ı d˚ukazd˚uleˇzitosti pr˚ubˇeˇzn´ehotestov´an´ıbˇehemn´avrhu uˇzivatelsk´ehorozhran´ı. V´ystupy z m´epr´acebudou pouˇzity pˇrin´avrhu nov´eodpov´ıdac´ıjednotky. Hi-Fi prototyp poslouˇz´ıjako z´akladpro dalˇs´ırozpracov´an´ıgrafiky, v´ysledky test˚ua odhalen´epot´ıˇzemohou urychlit proces n´avrhu. Z´avˇerembych r´ada zm´ınila,ˇzeby do budoucna bylo vhodn´eodpov´ıdac´ıjednotku pˇrizp˚usobitpro pouˇz´ıv´an´ılidmi se sluchov´ym,ˇcimenˇs´ımzrakov´ympostiˇzen´ım.

80 Literatura

[1] Norman, D. A.: The design of everyday things - Revised and expanded edition. New York: Basic Books, 2013, ISBN 978-0-465-05065-9, (pˇreklad vlastn´ı).

[2] 2N TELEKOMUNIKACE a.s.: Odpov´ıdac´ıjednotky. [online], 2017. Do- stupn´ez: https://www.2n.cz/cs_CZ/produkty/odpovidaci-jednotky

[3] Stˇep´ankov´a,ˇ P.: Usability Test Report Mobile Video app. Technick´a zpr´ava, 2N TELEKOMUNIKACE a.s., 2016, intern´ıdokument, nepubli- kov´ano.

[4] InfinitePlay S.r.l.: Infinite Play Next 7”. [Online; cit. 2019-02- 23]. Dostupn´ez: https://www.infiniteplay.com/en/prodotti/posti- interni/next-7/

[5] Dnake Intelligent Technology Co., Ltd. Xiamen: Dnake 902M-S2 In- door Monitor. [Online; cit. 2019-02-23]. Dostupn´ez: http://www.dnake- global.com/products/145.html

[6] Qt Group: Qt, Cross-platform software development for embedded and desktop. 2019, [Online; cit. 2019-03-03]. Dostupn´ez: https://www.qt.io/

[7] Morse, S. F. B.: Examination of the Telegraphic Apparatus and the Pro- cesses in Telegraphy. Paris Universal Exposition, 1869, (pˇrekladvlastn´ı). Dostupn´e z: https://books.google.cz/books?id=rGgPAAAAYAAJ&pg= PA7&redir_esc=y#v=onepage&q&f=false

[8] Nebeker, F.: Antonio Meucci, telephone inventor. In Engineering hall of fame, IEEE InSight, 2008, [Online; cit. 2019-04-05] (pˇreklad vlastn´ı). Dostupn´e z: https://insight.ieeeusa.org/articles/engineering- hall-of-fame-antonio-meucci-telephone-inventor/

81 Literatura

[9] Corporate Security: History Of Intercom Systems. [online], 2019. Do- stupn´ez: http://corsec.co.za/history-of-intercom-systems/

[10] Cooper, A.; Reimann, R.; Cronin, D.: About face: the essentials of inter- action design. Indianapolis: Wiley, ˇctvrt´evyd´an´ı,2014, ISBN 978-1-118- 76657-6, (pˇrekladvlastn´ı).

[11] Krug, S.: Don’t Make Me Think: A Common Sense Approach to the Web (2nd Edition). Thousand Oaks, CA, USA: New Riders Publishing, 2005, ISBN 0321344758, (pˇrekladvlastn´ı).

[12] Nielsen, J.: Usability engineering. San Francisco: Morgan Kaufmann, 1993, ISBN 0-12-518406-9, (pˇrekladvlastn´ı).

[13] Nielsen, J.: Usability inspection methods. New York: Wiley, 1994, ISBN 04-710-1877-5, (pˇrekladvlastn´ı).

[14] Thissen, F.: Screen Design Manual. Berlin, Heidelberg: Springer-Verlag, 2003, ISBN 3540439234.

[15] Johnson, J.: Designing with the Mind in Mind: Simple Guide to Under- standing User Interface Design Rules. San Francisco, CA, USA: Morgan Kaufmann Publishers Inc., 2010, ISBN 012375030X, 9780123750303.

[16] Goodwin, K.: Designing for the Digital Age: How to Create Human- Centered Products and Services. Wiley Publishing, 2009, ISBN 0470229101, 9780470229101.

[17] Preece, J.; Rogers, Y.; Sharp, H.: Interaction design: beyond human- computer interaction. New York: Wiley, 2002, ISBN 0-471-49278-7, s. 4–13, (pˇrekladvlastn´ı).

[18] Koutov´a,K.: Uˇzivatelsk´especifikace rozhran´ıpro osobn´ıwebovou prezen- taci a internetov´yobchod. Bakal´aˇrsk´apr´ace,Praha: Cesk´evysok´euˇcen´ıˇ technick´ev Praze, Fakulta informaˇcn´ıch technologi´ı,2017.

[19] Shneiderman, B.; Plaisant, C.; Cohen, M.; aj.: Designing the User Interface: Strategies for Effective Human-Computer Interaction. USA: Addison-Wesley Publishing Company, p´at´evyd´an´ı, 2009, ISBN 9780321537355, (pˇrekladvlastn´ı).

[20] Faranello, S.: Practical UX Design. Community Experience Distilled, Packt Publishing, 2016, ISBN 9781785880896, (pˇrekladvlastn´ı).

[21] GOODMAN, M. K. a. A. M., Elizabeth: Observing the user experience: a practitioner’s guide to user research (2nd ed.). Waltham: Morgan Kau- fmann, 2012, ISBN ISBN 0123848695;9780123848697;, (pˇrekladvlastn´ı).

82 Literatura

[22] Rubin, J.: Handbook of usability testing: how to plan, design and conduct effective tests. Wiley technical communication library, New York: Wiley, 1994, ISBN 0-471-59403-2, (pˇrekladvlastn´ı).

[23] Spencer, R.: The Streamlined Cognitive Walkthrough Method, Wor- king Around Social Constraints Encountered in a Software Development Company. In Proceedings of the SIGCHI Conference on Human Fac- tors in Computing Systems, CHI ’00, New York, NY, USA: ACM, 2000, ISBN 1-58113-216-6, s. 353–359, doi:10.1145/332040.332456. Dostupn´ez: http://doi.acm.org/10.1145/332040.332456

[24] Kljapov´a,M.: Indoor Talk Uˇzivatelsk´eTestov´an´ı2018. Technick´azpr´ava, 2N TELEKOMUNIKACE a.s., 2018, intern´ıdokument, nepublikov´ano.

[25] Zaj´ıˇckov´a,K.: Revize Indoor Touch Launcheru. Technick´azpr´ava, 2N TELEKOMUNIKACE a.s., 2016, intern´ıdokument, nepublikov´ano.

[26] M´ıkovec, Z.: Prototyping & Evaluation. Listopad 2017, (pˇredn´aˇska), [cit. 2019-02-27]. Dostupn´e z: https://moodle.fel.cvut.cz/ pluginfile.php/69999/course/section/17557/nur_lecture04_ prototyping_high_eval-v07.pdf

[27] Axure Software Solutions I.: Axure RP, Prototypes, Specifications, and Diagrams in One Tool. 2019, [Online; cit. 2019-03-03]. Dostupn´ez: https: //www.axure.com/

[28] Adobe: Adobe XD, UX/UI design and collaboration tool. 2019, [Online; cit. 2019-03-03]. Dostupn´e z: https://www.adobe.com/cz/products/ xd.html

[29] The GTK Team: The GTK Project. 2019, [Online; cit. 2019-03-03]. Do- stupn´ez: https://www.gtk.org/

[30] The GNOME Project: Clutter, GNOME Wiki. 2019, [Online; cit. 2019- 03-03]. Dostupn´ez: https://wiki.gnome.org/Projects/Clutter

[31] Adobe: Adobe Flex: Free, open-source application framework. 2019, [Online; cit. 2019-03-03]. Dostupn´e z: https://www.adobe.com/cz/ products/flex.html

[32] OpenJFX: Java FX. 2019, [Online; cit. 2019-03-03]. Dostupn´ez: https: //openjfx.io/

[33] CHROBOCZEK, M.: Grafick´auˇzivatelsk´arozhran´ıv Qt a C++. Brno: Computer Press, 2013, ISBN 978-80-251-4124-3.

83

Prˇ´ıloha A

Seznam pouˇzit´ychzkratek

ACD Activity-Centered Design

CSS Cascading Style Sheets

GIMP GNU Image Manipulation Program

QTK GIMP Toolkit

HCD Human-Centered Design

Hi-Fi High-Fidelity

HLS Hue-Lightness-Saturation

HTML Hypertext Markup Language

JS JavaScript

Lo-Fi Low-Fidelity

OpenGL Open Graphics Library

PIN Personal Identification Number

RGB Red-Green-Blue

QML Qt Modeling Language

UI User Interface

UX User Experience

VoIP Voice over Internet Protocol

XML Extensible Markup Language

85

Prˇ´ıloha B

Obsah pˇriloˇzen´ehoCD

readme.txt ...... struˇcn´ypopis obsahu CD wireframes screens...... adres´aˇrs obrazovkami ve form´atuPNG Lo-Fi-A.pdf ...... Lo-Fi prototyp A Lo-Fi-B.pdf...... Lo-Fi prototyp B exe ...... adres´aˇrse spustitelnou formou Hi-Fi prototypu windows...... spustiteln´aforma pro Windows (CD2) linux ...... spustiteln´aforma pro Linux screens...... obrazovky prototypu ve form´atuPNG src impl...... zdrojov´ek´odyimplementace thesis ...... zdrojov´aforma pr´aceve form´atuLATEX img...... adres´aˇrs obr´azky, kter´ebyly pouˇzity v pr´aci text ...... text pr´ace DP Koutova Katerina 2019.pdf...... text pr´aceve form´atuPDF

87