GUI TESTING

NHM A2 GVTH: Trng Phc Lc GVLT:Lm Quang V

1 2 3 4 5 6

Giao din ngi dng

Cc nguyn tc thit k giao din

Cc loi kim th giao din

Cc dng checklist Usability Testing Cc ng dng kim tra giao din

Giao din ngi dng

nh ngha giao din ngi dng Tnh tin dng ca chng trnh Cc thnh phn c bn ca giao din ngi dng

nh ngha giao din ngi dng

Giao din ngi dng l b mt, hay cn gi l thnh phn trung gian thc hin giao tip, gia con ngi vi my tnh. Giao din th c rt nhiu loi nhng v mt cu trc u bao gm ngi dng, h thng, u vo v u ra.
The First Commercial GUI

Tnh tin dng ca chng trnh

Tnh tin dng l thc o tnh d dng ca vic s dng cc chc nng ca h thng Tnh tin dng bao gm: Learnability, Efficiency, Memorability, Errors, Satisfaction.

Cc thnh phn c bn ca giao din ngi dng

Giao din ngi dng ha (GUI) l s kt hp ca cc cng ngh v cc thit b cung cp mt nn tng m ngi dng c th tng tc, cho cc nhim v thu v xut thng tin. Kt hp ph bin nht l m hnh WIMP ("window, icon, menu, pointing device")

Cc nguyn tc thit k giao din

Xc nh k nng ca ngi dng

Ngi mi dng Ngi dng khng thng xuyn nhng c hiu bit

Ngi dng thng xuyn v l chuyn gia

Xc nh cc tc v

Tc v c s dng thng xuyn hay l t. Tc v dng thng xuyn phi ci thin tc t ca n, truy xut nhanh. Tc v t s dng t khng cn ci thin nhiu.

Chn phong cch tng tc thch hp

Thao tc trc tip: Tc v c th c n gin ha rt nhiu. Ch tay vo biu din trc quan ca i tng + cc hnh ng c th thc hin cc tc v nhanh v thy kt qu ngay.

Bn phm v menu la chn c thay th bng thit b ch tay

Thao tc trc tip l d nh cho ngi dng khng thng xuyn, li cun ngi mi dng , n nhanh cho ngi dng thng xuyn

Chn phong cch tng tc thch hp

Menu la chn: Chn mt item trong menu thc hin tc v. Nu thut ng v ngha ca item l d hiu th ngi dng c th hon thnh tc v m phi hc v nh. Loi tng tc ny ph hp vi ngi mi dng, ngi dng khng thng xuyn, n li cun ngi dng thng xuyn nu cch hin th v la chn n nhanh.

Chn phong cch tng tc thch hp

in thng tin vo form
Khi nhp d liu m ch c menu selection th phc tp v in thng tin vo form l thch hp. vic trainning c th cn thit v ngi dng phi hiu: Label ca cc trng. Bit c cc gi tr hp l, Cch nhp d liu. C kh nng ng ph cc thng bo li. Phong cch tng tc ny thch hp cho ngi dng khng thng xuyn c hiu bit hoc ngi dng thng xuyn.

Chn phong cch tng tc thch hp

Ngn ng cu lnh: To cm gic iu khin c.

Ngi dng hc c php, khng phi c cc nhc nh gy mt tp trung.

T l li cao, cn c trainning. Ngn ng cu lnh l lnh vc ca ngi dng thng xuyn v l chuyn gia.

Chn phong cch tng tc thch hp

Nartual language Dng li thoi, hnh ng. Cn hn ch trong phn ng chnh xc ca my tnh vi cc cu ni bng ngn ng t nhin ty . Tng tc bng ngn ng t nhin th kh bit khi no nn ni cu lnh tip theo, yu cu hi thoi r rng, v c th chm v phc tp hn cc cch tng tc khc.

S dng 8 lut vng ca Shneiderman v thit k giao din

C gng thng nht
C gng lm thng nht, ng b trong ng dng vi ngoi ng dng

Phc v cng ng
Sn phm vit ra khng ch tp trung s ng m nn h tr cng nhiu ngi cng tt. VD: ngi tn tt, ngi m, chuyn gia

Cung cp phn hi y
Phn hi nn c y thng tin

Desgin dialogs to yield closure:

Trnh t cc hnh ng cn c t chc thnh cc nhm bt u, gia, v kt thc. VD: trang web thng mi in t a user t vic la chn sn phm n thanh ton v kt thc l trang xc nhn thng tin hon thnh giao dch

S dng 8 lut vng ca Shneiderman v thit k giao din

chn li, phc hi nhanh

Ngn chn li xy ra v khi li xy ra cho php phc hi.

Cho php d dng o ngc hnh ng

VD: chc nng undo, redo trong word

H tr user iu khin
Lm cho user c cm gic iu khin c h thng

Gim ti ghi nh:

Chng li

User to ra li v sa li lm mt thi gian nn cch tt nht l chng li. Thng ip bo li cha thng tin phi cn thit v c ch. Correct actions: hnh ng no user khng tng tc c th khng cho tng tc

