І так, сайт створили, дизайн сайту крутий та привабливий, що далі? Пропонуємо вам чек-лист перевірки свого сайту, який ми практикуємо мінімально для перевірки сайтів на актуальність, в нашій українській дизайн студії orlova.agency.
Але трішки о важливом. Щоб зацікавити користувача послугою або товаром, ви маєте не більше 20 секунд. Якщо користувач перейшов з головної сторінки сайту далі, то це вже 50% успіху. Але цей успіх може бути нівельований однією єдиною помилкою або помилками, які не були перевірені перш ніж сайт запустили в рекламу.
Тестування сайту – завдання для тестувальника. Але що робити, якщо зараз тестувальника немає? Даємо чек-лист, пройшовшись яким, ви протестуєте сайт досить добре, щоб не боятися втратити потенційних клієнтів через його неправильну роботу.
Крок перший – Перевірте кожну сторінку сайту. Почніть із перевірки відповідності сайту макету дизайну. Істотні, і навіть не досить істотні відступи, неприпустимі.
Крім того, перевірте, щоб усі посилання на сайті були робочими, і вели туди, куди потрібно, щоб вони вели. Дуже часто посилання на сторінки в соціальних мережах ведуть не туди, або на сайті частково не працює внутрішня перелінковка.
Вкрай бажано перевірити сайт з Android та iOS пристроїв. І обов’язково переглянути сайт у всіх популярних браузерах. Те, що працює в Chrome, може некоректно працювати в будь-якому іншому браузері.
Зверніть увагу чи слайдери крутяться, чи коректно розкриваються “гамбургери”, чи правильно відображаються шрифти та заголовки. Не забудьте перевірити чи коректно працює мовна локалізація (якщо вона є), і що важливо – увімкніть блокувальник реклами, і переконайтеся, що сайт не “поплив” через його роботу.
Чи можна використовувати автотести?
На сьогоднішній день розроблено чимало рішень для автоматичного тестування сайту. Перевірити можна як дизайн самого ресурсу, так і його код.
У цьому випадку інструментами тестування є браузери, пристрої, а також емулятори (найпопулярніші з них: BrowserStack, LambdaTest, Browsera, BrowserShots).
У кожен браузер вбудована Консоль Розробника. З її допомогою можна побачити помилки JavaScript, обговорити з розробником оптимізацію коду, деяких зображень та шрифтів.
Валідація коду – окремий пункт, на який потрібно звернути увагу. У мережі достатньо валідаторів, щоб код будь-якого сайту можна було перевірити на відповідність стандартам HTML/CSS.
Не меншу увагу приділіть веб-формам, як одній з найуразливіших частин сайту. У веб-формах обов’язкові для перевірки: підписи до полів, фіксація даних у базі (якщо це необхідно), інформація про помилки під час заповнення форм має відображатися коректно, а листи про заповнення форм повинні надходити на пошту та читатися.
Ми не рекомендуємо відкладати тестування сайту або “вирішувати проблеми по мірі їх надходження”, оскільки це негативно позначається на прибутках та репутації.
