Cross-Browser
Functionality:
Check in Desktop
Browser
- Google Chrome
- Firefox
- Safari
- Internet Explorer
Check in
Desktop Browser
1.
Opera Mini
2.
Safari
3.
Chrome
4.
UC Browser
5.
Android Browser
Mobile
& Tab;
- Apple iPhone
- Apple iPad
- Motorola MotoG3
- Samsung SM-G7102 Galaxy Grand 2
- Google Nexus 5
- Xiaomi Note 1LTE Redmi Note 4G etc.
Always Check:
- 1Fonts
- Colors/gradients
- Images
- Logo
Cross-Device
Functionality:
Check
Screen size
- 360x640
- 480x800
- 720x1280
- 375x667
- 320x568
- 320x534
- 1280x1024
- 540x888
Mobile Navigation:
is crucial. Be sure to test out the user’s ability to navigate
around the website on a touchscreen
device, and make sure nothing gets
lost in device transition.
Image
Optimization: Images and
graphics are an important element of any websites
Functionality
Testing:
Focus on Design
and functionality go hand in hand, but I like to isolate the two
to make sure the website both looks the way it was designed to and that it performs
as intended.
Integration
Testing:
- 1Web forms (check that the forms work and that submitted information goes to the right place)
- Autoresponders
- Marketing emails (MailChimp, Constant Contact, HubSpot, drip campaigns, etc.)
- RSS feeds
- eCommerce
- CRM
- CMS
Link
Testing:
- 1.Top navigation links
- Footer links
- Social media links (Facebook, Twitter, etc.)
- Logo (typically links to the home page)
Rather than doing all this manually, trying a link crawler like the W3C Link Checker, the Chrome plugin Check My Links, or Screaming Frog (which is excellent for SEO audits, too).
Content Editing: Content is King
- Content has been updated and approved.
- Content-first Design, Proofing for Spelling and Grammatical Errors.
- CMS Text Adjustment.
EmoticonEmoticon