Vd: menu items b bi en i khng th click c, button b disable

Complete sequences:

Vd: Khi s dng phn mm c c button next v finish. Khi finish th ci t bng nhng thng tin mc nh...

Tng t ng ha nhng m lm cho user c cm gic kim sot

T ng nhng cng vic cn thit nhng m user vn kim sot c cng vic ca h T ng gi T ng hon thnh Cho php ngi dng thay i

CC LOI KIM TH GIAO DIN

1
2

Kim th checklist

Kim th iu hng.
Kim th ng dng. Kim th vi ng b ha.

3
4

5 6 7

Kim th phi chc nng

Kim th tch hp desktop. Kim th tch hp client/server.

Kim th Check list

Kim th Check list n gin l kim tra GUI da trn danh sch cc cu hi. C rt nhiu dng checklist c s dng trong cc ng dng web, desktop v d:
Checklist lit k danh sch cc chc nng m website s h tr, danh sch cc cng vic cn phi lm vi website y. Checklist cho nhng yu cu khi thit k website.

Kim th Check list(tt)

Kim th iu hng
Kim th iu hng cn c hiu nh l 1 hnh thc kim tra tch hp.N xy dng chin lc kim th da trn mi lin h gia cc ca s (cc thnh phn) ca ng dng vi nhau.

Kim th ng dng

Application testing thc hin 1 quy trnh kim tra da nhiu trn hnh vi ca i tng ca s ng dng v hu nh vic thc hin ch da vo tng ca s n ca ng dng.

Technique Equivalence Partitions and Boundary Value Analysis Decision Tables State-transition testing

Used to test Input validation Simple rule-based processing Complex logic or rule-based processing

Applications with modes or states where processing behaviour is affected Windows where there are dependencies between objects in the window.

Kim th vi ng b ha

Trong trng hp ca d liu c hin th, c th c cc ca s khc hin th cc d liu ging nhau hoc tng t hoc khng th c hin th cng mt lc, hoc khng nn thay i v l do no .

Kim th vi ng b ha(tt)

Nhng tnh hung ny nn c xem xt ly c cc trng hp th nghim ng b ha:

Chun b mt trng hp kim th cho tt c cc i tng ca s b nh hng bi mt s thay i hoc s kin khng mong mun v mt trng hp th nghim cho cc tnh hung i tng. Chun b mt trng hp th nghim cho tt c cc i tng ca s m khng pha b nh hng

Kim th phi chc nng

Giao din phi c thit k sao cho va quen thuc i vi nhng ngi c kin thc v tin hc, va d hc cch s dng i vi nhng ngi mi s dng tin hc ln u.

Kim th khc

Ngoi cc phn kim th chc nng trn, chng ta c th b sung ba loi kim th giao din sau(c th c kim th mt cch t ng):
Soak Testing. Compatibility Testing. Platform/Environment.

CC DNG CHECK LIST

 Web checklist 1.
2.

Desktop checklist

Mobile checklist 3.

Web checklist
AESTHETIC CHECK (Kim tra v giao din) Kim tra mu nn chung ca ton b mn hnh c c set ng theo yu cu khng? Kim tra mu ch, font, font size ca tt c cc textbox c set ng theo yu cu khng?

Web checklist(tt)

VALIDATION CHECK (Kim tra tnh hp l ) Kim tra maxlength Datatype (int, tinyint, float) Datatype (datetime) Datatype(bit)

Web checklist(tt)

NAVIGATION CHECK (phng php di chuyn/duyt web) Tt c cc trang web/ca s u c th truy cp t menu. Tt c cc ca s u c th truy cp t toolbar Kim tra tt c cc mn hnh c gi t button c c hin th ng hay khng?

Web checklist(tt)

USABILITY CHECK: (Kim tra tnh thn thin ca chng trnh) Tt c cc danh sch c c sort hay khng? Mc nh l sort theo alphabel. Tt c cc button trn mn hnh c c gn vi phm tt tng ng hay khng? Tt c cc phm tt c gn c hat ng ng hay khng?

Web checklist(tt)
DATA INTEGRITY CONDITIONS (Kim tra tnh rng buc d liu) Data c c lu khi ng ca s hay khng? Kim tra chiu di ti a ca tt c cc field, v m bo cc k t u khng b ct. Kim tra gi tr max/min i vi k t s.

Desktop checklist(tt)

Tnh thm m: Nn ca mn hnh chnh c hin th mu chnh xc hay khng.

Desktop checklist(tt)

Tnh thm m: ch ch c, nhng vng trn hp thoi c hin th ng mu:

Desktop checklist(tt)

Tnh thm m: Tt c cc group boxes c c canh v tr chnh xc trn mn hnh?

Desktop checklist(tt)

Tnh thm m: Tt c cc dng ch hng dn nh trn mn hnh c c vit chnh xc?

Desktop checklist(tt)

Tnh thm m: Ni yu cu mt gi tr d liu m khc null, chng trnh c mc nh focus vo trng ?

Desktop checklist(tt)

Tnh hp l: Vi nhng trng s, c kim tra gii hn (nh nht, ln nht, gi tr c bit) hay khng?

