<ul><li>Beginner’s QA Testing  of Websites </li></ul>
Who I Am... <ul><li>Part of the team at Lucidus, an Internet Strategy & Services Firm </li></ul><ul><li>interface designer...
The Commodity Is Not As Important As The Way It Is Delivered. <ul><li>We deliver a proven process that combines engineerin...
What is Quality Assurance? <ul><li>QA is part of all good production processes. </li></ul><ul><li>Quality Assurance (QA) i...
What’s unique about Website QA? =
It’s Not Equal <ul><li>Website QA has some differences: </li></ul><ul><ul><li>functions, benefits and production costs are...
The Challenge <ul><li>Processes and methods to manage, monitor, and measure quality in websites and apps can be as fluid a...
QA Testing is not limited to Usability or  Cross-Browser Testing <ul><li>Usability is an essential part of QA  </li></ul><...
The Benefits of QA <ul><li>Improved client satisfaction:   profitable relationships, good testimonials,  waves of referral...
Methodology of QA <ul><li>Validation testing:   entering erroneous data to test for an expected result </li></ul><ul><ul><...
Form Validation <ul><li>character limit, add more chars than the field  </li></ul><ul><li>do the unexpected, try to break ...
Methodology of QA <ul><li>Data comparison:   compares the output of an application to previously entered data </li></ul><u...
Data Input vs. Output  <ul><li>does it make sense? </li></ul><ul><li>any inconsistencies with the data entry? </li></ul><u...
Methodology of QA <ul><li>Usability Testing: tests out how users actually use a website, to match it more closely to what ...
Usability <ul><li>does it make sense? </li></ul><ul><li>how can we improve the design? </li></ul><ul><li>how can we help t...
<ul><li>Testing often and little is far more valuable and cost effective than doing one whopping big usability test of an ...
Testing Guidelines <ul><li>Test by developer repeatedly as critical sections are finished, to validate functionality </li>...
Learn the requirements <ul><li>Examples of requirements: </li></ul><ul><ul><li>A streamlined, purposeful interface that is...
Gather use cases from the developer and account management team <ul><li>Use cases specify how users carry out a task in th...
Draft a Checklist for the tester for what to test <ul><li>Content </li></ul><ul><li>spelling, grammar, mechanics </li></ul...
Draft a questions for the tester to ask during testing <ul><li>Does the user: </li></ul><ul><li>gets the point of the page...
Create a testing matrix
Then... Test! <ul><li>Test in all browsers needed to meet requirements: </li></ul><ul><ul><li>Firefox 2 </li></ul></ul><ul...
Get the Benefits <ul><li>No surprises late in the game </li></ul><ul><li>You KNOW it works and can stand by it confidently...
Thank You! Resources and Q&A <ul><li>“ Designing the Obvious:  a common sense approach to web application design” by Rober...
Upcoming SlideShare
Loading in...5
×

Beginners QA Testing

35,085

Published on

Introduction to website quality assurance testing

