Редизайн сервиса
для создания соц. опросов

UX / UI
Социометр – это онлайн-сервис для создания социологических опросов, помогающий социологам собирать необходимые им данные.
В нем можно:

  • создать любое количество опросов;

  • в каждом из них, как в конструкторе, добавить вопросы с вариантами ответов, задать им необходимые свойства, установить связи и зависимости между следующими вопросами и вариантами ответов;

  • распределить опросы между интервьюерами, отслеживать и автоматически перераспределять в реальном времени количество квот;

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

  • Интуитивно непонятные иконки и форматы кнопок;

  • Много ненужной информации на экране;

  • Непродуманный user flow.
Скриншоты интерфейса до редизайна
Проблемы
Дизайн
Цвета
Клиент хотел оставить нейтральные цвета с серо-голубым оттенком
Шрифт
SF Pro Display
Иконки
Были упрощены иконки. Большую часть составляли те, что можно было заменить на привычные для пользователей, использующиеся в большинстве интерфейсов.
Была необходимость и в иконках, которые использовались только в этой специфике проекта. Например, «Нецелевое интервью», «Открытый ответ» и «Ответ исключение» – для них сложно подобрать изображение, которое бы идеально описывало это свойство, но в таких случаях при наведении была предусмотрена подсказка.
Список опросов
Добавлена удобная строка поиска по опросам, поиск по тегам.

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

Добавлена возможность создания часто-используемых «Избранных вопросов» для быстрого "перетаскивания" их на макет.
Если один вопрос связан с другим (входящие и исходящие вопросы), то на это указывает иконка с номером вопроса. Раньше это были реальные стрелки, которые тянулись от вопроса к вопросу через весь макет.
Исходящие
Входящие
Редактор исходящих вопросов
Отчеты
Расположила вертикально радиокнопки. Переработала текстовое содержание пунктов и объединила их в группы.

Вынесла поле отправки отчета по email и кнопку «Скачать» за пределы параметров выгрузки.
После
До редизайна
Made on
Tilda