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

More Related Content

What's hot (20)

PDF
Software Testing Interview Q&A – part 1
Khoa Bui
 
DOC
Manual testing good notes
dkns0906
 
DOCX
Manual testing interview questions and answers
karanmca
 
PPTX
Basics in software testing
TOPS Technologies
 
PPT
Manual testing ppt
Santosh Maranabasari
 
PPT
Basics of Software Testing
Shakal Shukla
 
DOCX
General technical interview questions
Kevalkumar Shah
 
DOCX
Testing concept definition
Vivek V
 
PPTX
Unit 1 basic concepts of testing & quality
ravikhimani1984
 
PDF
Software Testing As a Career Path
Rock Interview
 
PPTX
Software testing live project training
TOPS Technologies
 
PPT
Testing in Agile Projects
sriks7
 
PDF
Important skills a Tester should have
Kanoah
 
PPT
! Testing for agile teams
Dennis Popov
 
PPT
Test Automation Strategies For Agile
Naresh Jain
 
PPTX
Agile test tools
Agile Partner S.A.
 
PPTX
Software testing - basics
Prasad Gali
 
PDF
Qa interview questions and answers
Garuda Trainings
 
PPTX
Phases of software development
Celine George
 
PDF
A Concise QA Process
Arslan Ali
 
Software Testing Interview Q&A – part 1
Khoa Bui
 
Manual testing good notes
dkns0906
 
Manual testing interview questions and answers
karanmca
 
Basics in software testing
TOPS Technologies
 
Manual testing ppt
Santosh Maranabasari
 
Basics of Software Testing
Shakal Shukla
 
General technical interview questions
Kevalkumar Shah
 
Testing concept definition
Vivek V
 
Unit 1 basic concepts of testing & quality
ravikhimani1984
 
Software Testing As a Career Path
Rock Interview
 
Software testing live project training
TOPS Technologies
 
Testing in Agile Projects
sriks7
 
Important skills a Tester should have
Kanoah
 
! Testing for agile teams
Dennis Popov
 
Test Automation Strategies For Agile
Naresh Jain
 
Agile test tools
Agile Partner S.A.
 
Software testing - basics
Prasad Gali
 
Qa interview questions and answers
Garuda Trainings
 
Phases of software development
Celine George
 
A Concise QA Process
Arslan Ali
 

Similar to Beginners QA Testing (20)

PPT
Usability Primer - for Alberta Municipal Webmasters Working Group
NormanMendoza
 
PPTX
WINSEM2021-22_ITE2004_ETH_VL2021220500452_Reference_Material_I_26-04-2022_tes...
madhurpatidar2
 
PPT
How to do usability testing and eye tracking
Objective Experience
 
KEY
ARTDM 171, Week 17: Usability Testing and QA
Gilbert Guerrero
 
PDF
What is Web Testing?
QA InfoTech
 
PPT
WE-06-Testing.ppt
javed281701
 
PDF
Checklist_for_testing_Jaikishan_1649089616.pdf
lecongsanh2
 
PPT
Usability engineering Usability testing
REHMAT ULLAH
 
PDF
Unit 09: Web Application Testing
DSBW 2011/2002 - Carles Farré - Barcelona Tech
 
PPTX
Notes on usability testing
Sean Donnelly BA MSc QFA
 
PDF
Ux, UI and US v1.2
Samer Desouky
 
PPTX
Intro to Lean UX with UserTesting
Carlos González de Villaumbrosia
 
DOCX
CH 1018. Schools often use concrete rewards to increase adaptive.docx
cravennichole326
 
PPT
072SWE415StNotes13.ppt
PritishMarathe
 
PDF
_Darasimi_Alao-_Lunch_N_Learn-_Quality_Assurance_Testing_Strategies_for_Websi...
Future Software Resources
 
PPTX
Software Testing Introduction (Part 4))
Thapar Institute
 
PPT
Intranet Usability Testing
John Sorflaten, PhD, CUXP
 
ODP
User Interface and User Experience
Sibel Kuzgun AKIN
 
PDF
Prototyping and Usability Testing your designs
Elizabeth Snowdon
 
PPTX
Conducting usability test
Haider Ali Warraich
 
Usability Primer - for Alberta Municipal Webmasters Working Group
NormanMendoza
 
