Чим займається QA Engineer і чому так важливо стежити за якістю роботи сайту?

Чому немає конверсій на сайті? Можливо, він просто не працює! Помилки на сайті — вбивці конверсії. Очевидно і просто, але не для всіх. Як забезпечити належну якість роботи веб-сторінки? Необхідно проводити ефективний контроль якості. Саме час познайомитись у деталях із роботою QA Engineer.

Сьогодні ми поговоримо про забезпечення якості сайту за допомогою QA. Обговоримо різницю між тестуванням та забезпеченням якості, поговоримо про етапи та нюанси в роботі QA-інженера. Як завжди, в деталях та з прикладами. Приготуйтеся конспектувати користь!

Що таке гарантія якості сайту?

Гарантія якості сайту — це коли QA-спеціаліст проводить контроль якості роботи всіх функцій веб-ресурсу на всіх можливих пристроях до того, як користувач зіткнеться з можливими проблемами та помилками.

Ефективне забезпечення якості містить не лише перевірку внутрішніх функцій (коду), а й усіх зовнішніх нюансів — дизайну, верстки, відображення сторінок на ноутбуках, планшетах та смартфонах з різними параметрами екранів.

Важливо наголосити на одному моменті — контроль якості необхідно проводити перед запуском сайту в роботу. Однак, як стверджують провідні QA-спеціалісти, тестувати сайт щодо технічних помилок ніколи не пізно. Далі ми поговоримо про різницю у тестуванні та забезпеченні якості.

Різниця між тестуванням користувача та забезпеченням якості

Часто поняття тестування та забезпечення якості використовуються як синоніми. Професіонали поділяють ці визначення, оскільки між ними є суттєва різниця. Якщо ви бажаєте розібратися в усіх деталях того, як працює QA-інженер, рекомендуємо поспішити зареєструватися на курс Тестувальник ПЗ (QA Engineer).

Користувальницьке тестування

Користувальницьке тестування сайту передбачає погляд на ресурс з боку споживача. Виділимо основні його властивості (далі — КТ).

• КТ розглядає, як реальні люди сприймають та використовують ваш сайт чи софт.
• Досліджує, з якими помилками, нерозумінням і труднощами стикаються користувачі під час використання ресурсу.
• Дає розуміння, чим відрізняється сприйняття сайту кінцевим користувачем та намірами розробників веб-сторінки.

Забезпечення якості

Забезпечення якості (ЗЯ) веб-сторінки розглядається як технічний процес.

• ЗЯ вивчає безпосередньо технічний бік сайту.
• QA Engineer шукає баги, глюки, биті посилання, помилки у коді, дизайні, верстці.
• Спеціаліст QA усуває невідповідності щодо задуму розробників та сприйняттям сайту користувачем.

Тобто забезпечення якості робить сайт чистим, доступним і зрозумілим для використання кінцевим користувачем.

Основна відмінність користувальницького тестування від забезпечення якості: контроль якості зазвичай проводиться QA Engineer до релізу сайту. Користувальницьке тестування з боку споживача з виправленням зовнішніх помилок можливе вже після запуску веб-сторінки в роботу.

Бажаєте отримувати більше корисного контенту та заряд мотивації на роботу та особистісне зростання? Підпишіться на наш Telegram!

Базовий рівень UX

Що, якщо об’єднати підходи користувальницького тестування та ретельного контролю якості? Вийде базовий рівень UX! Детальніше про UX-підхід ви можете дізнатись у цьому корисному матеріалі нашого блогу.

UX-підхід поєднує в собі якісні дані тестування з боку споживача з кількісними даними забезпечення якості. Базовий рівень UX має дві мети.

1. Зрозуміти, до чого призводять якісні зміни у дизайні сайту.
2. Простежити переваги функціоналу вашого сайту у порівнянні з конкурентами.

Директор з досліджень агентства Speero Бен Лабей зазначає, що добиватися базового рівня UX слід на етапі дослідження конверсій. Етапи тестування сайту ми розглянемо в цьому матеріалі нижче, а поки що поговоримо про кількісні дані контролю якості.

Як отримувати та обробляти дані для дослідження рівня UX сайту?

• Виділіть цілі збору даних та критерії успіху.
• Створіть дистанційне опитування-тестування користувачів без модерації.
• Зберіть дані та проведіть оцінку якості за кожним параметром, який впливає на забезпечення якості роботи сторінки.

Регулярна перевірка якості та визначення рівня UX допоможе вам ефективно простежити покращення сайту для користувачів у часовій перспективі.

