2. Основные параметры
тестирования интерфейса

 Определение цвета
 Определение шрифта
 Определение размеров и расположения элементов
интерфейса
 Проверка правописания
 Проверка валидности ссылок

3. Почти каждый из этих пунктов будет рассмотрен
с точки зрения двух типов приложений:

 Web-приложений
Абсолютное большинство
тулов для данной группы
представлено в виде
надстроек браузеров
 Desktop-приложений
Тулы для тестирования
Desktop-приложений
могут также
использоваться и для
тестирования Webприложений

4. Примечание

 Большинство надстроек для web-приложений
доступны для Mozilla Firefox, некоторые аналоги
разработаны для Google Chrome. Использование
данных надстроек в Internet Explorer и Opera
возможно посредством тестирования web-приложений
через надстройку Firefox для кросс-браузерного
тестирования TestIE

5. Тула для кросс-браузерного
тестирования TestIE

 Является платной (19$ в месяц на одного сотрудника).
 Доступна на официальном сайте
https://www.browserstack.com/
 Доступно более 200 браузеров и 6 операционных
систем
 Поддерживается также автоматизированное
тестирование
 Позволяет генерировать скриншоты для списка
конфигураций

6. Тула для кросс-браузерного
тестирования TestIE


7. Определение цвета
 Desktop- приложения
Web-приложения
 Eyedropper (ColorZilla)
Оба приложения бесплатные.
Надстройка для Firefox. Бесплатная.
 Pixie
https://addons.mozilla.org/ru/firefox/a
ddon/colorzilla/
http://www.nattyware.com/pixie.php
 PixelZoomer
Надстройка для Firefox. Бесплатная.
https://addons.mozilla.org/ru/firefox/a
ddon/pixelzoomer/
 Pipetka
http://monobit.ru/products/pipetka

8. Определение шрифта

Web-приложения
 Context Font
Надстройка для Firefox. Бесплатная.
https://addons.mozilla.org/ru/firefox/addon/cont
ext-font/
 WhatFont
Надстройка для Сhrome. Бесплатная.
https://chrome.google.com/webstore/detail
/whatfont/jabopobgcpjmedljpbcaablpmlmfc
ogm?utm_campaign=en&utm_source=en-etna-us-oc-webstrext&utm_medium=et
Desktop- приложения
 Font Matching Tool
http://www.lanmisoft.com/fontmat
chingtool.htm
Программа позволяет определить
принадлежность символа к тому или
иному шрифту с определенной долей
вероятности.
Платная (35$). Есть триал-версия с
ограниченным функционалом.
В триал-версии нет доступа к
шрифтам из базы программы
(используются только локальные
шрифты для сравнения).

9. Font Matching Tool


10. Определение размера
элементов приложения
Web-приложения
Desktop Сетка:
o GridFox (надстройка Firefox,
бесплатная)
https://addons.mozilla.org/enUS/firefox/addon/gridfox/
 Линейка:

 Линейка:
o MeasureIt (надстройка Firefox,
бесплатная)
https://addons.mozilla.org/enUS/firefox/addon/measureit/
PixelZoomer (Надстройка для
Firefox. Бесплатная)
https://addons.mozilla.org/ru/firefox/ad
don/pixelzoomer/
o
o Screen Calipers
http://www.iconico.com/caliper/
Платная (29,5$)
Есть триал версия с ограниченным
функционалом
o Solid Capture
Платная (30$)
http://www.solidcapture.com/ru/d
ownload-screen-capture

11. Проверка правописания

Web-приложения
 Spell Checker (надстройка
Firefox, бесплатная)
1 словарь по умолчанию, остальные
138 могут быть скачаны с сайта при
необходимости
https://addons.mozilla.org/enUS/firefox/addon/spell-checker/
Desktop- приложения
 Spell Checker
Бесплатная
http://spell.com.ru/index.php
?page=main
 Solid Capture (позволяет
перегнать скриншот в PDF,
затем в MS Word с
распознаванием слов, в
котором доступна проверка
орфографии).
Платная.

12. Проверка валидности ссылок
Актуально только для Web-приложений
 Link Evaluator

Надстройка FireFox. Бесплатная
https://addons.mozilla.org/en-US/firefox/addon/link-evaluator/

13. Проверка валидности ссылок
Актуально только для Web-приложений
 Xenu's link sleuth

http://home.snafu.de/tilman/xenulink.html
Бесплатный. Проверяет ссылки по всему сайту. Позволяет генерировать отчеты