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
