CONFIDENTIAL Proton Introduction to Opquast Making the Web better 

Web quality What is it? 2 

What is web quality? A quality website… ● Is beautiful and makes you want to use it ● Is ergonomic and works well ● Has no default ● Loads fast ● … 3 Making the Web better - Introduction to Opquast Yes. But no. ● "Beautiful", "well"… is subjective It depends on each one's point of view ● There will always be defaults We can never reach perfection 

4 Goal: quality assurance applied to the web ● Measure, evaluate, estimate ● Manage, improve, control ● Guarantee, certify, ensure From a subjective judgment to an objective evaluation Making the Web better - Introduction to Opquast Answer: Opquast (Open Quality Standard) ● Started with a directory dedicated to web quality in 1999 ● "Web quality" definition and first best practices checklist in 2004 ● Opquast ecosystem available in English since 2020 

5 Definition proposed in 2004 as part of the Opquast project. Inspired by ISO 8402:1994 standard (Quality management and quality assurance). Definition Making the Web better - Introduction to Opquast Web quality represents the ability of an online service to satisfy explicit or implicit requirements 

VPTCS A multidisciplinary model 6 

7 VPTCS: a model to summarize user requirements V Visibility P Perception T Technical C Contents S Services The users want to find the website The users want to use and browse The users want the website to work The users want good quality contents The users want a good experience after their visit Making the Web better - Introduction to Opquast Created by Élie Sloïm and Éric Gateau in 2001. Under license CC BY-SA 4.0 International. 

8 VPTCS: a model to allocate responsibilities V Visibility P Perception T Technical C Contents S Services SEO Ranking Marketing Communication Ergonomics Visual design Web design Navigation Security Hosting Performance Compliance Copywriting Translation Legal Publishing E-commerce Logistics Assistance Customer service Making the Web better - Introduction to Opquast 

9 VPTCS: a model to cover the whole user experience V Visibility P Perception T Technical C Contents S Services Making the Web better - Introduction to Opquast Before the visit During the visit After the visit How to enhance the contents and services Why use the site UI UX 

Managing web quality Web QA Checklist 10 

11 Opquast philosophy: focus on what matters most Making the Web better - Introduction to Opquast Accessibility Usability Performance Privacy Ecodesign Security Marketing 

12 ● First best practices checklist in 2004 ● Defined by web professionals community ● Openly shared under CC BY-SA license ● Updated over time ○ Fourth version in 2020 with 240 rules ○ New version every 5 years or so Web Quality Assurance Checklist Making the Web better - Introduction to Opquast 

13 Strictly follows these requirements: ● It is useful for users ● It is realistic ● It is verifiable online ● It is universal ● It agreed upon by the community Each one of the 240 rules… Making the Web better - Introduction to Opquast 

14 Example Making the Web better - Introduction to Opquast Each rule is detailed with: ● Its goal proving it is useful ● Its implementation details proving it is realistic ● The way(s) to control it proving it is verifiable 

It looks awesome! Where do we start? 15 

16 ● Final examination ○ MCQ of 125 questions - 1h30 duration ○ Score from 0 to 1000 - level of expertise starting 500 Opquast certification "Mastering Web Quality Assurance" Making the Web better - Introduction to Opquast ● Getting a shared knowledge and improving our skills ○ Gain a disciplinary knowledge base for more effective team work ○ Learn a common vocabulary, framework and a mindset, for better web QA and UX insights ○ Understand fundamental user requirements for the web ○ Avoid major project risks and common user annoyances ○ Learn web design foundations for user diversity ● Online dedicated training platform accessible for 3 months 

17 ● Share good practices with other teams to improve things at a large scale ○ Design, content, marketing, customer support… Use checklists and spread the word Making the Web better - Introduction to Opquast ● Build our own checklists depending on our needs ○ User other checklists or add our own rules ● Use Opquast checklist as a base of continuous improvement ○ Define a limited set of rules that we think are the most important ○ Add new rules over time while we're mastering the existing ones 

Let's make a better web 18