Чому важлива гарантія якості?

Як каже стара приказка, все таємне рано чи пізно стає явним. Навіть якщо ви співпрацюєте з професійним агентством з розробки, вам все одно не уникнути будь-яких видимих чи прихованих помилок та багів у роботі сайту.

Бізнес-ризики

Поганий контроль якості спричиняє дві глобальні проблеми, пов’язані з високим ризиком.

1. Неробочий ресурс підриває довіру клієнтів до вас (як фахівця).
2. Помилки на сайті знижують рівень конверсій та розчаровують користувачів.

Отже, якісний quality control — це обов’язкова процедура, якої не уникнути. Інакше ви ризикуєте всім — своєю репутацією та доходом.

Управління репутацією

Чому ще важливим є забезпечення якості? Ваш сайт однаково буде протестований. Або QA-спеціаліст проведе контроль якості самостійно, або замість цього ви отримаєте скарги від неконтрольованого користувацького тестування. Найімовірніше, ви дізнаєтеся про нього, наприклад, у відгуках на сторінці вашої компанії Google. Тобто своєчасна перевірка якості захищає від неприємних сюрпризів.

Конкуренція ОС та браузерів

Представник Box UK Ян Ньюман у своїх матеріалах наголошує на тому, що сучасні браузери та операційні системи роблять безліч налаштувань над базовим HTML у боротьбі за залучення клієнтів. Тим самим зайняті й розробники різних мобільних пристроїв. Тобто професійний QA Egineer має враховувати всі можливі надбудови, формати та параметри різних ОС, браузерів та пристроїв, щоб гарантовано забезпечити ефективний контроль якості роботи сайту.

По суті, quality assurance є важливою функцією кожної компанії з робочим веб-ресурсом, яку важливо виконувати на належному рівні.

З огляду на наведені вище причини, з яких надважливим є контроль якості роботи сайту, виділимо переваги забезпечення якості від QA Egineer.

Переваги контролю якості від QA Engineer

Професійний тестувальник або QA-інженер проводить комплексне забезпечення якості роботи сайту. Детальніше роботу QA Engineer ми розглянемо у наступних блоках цього матеріалу. Поки зосередимося на основних моментах — перевагах роботи QA-фахівця з сайтами компаній та брендів.

• Детальна перевірка функціоналу цільових сторінок сайту.
• Комплексний аналіз багів та помилок всього ресурсу в коді, дизайні, верстці.
• Проведення A/B-тестування.
• Контроль якості email-розсилки.

Загалом професійний QA-інженер:

• Виявляє та фіксує помилки на сайті перед його запуском для користувачів.
• Значно знижує бізнес-ризики та економить ваші гроші на подальші доопрацювання.
• Підтверджує та забезпечує бренду надійну репутацію.
• Покращує досвід використання сайту для клієнтів (що впливає на рівень конверсій).
• Допомагає створити доступну, зручну та робочу сторінку для компанії з наступною регулярною перевіркою якості адекватності її роботи.

Бажаєте краще розібратися у професії QA Engineer? Запрошуємо на безкоштовний міні-курс ДНК-тестувальника ПЗ!

Етапи тестування сайту

Забезпечення якості QA вимагає не тільки уважності та професійних навичок, а й дотримання етапів тестування. QA-інженер не повинен пропускати будь-який важливий крок, щоб забезпечити ефективну перевірку якості роботи сайту. Виділимо 7 етапів тестування.

• Підготовка
• Тестування функціоналу
• UI-перевірка інтерфейсу користувача
• UХ-тестування щодо зручності сайту для користувача
• Тестинг безпеки веб-ресурсу
• Чекінг продуктивності
• Повторне тестування та підготовка звітності

Розглянемо кожен етап докладніше з покроковим описом дій, які виконує QA-спеціаліст.

Підготовчий етап

Під час підготовки до тестування QA Engineer робить запит у розробників всієї технічної документації. Вона може містити:

• Технічне завдання щодо розробки
• Готовий дизайн-макет сайту
• Докладний опис функціоналу

Після цього QA-інженер має право розробити свій план тестування з обов’язковим виконанням всіх етапів, описаних нижче.

Тестування функціоналу

На цьому етапі QA-спеціаліст тестує всі кнопки, посилання та форми на сайті, тобто повністю перевіряє роботу функцій веб-сторінки. До неочевидних видів тестування функціоналу також можна віднести:

