Разработка пользовательских интерфейсов.

Для достижения максимальной отдачи от интернет проекта (а для интернет-магазина — это максимальное кло-во продаж) необходим предварительный анализ рынка компании Заказчика, анализ потенциальной целевой аудитории проекта. Ведь, казалось бы, создан привлекателньый дизайн, проводится маштабная рекламная компания, проект посещяем, возможно даже популярен, но... Продажи не идут, проект «не живет». В чем же причина?

И что?

Изначально Заказчик весьма смутно представляет цели и задачи ставящиеся перед его интернет проектом. В основном — это общее представлениее по принципу нравится-ненравится (он так думает, он где-то это увидел), а что с того? Ведь сайт должен быть не столь красивым, как в первую очередь, функциональным. Ведь для посетителя важнее как быстро он может найти искомое и как максимально просто оформить заявку/покупку на найденое.

В этом первая задача дизана — функциональность и удобство пользования! Значит нужен удобный, эргономический интерфейс.

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

Реализация

  • Определяются цели и задачи ставящихся перед проектом.
  • Определяется целевая аудитория — круг людей наиболее заинтересованных в приобретении данного товара или услуги (по полу, возрасту, уровню жизни и т. д.).
  • Проводится анализ конкурентов (проекты конкурентов существующих в интернете).
  • Проводится анализ лидеров данного направления (как мировых так и региональных).
  • Выявляются наиболее удачные решения среди конкурентов.
  • Определяются типовые пользовательские сценарии: взаимодействие пользователей с интерфейсом интернет проекта.
  • Определяются наиболее значимые разделы, их влияние на внимание, разрабатываются основные потоки навигации.
  • Готовится структура проекта, навигация по интернет проекту, разрабатываются модульные матрицы.
  • Разрабатывается пользовательский интерфейс удобный не только с точки зрения пользователя но и поисковых систем — оптимизированный внутрений код под поисковые роботы, облегчая им индексацию всего проекта.

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

Результат

Заказчик получает подробный отчет с анализом преимуществ и недостатков в реализованных пользовательских интерфейсах проектов — конкурентов.

Совместно с Заказчиком утверждается функциональная спецификация интернет проекта, включающая формализированные типовые пользовательские сценарии, модульные матрицы.


Проектирование.

Проектирование (разработку) пользовательского интерфейса начинаем обычно1 с формализации функциональных требований, которым должен отвечать интернет проект в процессе эксплуатации (а именно: требования функциональности; требования удобства пользования — юзабилити; требования надежности и производительности, исключений).

Описываем функциональность системы через варианты использования (варианты использования — это описание последовательности действия пользователя и реакции системы на них).

Таким образом мы выясняем: какие результаты хочет всетаки достигнуть пользователь от системы. Варианты использования в нашем случае состоят из двоек вопрос-ответ: «что пользователь хочет от системы, какой результат ожидает от своих действий» и «как система должна отреагировать, какой ответ предоставить пользователю на его конкретное действие».

Далее, исходя из проведеного ранееанализа целевой аудитории, выделяем основных участников (акторов) и варианты использования, описываем сценарии — поведение актеров и их взаимодействие с системой (интернет проектом), определяем их значимость в проекте.

Результат

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

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

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

Далее создание дизайна: наша функциональность примеряет новые наряды от кутьюрье ;-) Разрабатываем дизайн в соответствии модульных матриц, навигации и элементов управления.

1. Зависит от объема проекта в целом. Зачастую основной инструмент интуиция, которая и позволяет создавать пользовательский интерфейс без составления таблиц вариантов взаимодействия.