Чек-лист для тестирования графического интерфейса
GUI (Graphical User Interface) Testing — тестирование графического пользовательского интерфейса. Графический пользовательский интерфейс — это интерфейс, в котором пользователь взаимодействует с компьютером, используя графические изображения.
Основные элементы графического интерфейса:
·окно (окно браузера, диалоговое окно, модальное окно, плавающее окно)
·меню (главное, всплывающее, контекстное, системное)
·виджеты/элементы управления/контролы (аккордеон, кнопка, радио-кнопка, чек-бокс, значок (иконка), список, панель инструментов, дерево, полоса прокрутки, ползунок, строка состояния, тултип (подсказка) и др.)
·вкладка
·элементы взаимодействия: курсор мыши, текстовый курсор, поинтер (“ладошка”), курсор перетаскивания и др.
Основные моменты при проверке GUI:
| № | Параметры проверки GUI | Да | Нет | Комментарии |
| расположение, размер, цвет, ширина, длина элементов; возможность ввода букв или цифр | ||||
| реализуется ли функционал приложения с помощью графических элементов | ||||
| размещение всех сообщений об ошибках, уведомленией (а также шрифт, цвет, размер, расположение и орфография текста) | ||||
| читабелен ли использованный шрифт | ||||
| переходит ли курсор из текстового в поинтер при наведении на активные элементы, выделяются ли выбранные элементы | ||||
| выравнивание текста и форм | ||||
| качество изображений | ||||
| проверить расположение и отображение всех элементов при различных разрешениях экрана, а также при изменении размера окна интерфейса (проверить, появляется ли скролл) | ||||
| наличие в тексте орфографических и пунктуационных ошибок | ||||
| появляются ли подсказки (если есть необходимость) | ||||
| унификация дизайна (цвета, шрифты, текст сообщений, названия кнопок и т. д.) |
Наиболее распространенные ошибки:
·курсор не переходит в поинтер при наведении на активный элемент
·орфографические и грамматические ошибки
·не ровное расположение полей ввода в формах, самих форм
·неправильное отображение элементов при смене размера окна браузера и масштаба страницы
·изменение размера текста при смене языка
·неровное расположение форм
·разные шрифты
·выбранные элементы не отличаются от не выбранных
Общие проверки:
·Вид элементов при уменьшении окна интерфейса + появление скрола
·Правильность написания текста + текст должен быть выровнен
·Правильность перемещения фокуса в окне (Tab / Tab+Shift)
·Выбранные элементы выделяются
·Неизменяемые поля выглядят одинаково и отличаются от редактируемых
·Желательно не использовать двойной клик
·Проверка наличия нужных нотификейшенов (сообщений программы)
·Унификация дизайна (цвет, шрифт, размер)
·При необходимости должны быть подсказки
·Изменение вида элемента при его фокусировании
·Если формы дублируются, то должны быть одинаковые названия
Дополнительные проверки для форм
Текстовое поле
·Проверить выделение текста с помощью Ctrl+A / Shift+стрелка
·Проверка ввода длинного текста
Радио-баттон
·Расположение возле соответствующего текста
·Переключение кнопок с помощью клавиатуры
Чек-боксы
·Установить чек-бокс кликом и пробелом
·Расположение возле соответствующего текста
Выпадающие списки
·Должна быть функция прокрутки
·Должны располагаться по алфавиту (если текст), по возрастанию (если числовые значения)
·Если элемент был выбран, то должен находиться сверху либо обозначен, что он выбран
Поп-ап
·Расположение по центру окна
Основные правила юзабилити:
Основная функция приложения понятна с первого взгляда.
Все кликабельные элементы понятны, удобны, видны.
Пользователь может быстро вернуться на предыдущий экран.
Пользователь быстро находит нужную информацию в списках.
При выходе из приложения данные сохраняются.
ЧЕК-ЛИСТ ДЛЯ ОЦЕНКИ WEB-ИНТЕРФЕЙСА
Контент:
1.Все копирайтинговые тексты откорректированы. Грамматика и орфография не вызывает сомнения.
2. Все параграфы, заголовки, статьи не содержат ошибок.
3.Контактные данные организации точны.
4.Картинки и анимация на нужных местах, отформатированы и работают исправно на всех девайсах.
5.Видеофайлы на своих местах, отформатированы и воспроизводятся на всех девайсах.
6.Аудиофайлы отформатированы и воспроизводятся на всех девайсах.
7.Весь премиум контент: тематические исследования, ebooks, статьи — откорректированы. Нет грамматических и орфографических ошибок.
8.Весь премиум контент: тематические исследования, ebooks, статьи – хранятся в соответствующих библиотеках / базах данных и работают исправно.
9.Права на иллюстрации, шрифт и другой контент лицензированы и/ или отмечены ссылкой.
Дизайн и front end:
1.Сайт корректно отображается в любом браузере (IE 7 8, 9 и 10, Firefox, Chrome, Safari).
2.Сайт корректно отображается на всех портативных девайсах (Android, iOS).
3.Скрипты оптимизированы на всех веб-страницам.
4.Изображения оптимизированы на всех страницах.
5.CSS оптимизированы на всех страницах.
6.Favicon (иконка сайта) на своем месте и отображается правильно.
7.Стиль абзацев выдержан (заголовки, статьи, блок с цитатами).
Функционал:
1.Формы для предоставления данных верны и работают.
2.После заполнения формы пользователь видит страницу с благодарностью и/или получает специальное письмо.
3.Авто-ответ должен работать исправно (если используется).
4.Внутренние ссылки работают на всех страницах.
5.Внешние ссылки работают на всех страницах и открываются в новых вкладках.
6.Иконки социальных сетей работают правильно.
7.RSS, новости, социальные сети работают без помех.
8.Логотип компании ведёт на стартовую страницу.
9.Время загрузки каждой страницы оптимизировано.
10.Включена переадресация на страницу об ошибке 404. (page-not-found.aspx).
11.Интеграция со сторонними инструментами, такими как: CRM, программное обеспечение электронной коммерции, и/или маркетинговые платформы настроены и протестированы.
SEO:
1.Каждая страница имеет уникальное название.
2. У каждой страницы уникальное метаописание.
3.На странице есть ключевые слова.
4.RSS-лента настроена правильно.
5.Ссылки на социальные сети настроены правильно.
6.Alt теги добавлены к каждому изображению.
7.На сайте создана динамическая XML карта.
8.На сайте создан и настроен файл Robots.txt.
9.Прописаны человекопонятные URL-адреса.
10.Настроен 301 редирект.
Аналитика:
1.Установлены и настроены счётчики Яндекс и Google.
2.Правильно настроено отслеживание целей в в системах статистики.
3.Аккаунты Google Webmaster и Google Analytics синхронизированы.
4.Google AdWords и Google Analytics синхронизированы (если необходимо).
Безопасность и резервное копирование:
1.24/7 скрипты мониторинга установлены.
2.Копия окончательной версии сайта сохранена в резерве.
3.Текущие копии сайта создаются и хранятся на регулярной основе.
4.Пароли и другие учетные записи сайта хранятся в защищенной базе данных.