revizija grafičkog korisničkog interfejsa softverskog proizvoda google chrome

Upload: igor-spremo

Post on 03-Apr-2018

234 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    1/21

    1

    Univerzitet u Novom Sadu

    Fakultet tehnikih naukaOdsek za raunarstvo i automatiku

    Katedra za raunarske nauke i informatiku

    Evaluacija korisnikog interfejsa

    programa Google Chrome

    Projektni zadatak iz predmeta: Interakcija ovek raunar

    Profesor: Iveti dr Dragan

    Asistent: Dragan mr Dinu

    Autor: Igor Spremo, e13564

    Novi Sad, mart 2013.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    2/21

    2

    Sadraj:1. UVOD ............................................................................................................................................................ 3

    PREDMET HEURISTIKE REVIZIJE......................................................................................................................................... 3

    2. HEURISTIKA EVALUACIJA ............................................................................................................................. 3

    UOPTENO O HEURISTIKOJ EVALUACIJI .............................................................................................................................. 4

    3. OSAM ZLATNIH PRAVILA ............................................................................................................................... 4

    TEITI KONZISTENTNOSTI.................................................................................................................................................. 4

    OMOGUITI FREKVENTNIM KORISNICIMA UPOTREBU PREICA.................................................................................................. 4

    DAVATI INFORMATIVNI FEEDBACK...................................................................................................................................... 5

    PROJEKTOVATI DIJALOGE NAGLAENE ZATVORENOSTI ............................................................................................................ 5

    PONUDITI PREVENCIJU I RUKOVANJE GREKAMA ................................................................................................................... 5

    DOZVOLITI PONITAVANJE EFEKATA IZVRENIH AKCIJA............................................................................................................ 5

    INTERNO PODRAVATI KONTROLU...................................................................................................................................... 6

    REDUKOVATI OPTEREENJE RADNE MEMORIJE ...................................................................................................................... 6

    4. REVIZIJA PROGRAMSKOG REENJA GOOGLE CHROME .................................................................................. 7

    KONZISTENTNOST U GOOGLE CHROME............................................................................................................................... 7

    PREICE U GOOGLE CHROME.......................................................................................................................................... 11

    INFORMATIVNI FEEDBACK U GOOGLE CHROME................................................................................................................... 12

    DIJALOZI NAGLAENE ZATVORENOSTI U GOOGLE CHROME.................................................................................................... 14

    PREVENCIJA I RUKOVANJE GREKAMA U GOOGLE CHROME ................................................................................................... 15

    PONITAVANJE EFEKATA AKCIJA U GOOGLE CHROME ........................................................................................................... 17

    INTERNO PODRAVANJE KONTROLE U GOOGLE CHROME ...................................................................................................... 17

    OPTEREENJE RADNE MEMORIJE U GOOGLE CHROME ......................................................................................................... 18

    5. ZAKLJUAK .................................................................................................................................................. 21

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    3/21

    3

    1.Uvod

    Ovaj dokument namenjen je izlaganju ekspertskih zakljuaka o kvalitetu korisnikog

    interfejsa softverskog proizvoda obraenog u ovom dokumentu, kao i izlaganjuodabranih kriterijuma za evaluaciju tog proizvoda. U predstojeim poglavljima detaljnosu razraeni predmet prouavanja i pravila po kojima je izvrena ekspertska revizija. Nakraju dokumenta izloen je izvetaj formiran na osnovu prethodno obraenih kriterijuma.

    Predmet heuristike revizije

    Predmet prouavanja ovog dokumenta su funkcionalni i organizacioni aspektisoftverskog proizvoda Google Chrome, verzije 25.0.1364.152 m.

    Google Chrome predstavlja web pretraiva namenjen svim vrstama korisnika.Ciljano je da ovaj program bude siguran, brz, jednostavan i stabilan. U daljem

    razmatranju, analiziraemo grafiki korisniki interfejs koji nudi komunikaciju sakorisnicima.

    2.Heuristika evaluacija

    Heuristika evaluacija predstavlja proveru upotrebljivosti softverskog proizvoda kojapomae u otkrivanju moguih nedoslednosti u dizajnu korisnikog interfejsa. Procesevaluacije zahteva prisutnost eksperata za evaluaciju koji procenjuju saglasnost interfejsa

    sa ustanovljenim principima dizajna.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    4/21

    4

    Uopteno o heuristikoj evaluaciji

    Osnovni cilj heuristike evaluacije jeste pronalaenje problema vezanih za dizajn

    korisnikog interfejsa. Heuristike evaluacije nisu strogo formalne metodeprovereupotrebljivosti dizajna programskog korisnikog interfejsa. Postoje mnoge heuristike natemu upotrebljivosti dizajna, ali one nisu iskljuive i pokrivaju mnoge aspekte teme

    posmatrane u ovom dokumentu.

    Revizija interfejsa softverskog proizvoda Google Chrome bie vrena na osnovuOsam zlatnih pravila, detaljno razraenih u sledeem poglavlju.

    3.Osam zlatnih pravila

    Ovo poglavlje sadri kratakopis Osam zlatnih pravila radi mogunosti preciznijegizlaganja i razumevanja revizije korisnikog interfejsa programa Google Chrome.

    Teiti konzistentnosti

    Treba se koristiti slina terminologija u svim ulazno-izlaznim elementima. Slinesituacije treba da zahtevaju sline setove korisnikih akcija.

    Boje treba da su u skladu sa podeavanjima radnog okruenja, slova jasna, lako itljiva,uglavnom crne boje.

    Omoguiti frekventnim korisnicima upotrebu preica

    Frekventnim korisnicima koji intenzivno koriste program treba pruiti mogunostkorienja preica radi breg rukovanja programom. Korienje standardnih menufunkcija zahteva dosta vremena, pa je zato pogodno ponuditi posebne ikonice kao

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    5/21

    5

    preice. Takoe, vreme korienja semoe dodatno umanjiti i uvoenjem preica satastature i makro funkcija.

    Davati informativni feedback

    Za svaku korisnikovu akciju sistem treba da prui informativni odziv. Ukoliko je upitanju frekventna akcija, odziv sistema moe da bude umeren i neupadljiv, dok kodnefrekventnih akcija odziv treba da bude naglaeniji.

    Projektovati dijaloge naglaene zatvorenosti

    Sekvence akcija trebalo bi da budu dobro grupisanebez pruanja puno detalja oakcijama. Ukoliko korisnik eli da ima vie uvida u detalje akcija, treba mu ponuditidodatni dijalog ili proiriti originalni sa dodatnim informacijama. Informativni odziv nakraju grupe akcija daje korisniku satisfakciju za dobro obavljen posao i priprema ga za

    sledeu grupu akcija.

    Ponuditi prevenciju i rukovanje grekama

    Potrebno je dizajnirati sistem tako da predupredi korisnika u izvravanju akcijakoje bi rezultovale grekom u sistemu ili da barem ima odgovarajui odziv ako je dogreke ve dolo.

    Dozvoliti ponitavanje efekataizvrenih akcija

    Potrebno je korisniku pruiti mogunost ponitavanja efekta proizvoljnog brojaprethodno izvrenih akcija ukoliko nije zadovoljan njihovim ishodom. Time korisnikstie vei oseaj kontrole nad sistemom i osea se lagodnije pri radu.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    6/21

    6

    Ovo takoe omoguava korisniku da probava nepoznate funkcije bez bojazni jer zna damoe da se vrati korak u nazad.

    Interno podravati kontrolu

    Frekventni korisnici vole da imaju oseaj kompletne kontrole nad sistemom, beziznenaujuih akcija sistema. Sistem treba dizajnirati tako da su korisnici inicijatoriakcija a ne samo posmatrai.

    Redukovati optereenje radne memorije

    Ljudski um je u stanju da prihvati 7 2 pojma u trenutku vremena. Zato ne treba

    istovremeno pruati previe informacija i detalja korisnuku, ve ih podeliti na manjeceline koje je lake savladati. Potreno je konsolidovati vieprozorske prikaze i uvoditiskraenice.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    7/21

    7

    4.Revizija programskog reenja Google

    Chrome

    U ovom odeljku bie izloena ekspertska revizija grafikog korisnikog interfejsasoftverskog proizvoda Google Chrome bazirana na heuristici Osam zlatnih pravilarazraenoj u prethodnom poglavlju. Uz svako pravilo priloen je primer, kao i ilustracijeda bi se to bolje pokazali razlozi procene kvaliteta korisnikog interfejsa.

    Konzistentnost u Google Chrome

    Analizom korisnikog interfejsa softverskog proizvoda Google Chrome po pravilukonzistentnosti ustavnovljeno je da je ovo pravilo u relativno maloj meri zadovoljeno.

    Fontovi korieni u svim dijalozima, prozorima i natpisima su jedinstveni sans serifni,bez ukraenih ivica. Kada je u pitanju boja fonta korienog u programu, doslednojekoriena jedna (crna) boja u celom grafikom interfejsu(slika 1).

    Slika 1

    Dalje,Look & feelsamog programa je u skladu sa podeenimLook & feeloperativnogsistema, ali se takoe moe podesiti posebna tema i setovi boja.to se tie samihelemenata grafikog interfejsa, komponenta menune postoji zasebno ve se svim

    podeavanjima pristupapreko opcijesettings(slika 2).

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    8/21

    8

    Slika 2

    Ovakav raspored nije u saglasnosti sa ostalim programima u Windows operativnomsistemu, gde su korisnici navikli da postoji posebno izdvojen menubar.

    Kada se ue u podeavanja (settings), primeuje se da su opcije smisleno grupisane takoda korisnik na osnovu zaglavlja zna koje opracije gde moepronai(slika 3).Takoe, snimanje svih podeavanja nije ponueno nikakvim dugmetom, ve jeimplementirano tako da se automatski snima i da je dovoljno samo ugasiti prozor sa

    podeavanjima. Ovakva organizacija ne zadovoljava konzistentnost jer je uobiajeno da

    se pri podeavanjima ponudi i dugme za ponitenje prethodno izmenjenih podeavanja.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    9/21

    9

    Slika 3

    Primeuje se odstupanje od konzistentnosti i kod pojedinih dijaloga za podeavanja, gdese oekuju dugmad OK i CANCEL, a postoji samo dugme DONE kojim je mogue samo

    sauvati promene. Ne postoji dugme koje bi zamenjivalo dugme CANCEL (slika 4).

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    10/21

    10

    Slika 4

    Na toolbar-u ikonice nisu grupisane na jednom mestu, ve se nalaze rasporeene narazliitim stranama(slika 5), to moe predstaviti problem korisnicima jer moraju datrae gde se koje dugme nalazi.

    Slika 5

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    11/21

    11

    Preice u Google Chrome

    Sa stanovita ovog zlatnog pravila, Google Chrome se pokazao doslednim

    potujui osnovne principe pruanja podrke frekventnim korisnicima. Toolbarsadriikonice za operacijeBACK,FORWARD,REFRESH, STOP,HOME (levi slike 5), kao iikonicu za padajui menu sa opcijom SETTINGS (desni deo slike 5).

    Kao dodatnu podrku u radu frekventnim korisnicima, Google Chrome nudi velikbroj preica sa tastature. Iz velikog skupa preica sa tastature izdvojiemo neke osnovne,kao to su:

    CTRL + N = Otvaranje novog prozora CTRL + T = Otvaranje novog tab-a CTRL + SHIFT + N = Otvaranje novog prozora bez pamenja istorije

    pretraivanja

    CTRL + SHIFT + T = Otvaranje poslednje korienog, a zatvorenog tab-a

    Kao vrlo korisna mogunost se pokazala opcija pretraivanja web sadrajadirektno iz adresne linije (slika 6). To omoguava bri pristup Google pretraivau jer netreba da se uitava stranica sa pretraivaem.

    Slika 6

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    12/21

    12

    Takoe postoji i mogunost dodavanja bookmark toolbar-akoji sadri preice kastranicama koje je korisnik obeleio radi breg pristupanja (slika 7). Ova mogunost je odveoma velike vanosti jer drastino olakava korisniku pristup stranicama kojefrekventno poseuje.

    Slika 7

    Informativni feedback u Google Chrome

    Kada se u razmatranje uzme tree zlatno pravilo, za Google Chrome se mogu naiprimeri koji pokazuju i doslednost i nedoslednost programa sa pravilom.

    Prvo to se primeti kao pozitivna osobina jestestatus barkoja prua informacije otrenutnom stanju programa ili prikazuje adresu linka iznad kojeg se nalazi kursor(slika 8).

    Slika 8

    Takoe, program prua informaciju o tome da li se zahtevana stranica uitava ili jecela uitana. Na levom deluslike 9je prikazana oznaka stranice koja se uitava, dok jena desnom delu prikazana oznaka uitane stranice.

    Slika 9

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    13/21

    13

    Ukoliko je u toku skidanje sadraja sa interneta, program nudi poseban status barsa prikazanim svim fajlovima koji se skidaju ili su bili skidani od poslednjeg pokretanja

    programa (slika 10).

    Slika 10

    Ako korisnik pokua da zatvori sve prozore u Google Chrome dok je u tokuskidanje nekakvog sadraja sa interneta, program e obavestiti korisnika o aktuelnimaktivnostima i ponuditi mu opciju za potvrdu zatvaranja ili odustajanja od zatvaranja svih

    prozora(slika 11).

    Slika 11

    Kao primer nedoslednosti programa sa ovim pravilom moe se uzeti to da korisnikne dobija obavetenje o tome da pokuava da zatvori vie prozora od jednom ukoliko je

    kliknuo na dugme za gaenje programa.Ovo moe da predstavlja problem jer korisnikmoda nije eleo da ugasi sve prozore,pa moe izgubiti neke informacije koje su se utom trenutku nalazile na nekom od otvorenih sajtova.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    14/21

    14

    Dijalozi naglaene zatvorenosti u Google Chrome

    Sa aspekta etvrtog zlatnog pravila, projektovanje dijaloga naglaene zatvorenosti,

    Google Chrome nije ostao skroz dosledan. Kada se pogleda stranica sa podeavanjima(slika 12), vidi se da se sva podeavanja nalaze na jednoj stranici. Nedoslednost je maloumanjena grupisanou funkcija po odreenim kriterijumima i mogunou proirivanja ismanjivanja koliine podeavanja vidljivih u trenutku vremena.

    Slika 12

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    15/21

    15

    Prevencija i rukovanje grekama u Google Chrome

    Prevencija i rukovanje grekama u Google Chrome, je u odreenoj meri podrana.

    to se tie prevencije greaka, podeavanja su dizajnirana tako da se minimizujemogunost da korisnik napravi greku pri radu.Kao primer, uzmimo pokuaj unosa slova u polje gde su dozvoljeni samo brojevi (slika13).

    Slika 13

    Podeavanja koja su unutar nekog opsegavrednosti ograniena supomou slajdera. Nataj nain je spreena bilo kakva konfliktna situacija. Primer takve prevencije greke je

    podeavanje veliine fonta slova(slika 14).

    Slika 14

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    16/21

    16

    to se tie rukovanja grekama, kao dobar primerimplementacije je opcijaoporavka sadraja stranica otvorenih pre nenadanog gaenja programa(slika 15). Pri

    pokretanju programa prvi put nakon nenadanog gaenja, biva ponuenpop-up saobavetenjem da se program nije ugasio pod normalnim okolnostima i sa ponuenom

    opcijom za oporavak poslednjeg sadraja pretraivaa.

    Slika 15

    Google Chrome ima dosledno implementiran nain obavetavanja korisnikaukoliko je dolo do greke pri uitavanju stranice, to se moe videti iz primera saslike16. Pri ovakvim situacijama, uvek je dato opirno objanjenje problema i mogunosti za

    prevazilaenje istog, to korisniku moe biti od velike pomoi.

    Slika 16

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    17/21

    17

    Ponitavanje efekata akcija u Google Chrome

    Operacija ponitavanja efekata akcija u Google Chrome je u odreenoj meri

    dosledno uraena za pretraivanje stranica, dok uopte nije implementirana upodeavanjima programa.

    Ukoliko uitamo stranicu nakon to je u tom prozoru ve bila uitana drugastranica, postaje dostupna funkcijaBACK (skroz levo dugme na slici 17)koja omoguava

    povratak na prethodnu stranicu.

    Ako je barjednom izvrena funkcijaBACK, postaje dostupna i funkcijaFORWARD kojaprikazuje sadraj stranice prikazane pre primene funkcijeBACK (dugme desno oddugmeta BACK na slici 17).

    Slika 17

    Takoe, program nudi mogunost ponitenja efekata akcije u poljima za unos

    teksta. Uneen tekst se moe ponititi i sistem vratiti u prethodno stanje pozivanjemfunkcije UNDOpomou preice sa tastature (CTRL + Z).

    Kada su u pitanju podeavanje programa uz pomo klizaa (slika 13), uopte nijeponuena opcija ponitenja efekata izvrenih akcija, ve korisnik mora da korigujepodeavanja runo. Ovo je veoma nepogodna osobina jer korisnik nije u mogunosti dalagodno isproba neke opcije zbog bojazni od pravljenja nepopravljive greke.

    Interno podravanje kontrole u Google Chrome

    Pri definisanju samog izgleda i naina korienja programa, korisnik ima velikuslobodu. Omogueno je uklanjanje ili dodavanje preice za odlazak na defult stranicu(koja takoe moe da se odabere). Takoe, kao to je ve reeno kod analize preica u

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    18/21

    18

    programu, mogue je dodati bookmark toolbarsa korisniki definisanim preicama kaeljenim stranicama.

    Pored toga, postoji mogunost proirivanja samog programa dodatnim plug-inaplikacijama koje korisnik moe koristiti za bre rukovanje programom ili kao posebne

    dodatke ne vezane iskljuivo za pretraivanje internet sadraja. Te dodatne aplikacijemogu nuditi preice u okviru dugmiaradi breg pristupa i pokretanja.

    Sve do sada nabrojane osobine se mogu uoiti u glavnom prozoru programa, to jepriloeno naslici 7.

    to se tie odziva programa u toku podeavanja, dosledno je ispotovano pravilointernog podravanja kontrole jer ne dolazi do nenadanih reakcija programa.

    Optereenje radne memorije u Google Chrome

    Po pitanju optereenja radne memorije korisnika, Google Chrome se pokazao kaovrlo nedosledan. Kada se otvori prozor sa podeavanjima, sve opcije se nalaze na jednojstranici sa minimalnom organizacijom operacija po grupama slinih podeavanja.

    Poetni sadraj prozora su opta podeavanja i ponuena opcija zaprikaz funkcija zanapredno podeavanje(slika 12). Slika 18 prikazuje skoro ceo niz funkcija u detaljnimpodeavanjima.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    19/21

    19

    Slika 18

    Na slici 18 su prikazane funkcije podeavanja predstavljene u dve kolone, gdesvaku kolonu ini skup funkcija vidljivih na celom ekranu u trenutku posmatranja. Vrlo

    je nepogodno to to mora da se prelistava cela stranica da bi se pronala neka funkcija.

    Mnogo bolja organizacija bi bila da se funkcije grupiu u smisleno povezane celine ipodele tab-ovima, gde u trenutku vremena moe biti vidljiv sadraj samo jednog tab-a.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    20/21

    20

    Sa druge strane, osnovni dizajn grafikog korisnikog interfejsa je jednostavnodizajniran, bez nepotrebnih detalja (slika 19). Ponuene su samo osnovne funkcije kojekorisniku mogu biti od znaaja pri pretraivanju interneta.

    Slika 19

    Na prikazanoj slici se mogu uoiti bookmark toolbari dodatne dve ikonice koje nedolaze u okviru standardnih osobina programa, ve se mogu dodatipo elji korisnika.

  • 7/29/2019 Revizija grafikog korisnikog interfejsa softverskog proizvoda Google Chrome

    21/21

    21

    5.Zakljuak

    Na osnovu izvrene revizije grafikog korisnikog interfejsa, moe se zakljuiti da

    softverski proizvod Google Chrome u odreenoj meri potuje kriterijume heuristikeOsam zlatnih pravila, ali da sadri i odstupanja od nekih pravila.

    Najvea odstupanja od ovih heuristikih pravila primeuju se kod konzistentnosti ioptereenja radne memorije korisnika, sa akcentom na (po proceni autora ovog rada) loedizajniranom prozoru sa podeavanjima programa.

    Sa druge strane, ostala pravila su u velikoj meri ispotovana. Google Chrome jedizajniran tako da u velikoj meri omoguava korisnicima prilagoavanje programanjihovim potrebama, uz dodatno obezbeenu prevenciju greaka i zadovoljavajuifeedback.

    Na osnovu izvrene procene, Google Chrome bi se mogao okarakterisati kao softverdobro dizajniran za jednostavnu upotrebu, sa velikim nedostatkom pri pokuajukorisnikih podeavanja.