Валерій Ахременко

СЕО і технічний експерт

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

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

Кому буде корисна стаття. Матеріал корисний «молодим» розробникам сайтів і замовникам проектів. Після прочитання буде зрозуміло, на що саме звертати увагу при створенні ресурсу, його тестуванні та прийомі кінцевої роботи.

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

До речі! Не слід сприймати послідовність розділів, як послідовність дій.

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

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

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

1. Перевіряємо верстку

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

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

Google Chrome;
Opera;
Mozilla Firefox;
Internet Explorer;
Safari;
Яндекс.Браузер.

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

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

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

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

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

Якщо адреса сторінки виглядає site.com/page.php?page_id=897&=58&proect_news_id=789654? – це дуже погано. Це катастрофа. Для сайту. Для розуміння користувачів. Для престижу проекту. Для пошукового просування.

Приклад правильного ЛЗУ – site.com/novosti/school. За цією адресою вже зрозуміло, про що йде мова на сторінці, чому саме вона присвячена. Тому розробники повинні подбати про те, щоб ЛЗУ генерувалися автоматично при створенні кожної окремої сторінці.

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

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

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

Продовжуємо нашу статтю «Сайт з гарантією якості. Як тестувати проект?». Переходимо до наступного етапу – не менше важливого, ніж попередні. Розповімо про функціонування проекту, працездатність доступних опцій.

Уявімо, що у нас – великий інтернет-магазин. У ньому передбачено безліч різноманітних функцій. Їх мета – зробити користування сайтом простим для користувачів і мотивувати їх робити покупки. Припустимо, є такі функції, як:

знижки на певні товари;
різні статуси при покупці;
величезну кількість позицій.

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

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

При оцінці функціоналу інтернет-магазину акцент робиться на перевірку наступних моментів:

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

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

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

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

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

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

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

При тестуванні форм перевіряється:

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

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

5. Юзабіліті

Щоб зробити сайт з гарантією якості, слід приділяти підвищену увагу зручності користування ресурсом. Як тестувати проект у такому випадку? Тут необхідно перевірити:

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

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

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

При створенні зручного юзабіліті основне навантаження лягає на дизайнера. Йому слід продумати абсолютно все.

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

6. Робота при навантаженні

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

При тестуванні:

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

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

7. Інтерфейс

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

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

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

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

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

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

Є й інші види тестування безпеки сайтів. Вони обов’язково виконуються тестувальниками.

9. Контекст

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

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

10. Інші варіанти тестування

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

перевірка фотографій/картинок – адаптація, наявність тексту, тегів і т.д.;
перевірка шрифтів і форматування тексту, символів;
пошук і видалення битих, неправильних посилань;
перевірка помилки 404;
перевірка переадресації – 301-редирект;
оцінка первинної оптимізації сайту – Title, мета-даних, заголовків Н1, Н2, Н3, файлу robots.txt;
підключення систем аналітики;
коректність інтеграції з соціальними мережами;
установка та коректність системи створення резервних копій сайту;
і багато іншого.

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

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

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

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

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

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