• Можливість додавання/видалення даних користувачами.
• Роботу функції реєстрації/авторизації користувачів.
• Справність роботи кнопок та форм купівлі товарів на сайті.
• Звірка розміщеного контенту із запланованим у макеті.
• Адекватність роботи внутрішніх та зовнішніх посилань.

Нагадаємо, що функціональне забезпечення якості роботи ресурсу дуже важливо виконувати до його запуску в повноцінну роботу.

UI-перевірка

На цьому етапі тестувальник звіряє, наскільки відповідає розміщення всіх елементів сайту на макеті та у розробленій версії. Також в цей етап входить чекінг кросбраузерності та перевірка правильного відображення сайту на всіх можливих пристроях та операційних системах. Зупинимося на цьому детальніше.

Крос-девайсний та кросбраузерний контроль якості роботи сайту — найважливіша функція тестувальника. Поєднання цих процесів часто називають перехресним тестуванням.

Як зазначає Кріс Ештон з BBC, його команда проводить перехресне тестування починаючи з популярного браузера на ноутбуці (як показано на скрині вище) та закінчуючи різними пристроями й не популярними браузерами.

Для проведення UI-тестування спеціаліст може використовувати спеціальний софт на зразок Google Analytics або BrowserStack. Наприклад, у Google Analytics є спеціальний розділ «Аудиторія» > «Технології» > «Браузер та ОС». За допомогою цього інструмента QA-фахівець може отримати пріоритетний список версій браузера, які використовує цільова аудиторія.

Ви також можете вибрати функцію «Порівняння» в «Аудиторія» > «Мобільні пристрої» > «Пристрої». Тут Google Analytics покаже порівняння популярності використання пристроїв однієї родини.

Експертна порада: спочатку слід зафіксувати та усунути проблеми незалежно від браузера. Потім тестувати виправлену версію сайту в браузерах у міру зменшення популярності їх використання у ЦА.

Зупинимося на методах UI-тестування.

• Живе тестування: перевірка якості сайту в інтерактивній лабораторії із можливістю запуску живих тестів у сотнях комбінацій браузерів та операційних систем.
• Реальне тестування: передбачає відмову від симуляторів та тести на реальних пристроях у реальних браузерах. Зазвичай може показати більш ефективні результати.
• Хмарне тестування: автоматизовані тести у тисячах браузерів із налагодженою мережевою інфраструктурою.
• Локальне тестування: перевірка ресурсу перед релізом у режимі брандмауера чи робочого столу.
• Автоматичні скріншоти: перевірка дизайну сайту з автоматичних скріншотів у різних браузерах.

Якісне UI-тестування дасть вам змогу впевнено запустити сайт в роботу або виправити вже робочий сайт перед запуском реклами. Нагадаємо, що ви завжди можете освоїти професію тестувальника у всіх нюансах на курсі Тестувальник ПЗ (QA Engineer).

UХ-тестування

Тест на юзабіліті (зручність сторінки) для користувача передбачає основний момент — перевірку пошуку на сайті. QA повинен переконатися, що користувач легко орієнтується у структурі веб-ресурсу, швидко знаходить необхідний контент і може запросто вчинити цільову дію з усіма доступними інструкціями та підказками.

Тестинг безпеки

Хакерські атаки, віруси або підступи конкурентів — все це може вплинути на безпеку вашого сайту для користувачів. Юзерам завжди важливо розуміти, що сайт досить захищений від зливу їх персональних даних.

Які найнебезпечніші сучасні атаки на сайт? Ми з’ясували у наших QA, що це SQL-ін’єкції — впровадження шкідливого коду на сайт з метою отримання доступу до бази даних. Професійний тестувальник знає, як ефективно перевірити сайт щодо рівня захисту від подібних атак.

Чекінг продуктивності

Яке максимальне навантаження відвідуваності вашого сайту? Наскільки швидко завантажуються сторінки з «важким» контентом — інтерактивами, відео, об’ємними текстами, тестами та іншим? Все це з’ясовує та покращує тестувальник під час чекінгу продуктивності.

На цьому етапі здебільшого тестувальник подає докладний звіт щодо всіх знайдених помилок для розробників. Ті зі свого боку виправляють усі знайдені помилки QA на сайті та ініціюють повторну перевірку забезпечення якості.

Повторне тестування та складання звітності

Після первинного виправлення всіх знайдених помилок і багів QA знову приступає до тестування оновленої версії сайту. Така перевірка часто називається регресивною, оскільки до неї входить повний чекінг функціоналу на наявність нових помилок, які могли виникнути при виправленні старих.

