Технічний аудит, професійне тестування роботи Інтернет-магазину

1. Навіщо потрібно проводити тестування сайту?
2. Тестування для вже існуючих сайтів
3. Тестування для нового сайту під час розробки
4. Види тестування, що використовуються в процесі роботи
5. 1. Функціональне тестування
6. 2. Тестування для користувача інтерфейсу (UI testing)
7. 3. Тестування юзабіліті сайту
8. 4. Тестування end-to-end
9. 5. Регресійне тестування
10. Як ми це робимо? Приклад спрощеного тест-плану
11. 1. Вихідні дані
12. 2. Цілі даного тестування
13. 3. Умови для тестування
14. 4. Стратегія тестування
15. 4.1 Види тестування
16. 4.1.2 Тестування кросбраузерності
17. 4.1.3 Тестування дизайну.
18. 5. План робіт з тестування сайту

Ви постійно отримуєте скарги від користувачів на труднощі і помилки в процесі використання сайту? А можливо, ви зараз перебуваєте на етапі запуску Інтернет-магазину в продакшн і хочете перевірити, чи всі на сайті працює як годинник?

- Вам потрібна послуга технічного аудиту Інтернет-магазину!

Часто буває так, що після випуску Інтернет-магазину в світло, Замовник, сподіваючись на професіоналізм Розробника вважає, що всі функції відпрацьовують як потрібно, що далеко не так, особливо якщо ви замовляли розробку Інтернет-магазину у фрілансера (адже у нього в штаті немає професійного тестувальника, та й в бюджет такі роботи ніхто з них не закладає). Ви можете навіть і не здогадуватися, що ваш веб-ресурс має велику кількість несправностей, багів, глюків, які негативно впливають на його роботу. І, як результат, ви отримуєте потік невдоволення користувачів, неможливість оформити замовлення або зробити покупку, тотальна недовіра до вашого сайту з боку відвідувачів, ви втрачаєте гроші! ... Щоб цього уникнути, Вам необхідно замовити послугу професійного технічного аудиту Інтернет-магазину, щоб ми протестували ваш сайт на всі 100%!

Навіщо потрібно проводити тестування сайту?

Тестування сайту допомагає виявити всі помилки і несправності в його роботі:

• Злагоджено чи працює функціонал веб-ресурсу?
• Гармонійно чи сприймається сайт потенційними користувачами?
• Наскільки зручно буде Вашим користувачам робити покупки?

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

Тестування для вже існуючих сайтів

У користувачів Вашого сайту виникають проблеми з переглядом і вибором товарів, а також неможливістю оформлення замовлення в Інтернет-магазині?

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

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

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

По-перше, процес тестування допоможе Вам детально перевірити відповідність функціоналу сайту документації (договором).

По-друге, послуга тестування з веб-студії NeoSeo допоможе Вам виправити знайдені баги ще до запуску сайту в експлуатацію.

По-третє, наші тестери гарантовано проведуть тестування адаптивності Вашого веб-ресурсу - можливість оптимального відображення на всіх видах мобільних пристроїв (десктоп, планшет, смартфон та ін.).

Крім того, для нових сайтів фахівці веб-студії проводять такі види тестування:

• функціональне тестування (перевірка функцій сайту);
• кросбраузерності тестування (як працює сайт на різних Інтернет-браузерах);
• альфа-тестування за принципом end-to-end сценаріїв (тестування користувальницьких сценаріїв поведінки на сайті);
• регресійні тестування ( «тестування після тестування»).

Про них ми розповімо більш детально.

Види тестування, що використовуються в процесі роботи

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

1. Функціональне тестування

Звичайно ж, фахівці починають перевіряти веб-магазину з тестування його функціоналу. Чи всі функції Вашого сайту працюють так, як потрібно? Як правило, потрібно враховувати багато факторів: і наявність знижок на товар, і різні статуси при покупці, і певну кількість товарів і т.п.

Що саме ми перевіряємо:

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

2. Тестування для користувача інтерфейсу (UI testing)

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

В результаті тестування користувальницького інтерфейсу Ви гарантовано Получется результати таких робіт:

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

3. Тестування юзабіліті сайту

Це тестування, в результаті якого тестери перевіряють Ваш сайт на практичність і зручність користування.

Головне завдання цього тестування - показати:

• Наскільки Ваш сайт є зрозумілим для користувачів?
• Чи зручно користуватися Вашим веб-ресурсом?
• Як саме користувачі сприймають Ваш сайт?
• Зручна чи навігація сайтом?
• Які опції сайту можуть бути зайвими, непотрібними?

4. Тестування end-to-end

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

В результаті еnd-to-end тестування, яке виконують фахівці нашої веб-студії, Ви отримаєте комплексну перевірку сайту, виходячи зі сценаріїв поведінки користувачів на веб-ресурсі. Це допоможе Вам вести контроль над процесом здійснення покупки в Ваших Інтернет-магазині: від початку до кінця.

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

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

5. Регресійне тестування

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

Регресійне тестування допомагає Вам переконатися, що коригування одних помилок на сайті не зумовила виникнення інших «багів». Крім того, механізми регресійного тестування перевіряють, чи недавні зміни коду не "зламали" інші, вже перевірені, частини сайту.

Як ми це робимо? Приклад спрощеного тест-плану

Для більш детального ознайомлення пропонуємо Вашій увазі типовий спрощений тест-план робіт веб-ресурсу.

1. Вихідні дані

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

2. Цілі даного тестування

Мета тестування даного сайту полягає в комплексній перевірці веб-ресурсу на предмет безпомилкової роботи, враховуючи:

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

