website testing process

Hi EE,

We are are trying to setup a testing process internally for our website development team to review websites before they go live and we hand over to the client.

This list does not include SEO testing or reviews.

If you have any ideas, missed steps or other online providers than the ones listed below, that would be great.
Some steps are repeated.

Following are the steps in order.

1. Developer to review and test the entire site using their chosen tools. (comparing against Photoshop files provided)
2. Designer to manually view on desktop, mobile and tablet. (chrome browser, iphone 6, ipad air, galaxy tab) These are the physical devices we have in the office at the moment. (comparing against Photoshop files provided)
3. We carry out Mobile responsive testing here http://quirktools.com/screenfly and http://www.responsinator.com/
4. We add content to the site.
5. Designer to manually view on desktop, mobile and tablet. (chrome browser, iphone 6, ipad air, galaxy tab) These are the physical devices we have in the office at the moment. (comparing against Photoshop files provided)
6. We carry out Mobile responsive testing here http://quirktools.com/screenfly and http://www.responsinator.com/
7. Page speed and performance testing here https://developers.google.com/speed/pagespeed/insights
8. We carry out a mobile friendly test here https://www.google.com/webmasters/tools/mobile-friendly/
9. Check markup validity with http://validator.w3.org/
10. Check css with http://jigsaw.w3.org/css-validator/
11. Testing of all contact forms.
12. Install wordfence security plugin and disable cache during developing testing.
13. Send to client for review. Reviewing and providing content is the sole responsibility of the client.
They need to approve before going live. after all, the client knows their content and business better than we do.
They also need to spend some time testing each page before sign-off.
14. We make the site live.
15. Unless under a maintenance contract, we don't have any further involvement with the client (other than with sales staff)

Any notes would be appreciated.
Cheryl LanderAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Why aren't you comparing against Firefox, IE and Opera?  And at different screen sizes?  Most designers have large screens but the most common screen size is 1366x768 which is found in many laptops.  I am constantly having a problem with one of my clients that does their own HTML pages on large 2560x1440 monitors and not realizing that there is nothing to click on on the visible top part on a 1366x768 screen.  In all the surveys I can find from 2012 to the present, 1366x768 is the most common display resolution.

There is also the issue of displaying on computers that may not have the fonts you have chosen installed on them.  Linux is a small audience for browsing but should you be checking on Macs?
Dave BaldwinFixer of ProblemsCommented:
I should add one other item that is often overlooked.  I have 14+ computers here and none have the same video card except for 2 of them.  9 of the 14 have 1280x1024 displays.  Yet no two of them look exactly the same.  Not even the two that should be since they have the same 'exact' hardware.  But they are the closest.  I suggest that no two designers should have the exact same hardware so that oddities caused by hardware differences are more likely to show up.  At the very least, everyone should have a different monitor.
F PCommented:
How about http://schema.org markup, or JSON-LD markup for adding context into the site with Structured Data?

This includes Rich Markup like the 800 and customer service numbers:
https://developers.google.com/structured-data/customize/contact-points?hl=en&rd=1

Specifying Logos:
https://developers.google.com/structured-data/customize/logos

Integrating and pulling all Social Profiles into a single entity?
https://developers.google.com/structured-data/customize/social-profiles

Sitemaps? XML? urlset and sitemapindex files?
http://www.sitemaps.org/schemas/sitemap/0.9

Enable Sitelinks Searching from Google?
https://developers.google.com/structured-data/slsb-overview

Submit to Bing Webmaster Tools and Yahoo?
https://www.bing.com/webmaster/home/

Adding the PageSpeed Insights module to the webserver for automagically compressing content and optimizing at the web server level?
https://developers.google.com/speed/pagespeed/module


... tip of the iceberg what you've missed.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
F PCommented:
Oh yeah, and a free year of hosting with Amazon Web Services EC2, Free CDN with S3, and a fraction of the cost of MailChimp for the SES Relay?

....


Mass marketing emailing? Building HTML? Validating all that... sorry I really could just keep going and going.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.