На цьому етапі QA-інженер складає кінцевий повний звіт про процес перевірки якості сайту. Цей важливий документ слід берегти, оскільки він відображає історію важливих змін на сторінці, корисну для розробників та спеціалістів з підтримки роботи ресурсу.

На що звертати увагу під час тестування забезпечення якості

Як завжди пропонуємо ще більше користі для наших регулярних читачів (дякуємо вам за те, що з нами). Ми вже обговорили всі етапи тестування. Давайте ще раз повторимо і виділимо основні параметри забезпечення якості.

Чек-лист, на що звертати увагу під час тестування сайту:

• Швидкість завантаження сторінок
• Повідомлення про помилки та наявність інструкцій
• Дублікати контенту
• Якість та доступність зображень
• Простота та зручність форм
• Робота розміщених посилань
• Стиль та розміри шрифтів
• Безпека сайту
• Технічна перевірка форм реєстрації
• Тестування email-розсилки
• Баги та збої

Як бонус-контент пропонуємо також експертну думку та цінні поради щодо тестування сайту на мобільних пристроях від Талії Вульф з GetUplift.co.

• Переконайтеся, що при спробі набору тексту в мобільній версії сайту відкривається правильна клавіатура (числова — для заповнення форми з номером телефону або кредитної картки; текстова — для заповнення імені та email).
• Перевіряйте швидкість завантаження. У користувачів смартфонів зазвичай високі очікування від швидкості роботи вашого сайту, тому важкі зображення для мобільної версії сторінки слід обов’язково замінити на легкі формати.
• Тестуйте можливість збереження даних та продовження роботи користувачів із сайтом з різних девайсів. До 65% всіх онлайн-покупок починається з мобільних гаджетів та продовжується на інших пристроях! Наприклад, можна рекомендувати додати кнопку «Продовжити пізніше» або просто «Зберегти». Також корисно відправляти автоматичний email із нагадуванням та посиланням, за яким користувач може продовжити оформляти покупки.
• Зверніть увагу на повідомлення про помилки. У мобільній версії не так багато місця на екрані для розгорнутої інструкції. Найкраще, якщо ви повідомите користувача про можливу помилку (наприклад, про неправильно введений промокод) у невеликій яскравій формі з коротким описом (буквально в пару слів).

Перевірте відображення відео! Чи існує щось більш дратівливе, ніж повідомлення про те, що відео не може бути відображено в мобільній версії сайту? Не забувайте адаптувати весь контент для коректного відображення на мобільних пристроях.

На основі всіх даних про процес тестування важливо відзначити: команди UX і QA повинні тісно співпрацювати. Початкове якісне виконання дизайну та розробки сайту дозволяє спростити роботу QA. Також професійна робота QA забезпечує якість роботи для UX-команди.

Чим займається QA-інженер

Отже, ми вже багато чого з’ясували про роботу QA-інженера. Давайте коротко підсумуємо, які функції виконує тестувальник.

• Спеціаліст оцінює обсяг тестування вашого сайту.
• Перевіряє адекватність специфікацій та бізнес-вимог для розробників.
• Тестує проект чи окремі функції на сайті, про які попередньо домовилися.
• Виконує комплексний процес поетапного тестування до та після релізу ресурсу.
• Створює звіти та кінцеву документацію про процеси та результати тестування.

Виходить, що QA Engineer — це важливий член будь-якого проекту із запуску онлайн-бізнесу. Мабуть, це найголовніший інсайт цієї статті!

Багато хто побоюється, що розвиток сучасних технологій незабаром може змінити професію тестувальника на використання автоматизованого софту. Однак поспішаємо вас заспокоїти. Креативний людський фактор завжди має вирішальну роль у перевірці якості сайту, адже тестувальник перевіряє продукт, створений людьми для людей.

Висновок

Забезпечення якості роботи веб-ресурсу за допомогою QA-фахівців — важлива опція для бізнесу. Професійне поетапне тестування сайту дозволяє покращити користувальницький досвід цільової аудиторії, забезпечити позитивну репутацію сторінки та підвищити рівень конверсій.

Сумніваєтесь у своїх можливостях? Розвійте сумніви на безкоштовному міні-курсі ДНК тестувальника ПЗ.

Хочете одразу комплексно освоїти професію? Реєструйтеся на курс Тестувальник ПЗ (QA Engineer).

Сподіваємося, матеріал був для вас корисним. Поділіться цією цінною статтею з друзями та підписниками, а також не забувайте стежити за нами у Telegram!