After months of planning, copywriting, designing, developing, and testing for a new website project or application, the day has finally come . . . launch day! While much work has been spent testing your project for technical errors, cross-browser style issues, and typos, it’s almost inevitable that more work needs to be done. With that preface I give you my top three favorite tools for tracking bugs and errors internally, by clients and/or end users.
3. Awesome Screenshot
Most of us are familiar with what a screenshot or screen cap (i.e., screen capture) is. It’s essentially a snapshot image of what you see on your screen. Awesome Screenshot allows the same screen capture function, but within the view of your browser window. It allows you to capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines, and text, and then allows you to save the image locally, or share the URL. This is my go-to tool for pointing out small on-screen issues and making commonly used notations.
2. Cross Browser Testing
Price: $19.95–$199.95 per month
When it comes to Web browsers, the Big 4 (in no biased order) and their market usage (as of February 2013) are Internet Explorer (13.5%), Mozilla Firefox (29.6%), Google Chrome (50%), and Apple Safari (4.1%). With each of these top-used Web browsers come the pains of designing and developing for continuity across each platform—and in some cases designing and developing for multiple versions (IE 7, 8, 9, and 10). In most cases you won’t have access to all the browsers you need to account for on your local machine, that’s where Cross Browser Testing comes in. With over 1,000 combinations of browsers, operating systems, and plugins, this service is a must have for anyone looking to ensure quality across Web browsers without running multiple machines.
Price: $29 - $190 per month
In my experience, the real work on any project is once it goes live. As clients and end users begin to submit errors and feedback and your project becomes a target to hackers and malicious scripts, it’s good to have a streamlined method of dealing with arising issues. For development teams, Web agencies and website owners, BugHerd provides a slue of features for staying on top of issues as they arise. Allowing clients and website visitors to submit feedback right on the website is my favorite feature, which also lets them know automatically when you’ve fixed the problem. Quality assurance is now assured!
What cool tools for quality assurance or otherwise tops your list? Please let us know in the comments or shoot us an email!