Перейти до основного контенту
Візуальні помилки

Що таке візуальні помилки?

Kostya avatar
Автор: Kostya
Оновлено понад рік тому

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

  • Проблеми зі структурою макета, наприклад невирівняні тексти/елементи

  • Проблема адаптивного дизайну, напр. елемент відображається на одному мобільному пристрої, але не відображається на іншому

  • Текст/елементи ненавмисно накладаються один на одного

  • Текст/елементи обрізані

  • Все, що можна виправити у файлах HTML або CSS

Проблеми, що повторюються

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

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

Приклади:

  • Деякі елементи показують ту саму графічну проблему, напр. текст або зображення більші за рамки.

  • Поля введення недостатньо великі, щоб умістити стандартні тексти, які, у свою чергу, не повністю видимі.

  • Тизери ненавмисно перекривають інші елементи.

Оновлення до функціональної помилки

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

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

Документування візуальних проблем

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

Безкоштовний онлайн-тест на адаптивність

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

Ви отримали відповідь на своє запитання?