Desktop checklist(tt)

Tnh hp l: m bo rng c gii hn s k t c th v gii hn chnh xc vi kch thc ca c s d liu c th.

Desktop checklist(tt)
Tnh iu hng: Mt mn hnh c th truy cp chnh xc trc tip t menu?

Desktop checklist(tt)
Tnh kh dng: Tt c cacs drop down list trn mn hnh c sp xp chnh xc? Sp xp theo alphabe l mc nh nu khng c ch nh c bit khc?

Desktop checklist(tt)

Tnh kh dng:
Tt c cc entry v ngy l ng nh dng?

Desktop checklist(tt)
Tnh kh dng: C shortcut key cho tt c cc nt nhn trn mn hnh?

Desktop checklist(tt)

Tnh kh dng: Nhng tab khc nhau trn mn hnh ni tip nhau t gc Trn-Tri ti gc Di-Phi.

Mobile checklist

Installation

Uninstallation

Network Testcase

Low memory

Voice call handling

Exit application

Low battery

Charger Effect

Removal of Battery

USABILITY TESTING

1 2

Khi nim
Mc tiu

3
4

Cc lnh vc kim tra

Cc mi trng kim tra

Khi nim

Kim tra tnh tin dng (Usability Testing) l 1 k thut dng nh gi mt sn phm bng cch th nghim n trn ngi s dng. L qu trnh thu mt s lng i din ngi dng cui nh gi tnh tin dng ca sn phm da trn cc tiu chun tin dng nh trc.

Mc tiu

Usability Testing l mt k thut kim tra hp en. Mc ch l quan st nhng ngi s dng sn phm pht hin cc li v ci thin cc vng ang c li. Kim tra giao din ngi dng c d s dng v d hiu hay khng (xem giao din c thn thin vi ngi dng khng nu giao din kh s dng, kh hiu th phn mm s t c khch hng chp nhn).

Cc lnh vc kim tra

Hiu sut: Mt bao nhiu thi gian v c bao nhiu bc, ngi dng thc hin hon thnh mt chc nng c bn. chnh xc: C bao nhiu li m ngi dng mc phi, v bao nhiu bc h sa li ng. Gi nh: Mt bao nhiu thi gian hay bc ngi dng nh li sau mt thi gian khng s dng.

Cc lnh vc kim tra (tt)

Cm xc phn ng: Lm th no ngi dng cm nhn c h thng.(da vo giao din ngi dng on c chc nng s kin s xy ra trc khi thc hin n).
Giao din ngi dng: Cc thnh phn khc nhau c t chc trn mt giao din nh th no cho tt.

Phng php kim tra

To mt kch bn hay ly cc trng hp s dng pht trin trc , xc nh cc nhim v m ngi dng cn thc hin trn sn phm th nghim. Chun b mt lch trnh th nghim.

Phng php kim tra (tt)

Ngoi cc thng tin phn hi t ngi dng tnh nguyn, cn chun b mt bng cu hi kim tra trc v sau thu thp thng tin phn hi v sn phm ang c th nghim. Cc cu hi nn c y v ch yu l cha nhiu la chn v loi cu hi ng / sai. Xc nh ngi s dng i din v mi h tham d.

Cc mi trng kim tra

Simple single room setups Electronic observation room Classic elaborate usability lab Mobile lab

CC NG DNG KIM TRA GIAO DIN

1
2

Multi Browser Viewer Loop11

Multi Browser Viewer

Gii thiu
Phn mm h tr bn xem trc mt website trn cc trnh duyt khc nhau vicc h iu hnh v thit b khc nhau. Chng trnh tch hp 43 trnh duyt o, m phng trnh duyt trn 5 loi in thoi di ng s gip bn bit trc c hnh hin th thc ca mt trang web trn cc thit b ca cc trnh duyt s nh th no. Phn mm c bit hu dng cho cc chuyn gia thit k website kim tra trc website s hin th v tng tc nh th no trn cc trnh duyt khc nhau. nh gi: Nhiu tnh nng, h tr cc cng c o ha, gip cho cc tester c th kim th trn hu ht cc mi trng. Khuyt im: c ph(139.95$)

Cc tnh nng chnh ca Multi Browser Viewer

43 Standalone Virtualized Browsers

5 Standalone Mobile Browsers or Simulators

Screenshot Comparison Function (Onion Skin or Side-by-Side)

View html source code

DEMO

LOOP11

Gii thiu

Loop 11 l mt trang web h tr tester kim th tnh tin dng ca mt website khc. Trang web chnh: www.loop11.com Bn quyn: 1 User Test = $350 USD. Trial: khi ng k mt ti khon trn trang ny bn s c quyn to 1 test vi ti a 5 tc v nh.

Chc nng

S dng trc tip trn web. H tr n 40 ngn ng To mt user test nhanh chng, n gin nhng chuyn nghip. Chc nng lp bo co v phn tch kt qu. Xut kt qu ra nhiu nh dng khc nhau: PDF, CSV, XLS C th chn mt s kt qu c bit i su vo phn tch.

DEMO