Проектирование сервиса Webinar.ru

•

О проекте Webinar

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

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

Задачи

В итоге мы поставили для себя такие задачи:

Перепроектировать сервис заново, используя лучшие мировые практики и исследования пользовательских потребностей;

Ускорить путь нового лектора к созданию и проведению первого вебинара;

Улучшить взаимодействие, исправить моменты где пользователи теряются или не понимают как что-то настроить;

Обновить стиль сервиса, сделать его более современным.

Команда Вебинаров, немного подумав решилась вместе с нами пройти этот путь глобальных изменений.

Что в итоге

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

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

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

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

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

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

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

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

Сам вебинар, стал современнее и легче для восприятия. Чистые белые экраны настройки и создания с правильно выстроенными цветовыми акцентами и черный не отвлекающий экран для самого вебинара. Минимальное количество графики с максимальным количеством смысла.

Проведение вебинара с окном чата

Навигация

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