Прототипирование интерфейсов и сайтов — новый подход, стремительно набирающий популярность

Зачем нужно проектирование сайта?
Прототип и шаблоны для Deviceberry, 2013 год. 

Чтобы сделать привлекательный и популярный сайт, необходимо в самом начале спроектировать функциональную и информационную структуру ресурса. В процессе данной стадии работ осуществляется разработка представления программы, ее информационной и функциональной составляющих. Также необходимо продумать интерфейс, чтобы навигация и построение страниц были максимально удобными для пользователя.

print-point-prototip
Прототип лендинга для PrintPoint, 2013 год. http://freeanykey.ru/pp/#p=лэндинг

Весь процесс проектирования сайта напоминает моделирование из конструктора. В конечном итоге можно наблюдать такую картину: составляющие конструктора применяются одинаковые, но в некоторых ситуациях мы получаем полезный и востребованный ресурс, а в других — сайт совершенно не понятного назначения. И в том, и в другом вариантах в результате создаются сайты, но с разной структурой. Связана подобная разнохарактерность может быть с низким профессионализмом разработчика, который не способен в полной мере увидеть ведущие задачи создания проекта при плохой организации работы. Конечно, сайт является отражением целей разработчиков и всегда должен быть удобным и полезным для посетителей. Высоким требованиям он может отвечать только при умелом построении контента.

Разработчики прототипа

Команда разработчиков

Структуру и интерфейс сайта разрабатывает группа людей, в которую включается руководитель или менеджер проекта, программист, архитектор интерфейсов, дизайнер и постановщик задач. Результатом работы команды является «макет» ресурса, включающий в состав перечень основных страниц с качественной информацией, функциональные составляющие, среди которых, например, функция поиска и форма регистрации, а также графические и навигационные компоненты для всех страниц.

Методология Уолта Диснея

Для подготовки успешного сайта, соответствующего должному уровню, существует ряд моделей, которые обеспечат полноценное воплощение проекта в жизнь. Одной из них считается модель Уолта Диснея, поскольку она отличается особенной исключительностью и легкостью создания ирреального мира. Это позволяет применять рассматриваемый подход как один из лучших для создания сайтов. Модель Уолта Диснея — образец креативности, воплощаемый в виде ролевой игры. Все участники данной методологии относятся к поставленной задаче под разными углами: c критической, реалистичной и творческой точек зрения.

Проектирование при таком подходе осуществляется в три последовательные стадии: концептуальное, логическое и физическое проектирование. Для полноценного понимания процесса необходимо изложить в подробностях выполнение каждой стадии.

Концептуальное проектирование

Иногда возникают такие ситуации, когда эффективность сайта достаточно сложно оценить. Тогда возникает вопрос — по каким параметрам можно проверить, что проект, над которым трудилось много людей, действительно окажется востребованным? Естественно, подойдет проверка количества посетителей, хотя данный критерий зависит от многих внешних параметров и считается условным. Тоже самое можно сказать и об остальных методах оценки.

Определение сценариев и целей
В бюро перед началом проектирования мы определяем приоритетные сценарии поведения пользователей и целевые действия. Сценарии пользовательского взаимодействия для PrintPoint, 2013 год. http://freeanykey.ru/pp/#p=сценарии

Самый объективный показатель, четко отражающий успешность ресурса — это достижение поставленной в самом начале цели. При этом, сайт выглядит как отличный инструмент, выполняющий все необходимые функции. В этом, как раз, и заключается методика концептуального проектирования, обеспечивающая постановку целей, задач и определение целевой аудитории сайта.

Сейчас пришло время изложения главных и второстепенных действий, чтобы достигнуть эффективного результата, выделения разделов сайта, состава и групп пользователей в соответствии с интересами. Как же можно проконтролировать поставленные цели?

Инструменты для замера и увеличения конверсии ресурса

Концептуальное проектирование
Достижение целей — самый важный показатель работы будущего сайта

Конверсия сайта представляет отношение количества посетителей, которые сделали на нем какие-либо конкретные действия, к общей величине посетителей, выраженное в процентах. Сейчас следует представить Яндекс.Метрику вместе с Google Analytics, чтобы определить их разницу. Яндекс.Метрика считается счетчиком посещений, устанавливаемым на сайт с использованием специального кода. Данный счетчик обеспечивает сбор всесторонней информации о посещаемости, а также позволяет сгруппировать посетителей по отдельным категориям и признакам.

Тут вам будет удобно следить за главными показателями эффективности сайта, осуществлять анализ поведения посетителей, наблюдать за отдачей от рекламных кампаний, оперативно выявлять изменения посещаемости, организовывать собственные информационные срезы по подходящим параметрам. Яндекс.Метрика совмещается с остальными сервисами компании, такими как Яндекс.Маркет и Яндекс.Директ, поэтому легко быстро собирать необходимые данные о посетителях и успешно управлять рекламой.

Достоинства Яндекс.Метрики (ЯМ):

dostoinstva-yandex-metriki

Ощутимым плюсом данного сервиса можно назвать демографию посетителей или возможность с высокой точностью получить сведения о том, из какого региона появился человек, посещающий сайт. Кроме того, информация будет полезной, так как на ее основе лучше подстраивается содержание сайта под интересы посетителей.