Published in: Technology, Design
0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
35,085
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
524
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide
  • Beginners QA Testing

    1. 1. <ul><li>Beginner’s QA Testing of Websites </li></ul>
    2. 2. Who I Am... <ul><li>Part of the team at Lucidus, an Internet Strategy & Services Firm </li></ul><ul><li>interface designer; HTML/CSS developer </li></ul><ul><li>QA tester </li></ul><ul><li>Analytics and usability consultant </li></ul><ul><li>Regional account manager </li></ul><ul><li>The “South Florida office” </li></ul>
    3. 3. The Commodity Is Not As Important As The Way It Is Delivered. <ul><li>We deliver a proven process that combines engineering precision with creative flexibility </li></ul>What We Care About:
    4. 4. What is Quality Assurance? <ul><li>QA is part of all good production processes. </li></ul><ul><li>Quality Assurance (QA) is part of the process that ensures: </li></ul><ul><li>quality in work </li></ul><ul><li>activities are being performed effectively </li></ul><ul><li>the product meets requirements </li></ul>
    5. 5. What’s unique about Website QA? =
    6. 6. It’s Not Equal <ul><li>Website QA has some differences: </li></ul><ul><ul><li>functions, benefits and production costs are not as easily measured as a physical product </li></ul></ul><ul><ul><li>when a website is deployed, it is not necessarily “complete”... it lives, it evolves, is updated. “Finished” is a term applied for the purpose of releasing it for use. </li></ul></ul>
    7. 7. The Challenge <ul><li>Processes and methods to manage, monitor, and measure quality in websites and apps can be as fluid and elusive as the defects they are meant to keep in check. </li></ul><ul><li>For processes and methods to be most effective, you need to implement both web standards and company guidelines . </li></ul>
    8. 8. QA Testing is not limited to Usability or Cross-Browser Testing <ul><li>Usability is an essential part of QA </li></ul><ul><li>Cross-browser testing is tests for acceptable display in modern browsers </li></ul><ul><li>QA tests the entire process, including functional accuracy </li></ul>QA Function, Design and Usability
    9. 9. The Benefits of QA <ul><li>Improved client satisfaction: profitable relationships, good testimonials, waves of referrals </li></ul><ul><li>Reduced cost of development: fewer defects, streamlined and simplified stages of development, retesting runs smoothly, deployment on time, on budget </li></ul><ul><li>Reduced cost of maintenance: good development is less troublesome to support, support is costly </li></ul>
    10. 10. Methodology of QA <ul><li>Validation testing: entering erroneous data to test for an expected result </li></ul><ul><ul><li>what is the expected result? </li></ul></ul><ul><ul><li>should this error have happened? </li></ul></ul><ul><ul><li>if this error is likely to happen, is there any way we might prevent its occurrence? </li></ul></ul>
    11. 11. Form Validation <ul><li>character limit, add more chars than the field </li></ul><ul><li>do the unexpected, try to break the form </li></ul><ul><li>form submits when numbers or characters are entered in the fields: 1,2,3,4,5 etc. “ ” & ‘ ( ) ’ </li></ul>
    12. 12. Methodology of QA <ul><li>Data comparison: compares the output of an application to previously entered data </li></ul><ul><ul><li>if the appropriate data types are entered, are we getting the correct result? </li></ul></ul><ul><ul><li>does the way the page delivers or displays those results make sense? </li></ul></ul><ul><ul><li>is there anything about this part of the application that should be more obvious? </li></ul></ul>
    13. 13. Data Input vs. Output <ul><li>does it make sense? </li></ul><ul><li>any inconsistencies with the data entry? </li></ul><ul><li>test and change the data entry and see if output updates the same way </li></ul>
    14. 14. Methodology of QA <ul><li>Usability Testing: tests out how users actually use a website, to match it more closely to what user needs </li></ul><ul><ul><li>is the user doing what we expected in the manner we expected? </li></ul></ul><ul><ul><li>are they finding and performing tasks? </li></ul></ul><ul><ul><li>where are the weaknesses in the design? </li></ul></ul><ul><ul><li>where and why are tasks not being completed? </li></ul></ul><ul><ul><li>how can we assist the user? </li></ul></ul>
    15. 15. Usability <ul><li>does it make sense? </li></ul><ul><li>how can we improve the design? </li></ul><ul><li>how can we help the user know what to do? </li></ul><ul><li>how can we assist workflow? </li></ul>
    16. 16. <ul><li>Testing often and little is far more valuable and cost effective than doing one whopping big usability test of an entire site when it is almost finished. - Steve Krug, “Don’t Make Me Think” </li></ul>
    17. 17. Testing Guidelines <ul><li>Test by developer repeatedly as critical sections are finished, to validate functionality </li></ul><ul><li>Test when all sections are ready and “code complete” </li></ul><ul><ul><li>not involved with the site in any way </li></ul></ul><ul><ul><li>new to the website (don’t ask them twice)‏ </li></ul></ul><ul><ul><li>familiar with the web in general </li></ul></ul><ul><li>Use an outside user or colleague who is: </li></ul><ul><ul><li>colleagues may provide very useful feedback </li></ul></ul>
    18. 18. Learn the requirements <ul><li>Examples of requirements: </li></ul><ul><ul><li>A streamlined, purposeful interface that is easy to understand and navigate, with obvious links, and no clutter </li></ul></ul><ul><ul><li>Forms use inline validation to assist user </li></ul></ul><ul><ul><li>Actions which cannot be undone should ask for confirmation </li></ul></ul><ul><ul><li>An online forum where users can add topics, edit their posts, and comment </li></ul></ul>
    19. 19. Gather use cases from the developer and account management team <ul><li>Use cases specify how users carry out a task in the website. Examples include: </li></ul><ul><ul><li>Complete application start to finish </li></ul></ul><ul><ul><li>Start, Save, then Continue later </li></ul></ul><ul><ul><li>Change status; Verify update to status </li></ul></ul><ul><ul><li>Filter and reorder list </li></ul></ul><ul><ul><li>Add or Edit an item </li></ul></ul><ul><ul><li>Search for an item </li></ul></ul>
    20. 20. Draft a Checklist for the tester for what to test <ul><li>Content </li></ul><ul><li>spelling, grammar, mechanics </li></ul><ul><li>all critical information is present </li></ul><ul><li>titles, headers, and navigation labeled correctly </li></ul><ul><li>Graphics and layout </li></ul><ul><li>image quality </li></ul><ul><li>download time </li></ul><ul><li>text layout </li></ul><ul><li>alignment of elements </li></ul><ul><li>color accuracy </li></ul><ul><li>User preference </li></ul><ul><li>font size and link colors </li></ul><ul><ul><li>Browser compatibility </li></ul></ul><ul><ul><li>check on different platforms </li></ul></ul><ul><ul><li>check on different browsers </li></ul></ul><ul><ul><li>Functionality </li></ul></ul><ul><ul><li>form validation </li></ul></ul><ul><ul><li>erroneous data </li></ul></ul><ul><ul><li>input vs. output </li></ul></ul><ul><ul><li>meets expectations </li></ul></ul><ul><ul><li>makes sense </li></ul></ul>
    21. 21. Draft a questions for the tester to ask during testing <ul><li>Does the user: </li></ul><ul><li>gets the point of the page(s)‏ </li></ul><ul><li>understands the navigation system </li></ul><ul><li>can guess where to find things. </li></ul><ul><li>In a general test you want to know: </li></ul><ul><li>how do users interact with the web site? </li></ul><ul><li>what is difficult to do? </li></ul><ul><li>where do they get lost? </li></ul><ul><li>what makes sense to them? </li></ul><ul><li>what makes them feel distrustful or insecure? </li></ul><ul><li>what do they like and hate? </li></ul><ul><li>In a specific test you might want to know, for example: </li></ul><ul><li>can the user accomplish a key task? </li></ul><ul><li>can the user find something specific </li></ul>
    22. 22. Create a testing matrix
    23. 23. Then... Test! <ul><li>Test in all browsers needed to meet requirements: </li></ul><ul><ul><li>Firefox 2 </li></ul></ul><ul><ul><li>Safari </li></ul></ul><ul><ul><li>Internet Explorer 6 </li></ul></ul><ul><ul><li>Internet Explorer 7 </li></ul></ul><ul><li>Document findings!!! </li></ul>
    24. 24. Get the Benefits <ul><li>No surprises late in the game </li></ul><ul><li>You KNOW it works and can stand by it confidently </li></ul><ul><li>You can sleep at night </li></ul><ul><li>Happy clients </li></ul><ul><li>Long-term clients </li></ul><ul><li>Deliver real value </li></ul>
    25. 25. Thank You! Resources and Q&A <ul><li>“ Designing the Obvious: a common sense approach to web application design” by Robert Hoekman, Jr. </li></ul><ul><li>Hoekman’s Design Description Documents http:// rhjr .net/ ddd / </li></ul><ul><li>Web Commandments http:// rhjr .net/ eReader / webCommandments .html </li></ul><ul><li>“ About Face 2.0: The Essentials of Interaction Design” by Alan Cooper & Robert Reimann </li></ul><ul><li>“ The Elements of User Experience: User-centered Design for the Web” by Jesse James Garrett </li></ul><ul><li>“ Communicating Design: Developing Web Site Documentation for Design and Planning” by Dan M. Brown </li></ul><ul><li>Website Checklist http://www. chromaticsites .com/web-design- blog /2008-05-26/the-official-successful-website-checklist-challenge/ </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×