Testarea interfeței utilizator

Testarea interfeței cu utilizatorul. Interfața grafică (GUI) este un fel de interfață de utilizator în care elementele de interfață (meniuri, butoane, pictograme, liste etc.) prezentate utilizatorului pe ecran sunt executate ca imagini grafice.

Vizualizarea generală a aplicației și formularele din pagină sunt verificate în general.

Testarea interfeței grafice

Un fel de elemente atunci când fereastra browserului este redusă + apariția derulării
Corectitudinea scrierii textului + textul trebuie aliniat
Corectitudinea mișcării de focalizare în fereastră (Tab / Tab + Shift)
Elementele selectate sunt evidențiate
Câmpurile nemodificate arată la fel și diferă de cele editabile
Se recomandă să nu faceți dublu clic
Verificarea disponibilității anunțurilor necesare
Unificarea designului (culoare, font, dimensiune)
Dacă este necesar, ar trebui să existe sfaturi practice
Schimbarea vizualizării elementului cu ajutorul instrumentului Hover pe el
Dacă formularele sunt duplicate, atunci același nume ar trebui să fie

Verificări suplimentare pentru formularele web

Verificați selectarea textului utilizând Ctrl + A / Shift + săgeată
Verificarea introducerii textului lung

Localizați lângă textul corespunzător
Comutarea butoanelor utilizând tastatura

Setați caseta de selectare după clic și spațiu
Localizați lângă textul corespunzător

Trebuie să existe o funcție de defilare
Ar trebui să fie aranjate în ordine alfabetică (dacă textul), ascendent (dacă valorile numerice)
Dacă elementul a fost selectat, acesta trebuie să fie pe partea de sus sau indicat că a fost selectat

Locați în centrul ferestrei

GUI (Interfață grafică de utilizator) Testarea - testarea interfeței grafice a utilizatorului. O interfață grafică de utilizator este o interfață în care un utilizator interacționează cu un computer utilizând imagini grafice.

Elementele principale ale interfeței grafice sunt:

(fereastra browserului, caseta de dialog, fereastra modală, fereastra plutitoare)
meniu (principal, pop-up, context, sistem)
widget-uri / comenzi / comenzi (acordeon, buton, buton radio, casetă de selectare, pictogramă, listă, bara de instrumente, arbore,
medalion
elementele de interacțiune: cursorul mouse-ului, cursorul de text, pointerul ("palm"), cursorul drag and drop etc.

Punctele principale la verificarea interfeței grafice:

locația, dimensiunea, culoarea, lățimea, lungimea elementelor; posibilitatea de a introduce litere sau numere
Dacă funcționalitatea aplicației este implementată utilizând elemente grafice
plasarea tuturor mesajelor de eroare, a notificărilor (precum font, culoare, dimensiune, locație și ortografie a textului)
Este fontul folosit lizibil?
dacă cursorul se mișcă de la text la pointer când plasați cursorul peste elementele active, dacă elementele selectate sunt evidențiate
alinierea textului și a formei
calitatea imaginii
verificați locația și afișarea tuturor elementelor la diferite rezoluții ale ecranului, precum și la redimensionarea ferestrei browserului (verificați dacă apare parcurgerea)
verificați textul pentru ortografie, erori de punctuație
dacă există instrucțiuni (dacă este nevoie)
Unificarea designului (culori, fonturi, mesaje text, nume de butoane etc.)

Cele mai frecvente bug-uri:

Cursorul nu intră în pointer când plasați cursorul peste elementul activ
ortografie și erori gramaticale
nici măcar aspectul câmpurilor de intrare în forme, forme în sine
afișarea incorectă a elementelor la modificarea mărimii ferestrei browserului și a scalei paginii
modificarea dimensiunii textului la schimbarea limbii
structură neuniformă
diferite fonturi
Elementele selectate nu diferă de cele selectate

Verificați pixelul în pixel - verificați exact (pixel în pixel) care se potrivește cu șablonul HTML cu originalul (layout-ul PSD). Cu alte cuvinte, dacă suprapuneți o "imagine" a unui șablon HTML gol în imaginea layout-ului original PSD, atunci ambele imagini trebuie să se potrivească. Toate elementele de text, text, imagini, elemente grafice ar trebui să fie compatibile.

Mai multe despre testare:

Consola din browserul Chrome
Caracteristici ale aplicațiilor mobile de testare
Utilitare rapide Windows, MacOs, Chrome
Testul căii critice
Caracteristicile testării aplicațiilor desktop

Articole similare

Pagina anterioară

Pagina următoare

Testarea interfeței utilizator - evoluția qa