Особливу увагу (приблизно 20% часу тестування) планується відвести на перевірку нетипових для користувача сценаріїв, які потенційно можуть привести до помилок роботи сайту.

В результаті даного тестування замовник отримує в формі звіту наступну інформацію:

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

3. Умови для тестування

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

4. Стратегія тестування

В процесі тестування планується провести п'ять етапів:

1. Складання тест-плану, часткове застосування функціональних тестів.
2. Детальний прогін функціональних тестів, в результаті якого виявляються і фіксуються помилки, дефекти роботи сайту.
3. Тестування кросбраузерності, опис знайдених багів.
4. Перевірка вирішених багів і проведення регресійного тестування.
5. тестування дизайну продукту з описом знайдених дефектів.

4.1 Види тестування

4.1.1 Функціональне тестування

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

Опис і аналіз процесу:

пріоритет:

Пошук

• Розумний пошук по сайту.
• Пошук по: назві, категорії, моделі.
• Перехід за посиланнями.
• Сортування результатів пошуку за різними параметрами.
• Вибір відображення результатів пошуку у вигляді списку, «сітки» або в «компактному» вигляді.
• Зміна кількості товарів на кожній сторінці в результатах пошуку.
• Перегляд всіх сторінок результатів пошуку.

високий

товар

• Відображення інформації про товар в списку товарів.
• «Швидкий перегляд» товару і його основних характеристик у спливаючому вікні.
• Динамічна друга картинка при наведенні курсору на зображення.
• Сортування товарів: по ціні, наявності, виробнику, характеристикам.
• Вид списку товарів «плиткою», «списком» або в «компактному» вигляді.
• Робота іконок на товарах з функцією додавання в «закладки» і «порівняння».
• Відображення списку фотографій і самих фото в списку.
• Відображення інформації про товар на сторінці товару.
• Відображення фото товару на сторінці товару.
• Перегортання фото товару.
• Перехід за посиланнями.
• Повернення на головну сторінку.
• «Шаринг» товару у всіх запропонованих соцмережах.
• Коректний зум.
• Створення відгуку про товар.
• Додавання товару в закладки з повідомленням користувача через спливаюче вікно.
• Додавання товару в порівняння з повідомленням користувача через спливаюче вікно.
• Додавання даного товару в кошик.
• Зміна певної кількості товарів для покупки на сторінці товару.
• Перегляд товару в іншому кольорі і розмірі.
• Наявність міток на товарах: «новинки», «хіти продажів», «акції».
• Активні посилання на попередній, а також наступний товар.
• Замовлення / покупка товару в 1 клік - замовлення без реєстрації.
• Працюючий слайдер «Переглянуті товари».
• Працюючий слайдер «Ще товари цієї категорії».
• Працюючий слайдер «У цьому ж ціновому діапазоні».
• Таймер акції в картці товару.
• Перехід за посиланнями «Методи оплати», «Способи доставки» і «Інформація про гарантії».
• Виберіть характеристики, опис, відгуки про товари в картці товару.

високий

Зворотний дзвінок

• Замовлення при правильному заповненні полів.
• Замовлення при неправильному заповненні полів.

високий

банери

• Відображення банерів.
• Перехід на відповідні сторінки.

високий

адміністративна панель

• Управління товарами, категоріями з використанням фільтрів.
• Можливість роздрукувати товарний чек.
• Управління e-mail-повідомлень.
• Можливість налаштувати різні рівні доступів у адміністративній частині Інтернет-магазину (власник, контент-менеджер, менеджер з продажу).

високий

Кошик

• Спливна кошик.
• Випадає кошик.
• Відображення всіх обраних товарів в кошику.
• Відображення кількості товарів.
• Відображення цін.
• Відображення суми для оплати.
• Вибір методу доставки.
• Вибір способу оплати.
• Обмеження по мінімальній сумі замовлення.
• Видалення даного товару з кошика.
• Відображення суми після видалення товару з кошика.
• Вибір способу доставки товару.
• Перехід до оплати товару.

високий

Зворотній зв'язок

• Робота при правильному заповненні полів.
• Робота при неправильному заповненні полів.

середній

Блог

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

середній

Реєстрація / Авторизація

• Реєстрація користувача.
• Авторизація користувача.
• Вхід через акаунти в соцмережах.
• Анонімний користувач.
• Відновлення паролю.

середній

Особистий кабінет

• Редагування контактних даних.
• Зміна адреси доставки.
• Перегляд історії замовлень.
• Можливість оформити повторне замовлення з історії.
• Перегляд і управління списком обраних товарів.
• Перегляд списку переглянутих товарів.
• Управління підпискою на новини.
• Вихід користувача з особистого кабінету.

середній

4.1.2 Тестування кросбраузерності

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

Аналізовані браузери:

• Internet Explorer 8+,
• Google Chrome,
• Opera,
• Firefox.

4.1.3 Тестування дизайну.

Мета: перевірка відповідності дизайну продукту макетів специфікації.

Опис процесу:

• Головна сторінка сайту.
• Липке меню.
• Швидкий перегляд товару.
• Картка товару.
• Сторінка кошика.
• Вікно випадає кошика.
• Сторінка оформлення замовлення.
• Сторінка порівняння товарів.
• Сторінка обраних товарів.
• Реєстраційна форма.
• Особистий кабінет.
• Форма зворотного зв'язку.

5. План робіт з тестування сайту

завдання

Обсяг робіт

з тестування

Час початку

Час закінчення

Складання тест-плану

виконання тестування

аналіз тестування

Підведення підсумків

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

Завжди раді допомогти Вашій онлайн-бізнесу,

команда NeoSeo