UI/UX Testing for Internal/Portal Login

Usability

UX

UI

Fonts used for text content are at least 12px in size.

Foreground elements (like content and controls) are easily distinguished from the background.

Alert/Error/Warning messages are consistent.

Users can easily recover from errors.

Proximity and alignment.

Visual hierarchy directs the user to the required action.

Desktop/ Mobile(Andriod, iOS) Screens: Minimum resolution

Desktop/ Mobile(Andriod, iOS) Screens: Maximum resolution

Desktop/ Mobile(Andriod, iOS) Screens: Min/ max DPI supported

Desktop/ Mobile(Andriod, iOS) Screens: Availability of resizable windows

Desktop/ Mobile(Andriod, iOS) Screens: Viewing across multiple displays (Split screen)

Fonts: Font Hierarchy

Error/ warning/ confirmation message schemes: How to show messages (pop-ups/ in-line text etc.)

Error/ warning/ confirmation message schemes: Message colors/ highlighting

Interaction/ Navigation: Touch/ mouse/ stylus or other controls

Accessibility

Captions (Pre-recorded) - Provide captions for videos with audio

Keyboard - Accessible by keyboard only

Labels or Instructions - Label elements and give instructions/ Place holders

Link Purpose (In Context) - Every link’s purpose is clear from its context

Make text content readable and understandable

Checkbox, links and buttons must be easily clickable

Usage of clear headings and labels

Content should be with readable fonts, tool tips, and properly aligned text and correct without any spelling or grammatical errors and broken links.

All the error messages should be correct without any spelling or grammatical errors and the error messages should match with the field label.

Enough space should be provided between field labels, fields and error messages. Space should consistent

Application should be compatible

Site Load time should be reasonable and user should be able to users interact with the application effectively

Logos Verification in different devices

Navigation should be consistent - the way users navigate within a page, between different user interface controls (buttons, boxes, lists, windows etc.), or between pages via

Device

Browser

Desktop

Mobile

Chrome

IE

Safari

Android

iOS

Windows