При использовании Яндекс.Метрики просто выбирать разные варианты предоставления статистики о ресурсе, например, по типу кружка, диаграммы или графика. Также удобно просматривать списки с последующим переходом на них.

Карта путей сайта является полезной опцией, позволяющей узнать, какое количество посетителей переходило на определенную страницу, сколько потратили времени на ней, куда затем переходили и как быстро покинули сайт. Данная информация очень полезна, когда, выясняется, например, что большая часть аудитории появляется на главной странице сайта, которую сразу покидает. В итоге, делается заключение, что главная страница не эффективна, и придется на ней менять рекламу или контент.

Google Analytics считается лучшим бесплатным инструментом, предлагаемым компанией Google Inc. для ведения статистики посетителей сайтов, которая собирается на сервере Google. Пользователь устанавливает лишь JavaScript-код на страницах собственного сайта. Бесплатная версия ограничена только 10 миллионами просмотров страниц ежемесячно, хотя пользователям с аккаунтом Google AdWords доступно отслеживание неограниченного количества просмотров страниц.

Достоинства Google Analytics (GA):

Достоинства Google Analitycs

Этот сервис обеспечивает настройку всех необходимых фильтров внутри вашего сайта. К примеру, в Яндекс.Метрике необходимо все время вводить новый код счётчика для любого отдельного поддомена с целью просмотра статистики поддоменов. Такой проблемы У Google Analytics не существует. Здесь легко обеспечить доступ к статистике ресурса другому пользователю. В Яндекс.Метрике в такой ситуации появляется ощутимая трудность. Чтобы разрешить доступ к статистике своего сайта другому человеку, здесь придется предоставить ему логин и пароль от аккаунта.

В статистике посещений GA есть намного больше информации, чем в ЯМ. Например, в Google Analytics это «Наложение данных на карту», «Обзор целей», «Автоматические и Персонализированные отчеты», «Популярное содержание». Отчеты помогают выявить, на какой стадии посетителям становится не интересен ресурс. После анализа вы сможете точно понимать, какие страницы нуждаются в изменении. С Яндекс.Метрикой это все недоступно, и приходится постоянно совершать массу переходов, которые не нужны.

В Google Analytics посредством поиска легко найти требуемую информацию. В Яндекс.Метрике же надо долго искать многие сведения. В Google Analytics присутствует полезная функция — добавление цели как регулярного выражения. Конечно, сервис очень полезен, поскольку позволяет отслеживать как конверсию ресурса в целом, так и для специально заданных страниц. Жаль, но в Яндекс.Метрике подобное отсутствует.

Логическое проектирование

На этой стадии важно придумать, как будет предоставлена информация: по разделам, времени, упорядочиванию в алфавитном порядке, по группам и так далее. Для сайта описания фильмов, например, поиск определенного видео можно сделать в качестве алфавитного указателя, по ролям, режиссеру и году выпуска. Применение различных способов охватывает сразу крупную аудиторию и обеспечивает быстрый поиск информации на сайте. Итогом логического проектирования являются структурные диаграммы, блок-схемы, а также другие способы, отражающие взаимосвязь частей ресурса.

Логическое проектирование
Один из обязательных этапов работы над прототипом — проектирование структуры будущего сайта

Физическое проектирование

Это стадия поиска проблем, которые связаны с технической организацией сайта. Здесь важно описать применяемые технологии, программное обеспечение, появление возможных проблем вместе с их устранением, а также способы обновления данных. После завершения стадии физического проектирования следует вернуться к первой стадии и оценить, не требуется ли какое-то изменение, потому что проект может переосмысливаться на других этапах. Именно стадия проектирования считается коренной при создании сайта. Правильно сделанное проектирование позволяет избежать трудностей на стадии программирования и при последующем развитии всего проекта.

Axure RP Pro
Скриншот из старой версии программы. http://www.axure.com/

Axure RP Pro

Это средство для визуального проектирования представлено программой для создания прототипов, а также спецификаций web-сайтов и приложений. Разработчиком является частная компания Axure, открывшаяся в 2002 году в Калифорнии. Axure RP Pro используется для уменьшения издержек при проектировании сайтов. Такое решение поможет быстро организовать рабочий «макет» сайта в режиме визуализации, а потом его выгрузить в стандартный язык документальной разметки html и просмотреть посредством браузера. Интерфейс ПО напоминает таковой в Microsoft Office 2003. Axure RP по качеству вполне доступно для постановки дальнейших целей дизайнерам и программистам. После создания прототипа появляется статический сайт, применяющий JavaScript — сценарный язык программирования. На сайте производителя в свободном доступе имеется документация и учебные материалы.

Axure RP Pro полезна для проектирования маленьких, но насыщенных по содержанию проектов и больших, но только на начальной стадии. Среди возможностей: программы легкость использования, простота настройки, использование изменений. Также Axure RP Pro включает такие опции, как создание интерактивных и функциональных образов, качественного дизайна, автоматизацию спецификаций и дополнительную возможность управления версиями.

Добавить комментарий

Ваш e-mail не будет опубликован.

Top