62
Таблица 8 - формы "ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК»
Действие
Тестовые данные
Отклик
Нажатие
кнопки
«заказать»
Имя = «»
Телефон= «»
Поля подсвечиваются красным цветом, под полями
отображаются подсказки с указанием необходимых
действий
Имя = «тест»
Телефон= «»
Поле «Номер» подсвечиваются красным цветом,
под ним отображается подсказка с указанием
необходимого действия
Имя = «»
Телефон= «+7(111)1111111»
Поле «Имя» подсвечиваются красным цветом
Имя = «11111»
Телефон= «+7(111)1111111»
Открывается страница благодарности. Заявка
отправляется на почту, в заявке отобажается Имя:
«11111» Телефон : +7(111)1111111
Ввод букв в
поле
«Номер»
Телефон= «абв»
Ввод не осуществляется
Таблица 9 - формы «ЗАКАЗАТЬ СБИС» (в первом блоке)
Действие
Тестовые данные
Отклик
Нажатие кнопки
«заказать»
Имя = «»
Телефон= «»
Поля подсвечиваются красным цветом, под
полями отображаются подсказки с
указанием необходимых действий
(результат тестирования изображен на
рисунке 19)
Имя = «тест»
Телефон= «»
Поле «Номер» подсвечиваются красным
цветом, под ним отображается подсказка с
указанием необходимого действия
Имя = «»
Телефон= «+7(111)1111111»
Поле «Имя» подсвечиваются красным
цветом
Имя = «11111»
Телефон= «+7(111)1111111»
Открывается страница благодарности.
Заявка отправляется на почту, в заявке
отобажается Имя: «11111» Телефон :
+7(111)1111111
Ввод букв в поле
«Номер»
Телефон= «абв»
Ввод не осуществляется
Таблица 10 - формы «ОТПРАВИТЬ ЗАЯВКУ» (в шестом блоке)
Действие
Тестовые данные
Отклик
Нажатие
кнопки
«Оставьте
заявку и
получите
установку
бесплатно»
Имя = «»
Телефон= «»
Поля подсвечиваются красным цветом, под
полями отображаются подсказки с указанием
необходимых действий
Имя = «тест»
Телефон= «»
Поле «Номер» подсвечиваются красным цветом,
под ним отображается подсказка с указанием
необходимого действия
Имя = «»
Телефон= «+7(111)1111111»
Поле «Имя» подсвечиваются красным цветом
Имя = «11111»
Телефон= «+7(111)1111111»
Открывается страница благодарности. Заявка
отправляется на почту, в заявке отобажается Имя:
«11111» Телефон : +7(111)1111111
Ввод букв в
поле
«Номер»
Телефон= «абв»
Ввод не осуществляется
Тестирование формы «ОТПРАВИТЬ ЗАЯВКУ НА ПРЕЗЕНТАЦИЮ»
(в восьмом блоке) представлено в таблице 11.
63
Таблица 11 - формы «ОТПРАВИТЬ ЗАЯВКУ НА
ПРЕЗЕНТАЦИЮ» (в восьмом блоке)
Действие
Тестовые данные
Отклик
Нажатие
кнопки
«Отправить
заявку и
получить
презентацию»
Имя = «»
Телефон= «»
Поля подсвечиваются красным цветом, под
полями отображаются подсказки с указанием
необходимых действий
Имя = «тест»
Телефон= «»
Поле «Номер» подсвечиваются красным
цветом, под ним отображается подсказка с
указанием необходимого действия
Имя = «»
Телефон= «+7(111)1111111»
Поле «Имя» подсвечиваются красным цветом
Имя = «11111»
Телефон= «+7(111)1111111»
Открывается страница благодарности. Заявка
отправляется на почту, в заявке отображается
Имя: «11111» Телефон : +7(111)1111111
(результат тестирования изображен на рисунках
20 и 21)
Ввод букв в
поле «Номер»
Телефон= «абв»
Ввод не осуществляется
Тестирование формы «ЗАКАЗАТЬ СБИС» (в третьем блоке)
представлено в таблице 12.
Таблица 12 - формы «ЗАКАЗАТЬ СБИС» (в третьем блоке)
Действие
Тестовые данные
Отклик
Нажатие кнопки
«Отправить
заявку и получить
Установку
бесплатно»
Имя = «»
Телефон= «»
e-mail= «»
Поля подсвечиваются красным цветом, под
полями отображаются подсказки с указанием
необходимых действий (результат
тестирования изображен на рисунке 22)
Имя = «тест»
Телефон= «»
e-mail= «»
Поле «Номер» и «e-mail» подсвечиваются
красным цветом, под ним отображается
подсказка с указанием необходимого
действия
Имя = «»
Телефон= «+7(111)1111111»
e-mail= «»
Поле «Имя» и «e-mail» подсвечиваются
красным цветом
Имя = «11111»
Телефон= «+7(111)1111111»
e-mail= «»
Поле и «e-mail» подсвечиваются красным
цветом, под ним отображается подсказка с
указанием необходимого действия
Имя = «11111»
Телефон= «+7(111)1111111»
e-mail= «абв»
Поле и «e-mail» подсвечиваются красным
цветом, под ним отображается подсказка с
указанием необходимого действия
Имя = «Олег»
Телефон= «+7(111)1111111»
e-mail= «0@mail.ru»
Открывается страница благодарности. Заявка
отправляется на почту, в заявке отобажается
Имя: «Олег» Телефон : +7(111)1111111, e-
mail: 0@mail.ru
Нажатие на
ссылку политика
конфиденциально
сти
-
Открывается страница с политикой
конфиденциальности
Ввод букв в поле
«Номер»
Телефон= «абв»
Ввод не осуществляется
64
Местонахождение элементов, цветовая гамма, наличие кнопок и
дизайнерских элементов соответствует дизайн-макету.
Рисунок 17- Результат тестирования ссылки «политика
конфиденциальности» (в восьмом блоке)
Рисунок 18 - Результат тестирования галереи отзывов
65
Рисунок 19 - Результат тестирования формы «ЗАКАЗАТЬ СБИС» (в
первом блоке)
Рисунок 21- Результат тестирования формы «ОТПРАВИТЬ
ЗАЯВКУ НА ПРЕЗЕНТАЦИЮ» (вид заявки, приходящей на почту
менеджера)
66
Проверка валидности кода осуществляласт с помощью сервиса The
W3C Markup Validation Service. Результат проверки представлен на рисунке
23.
Рисунок 21- Результат тестирования формы «ОТПРАВИТЬ
ЗАЯВКУ НА ПРЕЗЕНТАЦИЮ» (вид страницы благодарности)
Рисунок 22 - Результат тестирования формы «ЗАКАЗАТЬ СБИС»
(в третьем блоке)
67
Довольно таки неплохой результат, ведь проверка большинства
ресурсов выдаст десятки и даже сотни ошибок. Веб-сайтов, которые бы
полностью соответствовали стандарту W3C на самом деле очень мало, к тому
же все ошибки, которые нашел валидатор кода, можно исправить.
Рисунок 23 – Проверка валидности кода с помощью сервиса The W3C
Markup Validation Service
Для проверки кроссбраузерности интернет-ресурса использовался
сервис Browsershots.
Результат проверки представлен на рисунке 24.
68
Рисунок 24 - Результат проверки кроссбраузерности с помощью
сервиса Browsershots
3.2.3. Развитие и продвижение
Чтобы веб-приложение приносило новых клиентов, были проведены
работы в нескольких направлениях:
Созданы новые акции и предложения. Совместно с заказчиком
были сформулированы основные акции и спецпредложения. Для усиления их
эффекта используется установление дед-лайнов – ограничений действия по
времени, в данном случае, акций и спецпредложений. Дед-лайны
обновляются частично в ручном, частично в автоматическом режиме.
Установлен виджет стороннего сервиса для простой связи с
менеджером.
Были установлены счётчики Яндекс Метрики и Google Adwords для
отслеживания поведения посетителя и внесения соответствующих
коррективов. Сводная, карта скроллинга и карта кликов в сервисе Яндекс
Метрика представлены на рисунках 25,26 и 27 соответственно.
69
Рисунок 25 – Сводная собранных счётчиком Яндекс Метрики
данных.
Рисунок 26 - карта кликов в сервисе Яндекс Метрика.
70
Рисунок 27 - карта скроллинга в сервисе Яндекс Метрика
В качестве перспектив дальнейшего развития сайта, имеет смысл внести
следующие коррективы и дополнения:
Проработать аспект поисковой оптимизации, в частности: добавить
в код метатеги, способствующие повышению позиции веб-приложения в
поисковой выдаче;
Создать и запустить рекламные кампании. Для данной тематики
уместно размещать контекстную рекламу в Яндекс Директ (как в поисковой
выдаче, так и в рекламной сети Яндекса), в Google Adwords (как в поисковой
выдаче, так и в контекстно-медийной сети Google).
Выводы: в третьей главе установлены основные цели и задачи
разрабатываемого веб-приложения, проанализирована целевая аутитория
ресурса, составлено техническое залание, приведённое во вложении.
Далее с помощью программы Photoshop был разработан дизайн-макет,
по которому была выполнена вёрстка, а затем и создание программных
блоков веб-приложения. Созднный проект был заргужен на хостинг, там же
был приобретено доменное имя, CMS было решено не использовать.
Для дальнейшей эффективной работы веб-приложения, было
проведено тестирование функциональных элементов, валидности кода и
71
кроссбраузерности вёрстки. Так же установлены системы сбора
статистическо информации и поведенческих факторов пользователя,
приведены рекомендации для дальнейшего развития и продвижения ресурса.