Добридень! У нас на підході черговий відмінний контент: «Сайт із гарантією якості. Як тестується проєкт?». Тут ми детально розповімо особливості, властиві тестування ресурсів і перевірці працездатності, як в окремих моментах, так і в плані всього вебсайту.

Розроблення будь-якого вебресурсу є багаторівневим завданням. Залежно від того, наскільки складний ресурс, впроваджуються різні функціональні блоки, плагіни, розширення. Відповідно, давати оцінку проєкту, спираючись лише на його зовнішній вигляд і структуру розділів — некоректно. Варто брати до уваги численні складові. Лише повноцінне тестування ресурсу дає дорогу відкритим для користувачів дверям.

Для кого підійде стаття. Матеріал стане в нагоді «молодому» розробнику вебресурсів і замовнику проєкту. Ця стаття дасть розуміння про те, на що конкретно варто зробити акцент у процесі розроблення вебресурсу, його тестуванні і прийманні готового результату.

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

Окрім усього! Черговість розділів не вказує на те, у якій послідовності мають проводитися дії.

Тестування ресурсу являє собою мало не останню, хоча й дуже важливу стадію створення ресурсу. Реалізуючи цей етап, ви переконуєтеся у відсутності помилок, простоті й надійності ресурсу. Сам етап тестування включає кілька підпунктів або кілька маніпуляцій, які допомагають переконатися в:

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

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

1. Перевірка верстки

Вебресурс є «універсальним» кодом. Тобто, він існує для кожного пристрою і браузера, на якому користувачі відкривають вебсайт. Однак різні пристрої й браузери можуть показувати ресурс по-різному.

Це викликає потребу тестувальникам перевіряти, як виглядає проєкт у найпопулярніших браузерах:

google chrome;
opera;
internet explorer;
яндекс.браузер;
safari;
mozilla firefox.

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

Варто звернути увагу! Процес тестування в такому випадку включає і проведення перевірки кожної функції, працездатності кожної кнопки та т. ін.

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

2. Людинозрозумілі url

2. Людино-зрозумілі url

Так звані ЛЗУ. Потенційний відвідувач має легко розуміти, куди ведуть адреси сторінок. Це добре позначиться й на подальшому процесі просування проєкту в пошукових системах. Якщо сторінка має таку адресу: resource.org/page.php?pageid=132#=63&proj_news_id=315637? — це не добре. Крім того — це неприйнятно. Як для ресурсу, так і для розуміння користувачам. Це зашкодить і престижу проєкту, і пошукового просування.

Правильна ЛЗУ має виглядати так: site.org/pogoda/kyiv. Ця електронна адреса вже дає розуміння того, де знаходиться користувач, суть сторінки та її призначення. Тому розробник має забезпечити автоматичну генерацію ЛЗУ під час розроблення всіх сторінок.

Варто звернути увагу! Адреса сторінки має бути написана латиницею. Кирилиця автоматичним чином перетвориться в незрозумілі символи та втратить будь-яке смислове навантаження.

Насправді ЛЗУ легко налаштовуються. Будь-який хороший (втім, навіть посередній) програміст швидко зробить це.

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

3. Тестування функціональних елементів

Продовжимо статтю «Сайт із гарантією якості. Як тестувати проєкт?». Перейдемо до наступної стадії — такою ж важливою, як і кожна попередня. Поговоримо про те, як працює проєкт, про функціонування кожної передбаченої функції.

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

знижка на певну продукцію;
множинні товарні позиції;
наявність різних статусів під час покупки.

Для правильної роботи ресурсу, без перебоїв, необхідно врахувати багато чого. Наприклад, процес функціонування всього в кожному окремому браузері. Адже в разі непрацездатності будь-якої функції хоча б в одному з браузерів, вона не буде функціонувати ніде.

Варто звернути увагу! Якщо функція працює в одному браузері, це не гарантує її правильну роботу в кожному браузері.

Оцінюючи функціонал вебмагазину, варто наголошувати та перевіряти такі моменти:

пошук продукції;
наповнення кошика товарами, процес оформлення покупок;
структура вебресурсу й те, наскільки в ньому легка навігація;
реєстраційна/авторизаційна форма;
робота з продукцією в панелі адміністрування.

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

акційної продукції;
кожної останньої переглянутої позиції;
схожої продукції;
та інші.

Тестування також включає і проведення перевірки інших окремих функціональних модулів. Наприклад, можливість сортувати товар за низкою параметрів — розмір, марка, модель, колір і т. ін.

4. Проведення тестування форм

У продовженні статті «Сайт із гарантією якості. Як тестувати проєкт? ” ми розглянемо в якості окремого розділу процес тестування форм. Хоча форми й мають пряме відношення до функціональних елементів вебсайту.

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

Тестування форм передбачає перевірку:

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

Дослідження таких елементів дає змогу перевірити, чи коректна і проста форма. Можливо виявити кожен момент, який можна вдосконалювати, провести його оптимізацію. І, природно, процес тестування дає зрозуміти, чи приймає вказану адресу заповнена користувачем форма.

5. Тест юзабіліті

Для розроблення ресурсу з гарантією високої якості необхідно приділити особливу увагу тому, чи зручно користуватися вебсайтом. Як проводити тестування проєкту в цьому випадку? Зараз проводиться перевірка:

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

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

пошук необхідної інформації;
покупка продукції;
заповнення форми реєстрації.

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

Проте вебстудія Centum-D в ці роботи також включає й маркетолога, який здатний провести аналіз ніші цільової аудиторії та особливостей її поведінки. Отримані дані допоможуть розробити максимально зручний у плані юзабіліті ресурс.

6. Стрес-тест

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

У процесі тестування тестувальник:

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

Це дає змогу з’ясувати, чи зможе ресурс витримати навантаження в 1000 відвідувачів або іншу кількість, відштовхуючись від розроблюваного ресурсу й очікуваних максимальних навантажень.

7. Тест призначеного для користувача інтерфейсу.

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

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

8. Тестування безпеки

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

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

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

Існують й інші варіанти проведення тестування того, наскільки безпечний ресурс. Їх також в обов’язковому порядку виконують тестувальники.

9. Тестування контексту

Тут йдеться про сенс ресурсу і його конкретних сторінок. У процесі перевірки вебсайту фахівцями шукаються відповіді на низку питань:

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

10. Кілька інших варіантів тестування

Кілька варіантів того, що можна перевірити під час проведення тестування ресурсу перед тим, як видати його замовнику й запустити:

перевірка зображення — адаптовані вони, чи є текст, теги й т. ін.;
перевіряються шрифти та чи форматовані тексти, символи;
пошук і усунення кожного битого або некоректного посилання;
перевіряється помилка «404»;
перевіряється переадресація — 301-редиректу;
оцінюється первинна оптимізація ресурсу — title, метадані, заголовки h1, h2, h3, файл robots.txt;
підключення аналітичних систем;
правильна інтеграція із соцмережами;
встановлена та чи коректна система створення резервної копії ресурсу;
і безліч іншого.

Сайт із гарантією якості. Як тестувати проєкт? Підсумки

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

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

Вебстудією Centum-D розробляються ресурси вже упродовж багатьох років. Ми маємо великий досвід у розробленні проєктів різних складнощів. Тестування є обов’язковим етапом робіт, включених у вартість розроблення вебресурсу.

Зверніться до нас, і після закінчення робіт наших професіоналів будьте впевнені в отриманні повністю функціонуючого ресурсу без будь-яких помилок і недоліків.

Сайт з гарантією якості. Як тестувати проект?