WINSEM2021-22_ITE2004_ETH_VL2021220500452_Reference_Material_I_26-04-2022_tes...
madhurpatidar2
 
How to do usability testing and eye tracking
Objective Experience
 
ARTDM 171, Week 17: Usability Testing and QA
Gilbert Guerrero
 
What is Web Testing?
QA InfoTech
 
WE-06-Testing.ppt
javed281701
 
Checklist_for_testing_Jaikishan_1649089616.pdf
lecongsanh2
 
Usability engineering Usability testing
REHMAT ULLAH
 
Unit 09: Web Application Testing
DSBW 2011/2002 - Carles Farré - Barcelona Tech
 
Notes on usability testing
Sean Donnelly BA MSc QFA
 
Ux, UI and US v1.2
Samer Desouky
 
Intro to Lean UX with UserTesting
Carlos González de Villaumbrosia
 
CH 1018. Schools often use concrete rewards to increase adaptive.docx
cravennichole326
 
072SWE415StNotes13.ppt
PritishMarathe
 
_Darasimi_Alao-_Lunch_N_Learn-_Quality_Assurance_Testing_Strategies_for_Websi...
Future Software Resources
 
Software Testing Introduction (Part 4))
Thapar Institute
 
Intranet Usability Testing
John Sorflaten, PhD, CUXP
 
User Interface and User Experience
Sibel Kuzgun AKIN
 
Prototyping and Usability Testing your designs
Elizabeth Snowdon
 
Conducting usability test
Haider Ali Warraich
 
Ad

Recently uploaded (20)

PPTX
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
PDF
Next level data operations using Power Automate magic
Andries den Haan
 
PDF
Understanding AI Optimization AIO, LLMO, and GEO
CoDigital
 
PDF
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
PDF
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
 
PDF
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
PPTX
The birth and death of Stars - earth and life science
rizellemarieastrolo
 
PDF
How to Comply With Saudi Arabia’s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
 
PDF
Bridging CAD, IBM TRIRIGA & GIS with FME: The Portland Public Schools Case
Safe Software
 
PDF
My Journey from CAD to BIM: A True Underdog Story
Safe Software
 
PDF
Redefining Work in the Age of AI - What to expect? How to prepare? Why it mat...
Malinda Kapuruge
 
PPTX
Mastering Authorization: Integrating Authentication and Authorization Data in...
Hitachi, Ltd. OSS Solution Center.
 
PDF
The Future of Product Management in AI ERA.pdf
Alyona Owens
 
PDF
Optimizing the trajectory of a wheel loader working in short loading cycles
Reno Filla
 
PPTX
Enabling the Digital Artisan – keynote at ICOCI 2025
Alan Dix
 
PDF
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
 
PPTX
Paycifi - Programmable Trust_Breakfast_PPTXT
FinTech Belgium
 
PDF
99 Bottles of Trust on the Wall — Operational Principles for Trust in Cyber C...
treyka
 
PDF
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
 
PDF
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
 
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
Next level data operations using Power Automate magic
Andries den Haan
 
Understanding AI Optimization AIO, LLMO, and GEO
CoDigital
 
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
 
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
The birth and death of Stars - earth and life science
rizellemarieastrolo
 
How to Comply With Saudi Arabia’s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
 
Bridging CAD, IBM TRIRIGA & GIS with FME: The Portland Public Schools Case
Safe Software
 
My Journey from CAD to BIM: A True Underdog Story
Safe Software
 
Redefining Work in the Age of AI - What to expect? How to prepare? Why it mat...
Malinda Kapuruge
 
Mastering Authorization: Integrating Authentication and Authorization Data in...
Hitachi, Ltd. OSS Solution Center.
 
The Future of Product Management in AI ERA.pdf
Alyona Owens
 
Optimizing the trajectory of a wheel loader working in short loading cycles
Reno Filla
 
Enabling the Digital Artisan – keynote at ICOCI 2025
Alan Dix
 
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
 
Paycifi - Programmable Trust_Breakfast_PPTXT
FinTech Belgium
 
99 Bottles of Trust on the Wall — Operational Principles for Trust in Cyber C...
treyka
 
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
 
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
 
Ad

Beginners QA Testing

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