Разработка структуры сайта
Для разработки структуры сайта используется программа XMind, приложение для создания интеллектуальных карт. Программа XMind позволяет в наглядной форме смоделировать действия посетителя на веб-странице.
- Главный принцип удобного интерфейса – простота и понятность. Исследования показали, что каждое дополнительное поле формы заказа снижет конверсию на 20%.
- Пользователи привыкают получать определенные услуги в сходном формате, по постоянно повторяющейся стандартной схеме, заранее известной и ожидаемой в сервисах определенного рода.
- Проанализировать типовые алгоритмы и интерфейсы можно на сайтах ведущих конкурентов. Не следует отходить от общепринятых отраслевых стандартов, поскольку необычные форматы затрудняют поднимание – что и как делать для достижения желаемого результата.
С помощью программы XMind разработчик уточняет и адаптирует типовые структурные элементы в соответствии с особенностями конкретного бизнеса. В результате должна быть получена наиболее простая и понятная целевой аудитории схема действий на сайте.
Разработка прототипа сайта
Наилучшая конверсия достигается в формате «одна страница – одна цель». Общая архитектура сайта формируется как система достижения всех целей бизнеса в рамках логично организованной структуры разделов и страниц.
Следует понимать отличие прототипа от макета. Макет сайта – это визуальное решение дизайна пользовательского интерфейса в графическом формате. Прототип – это функциональная блок-схема, дающая преставление о работе ресурса в целом в качестве сервиса по предоставлению определенного списка услуг.
Прототип простого сайта можно нарисовать от руки на одном или нескольких листах бумаги. Такой прототип называется статистическим, так не обладает интерактивность. Работать со статистическим прототипом масштабного ресурса, состоящего из множества разделов и сотен страниц сложно и неудобно.
Цена на прототипирование сайта определяется масштабностью и срочностью работы.
Для создания динамических прототипов, позволяющих наглядно продемонстрировать, как работают все элементы сайта, применяется специальное программное обеспечение.
- Графические приложения. PhotoShop. Можно создавать прототипы методом перетаскивания элементов. Поддерживается многостраничная структура документа. К недостаткам относятся ограниченная интерактивность, сложность освоения.
- Визуальные редакторы. Dreamweaver. Хорошая поддержка интерактивности. Возможность работать над большими сайтами. Доступность кода для ручного редактирования.
- Онлайн-сервисы. iPlotz. Плюс – удобство удаленного доступа и командной работы над проектом.
Расширенные возможности для разработки прототипов профессионального уровня представлены в программе Axure RP Pro.
- Полностью кликабельные прототипы.
- Импорт во множество форматов файлов.
- Поддержка мастер-страниц.
- Структурирование сайта в отдельном окне.
- Задание множества свойств и функций элементам сайта.
Программа Axure RP Pro – профессиональный инструмент для работы над структурами сайтов. Динамичность создаваемых прототипов позволяет практически изучать и отлаживать функционирование интерфейсов с точки зрения удобства достижения целей.
