Проектирование интерфейсов пользователя и оценка удобства использования платформы MGO
Введение
Мы живем в эпоху больших изменений. Интернет и доступ к технологиям для современного человека становятся необходимым атрибутом существования. Доступность для изучения других культур размывает национальные и территориальные различия.
Дизайн в текущих условиях становится новым, общим для всех языком коммуникации. Пиктограммы унифицируют понятия окружающего мира. Система дизайна работает с образами виртуального и предметного мира, задействована в проектировании, создании, трансляции вербальной и визуальной информации, и именно она должна сыграть одну из важных ролей в оптимизации пути развития мультимедийной культуры. При этом, как отмечает А. А. Мещанинов, «цивилизационные подвижки <...> выдвигают на первый план задачи развития культурных качеств коммуникационного интерфейса и дизайна мультимедиа». Дизайн интерфейса, по мнению автора, это «область информационного контакта человека с искусственным окружением, зона диалога».
Дизайн давно не воспринимается как абстрактная наука о красоте, специалисты области неустанно обращают внимание новичков профессии на то, что дизайн призван решать конкретные задачи и делать продукты жизнеспособными и легкими в использовании. Более того, суть дизайна находится на стыке потребностей бизнеса, людей и технологической реализуемости.
Рис. 1. Фрагмент из презентации доклада «Что разработчикам интерфейсов нужно знать о дизайне» Константина Горского (2012 г.)
Тема моего исследования: разработка пользовательского интерфейса платформы для размещения и прохождения онлайн марафонов.
Раскрывать тему в данной работе мы будем с помощью поэтапного развития идеи сервиса: продумаем архитектуру, внутреннюю структуру сайта, предложим пользовательские механики, сценарии взаимодействия с ресурсом. Потом мы перейдем к прототипированию сайта.
Объект исследования: платформа для создания и прохождения онлайн-марафонов MGO, проектирование сайта и разработка его дизайна, а также пользовательский опыт.
Целевая аудитория проекта: активные пользователи социальных сетей (в первую очередь Instagram), которые создают и запускают собственные онлайн-марафоны для своей аудитории, а также участники этих марафонов.
Предмет данного исследования: разработка интерфейса платформы для создания и прохождения онлайн-марафонов MGO
Цель данной работы: проанализировать ключевые принципы построения архитектуры сайта, прототипирования и разработки образовательных платформ, и разработать дизайн-концепцию IT продукта.
Одной из важнейших книг по теме создания интерфейсов является книга Голдена Кришны «Хороший интерфейс -- невидимый интерфейс».
Важным кажется концептуализация ключевых понятий, встречающихся в данной работе, для выстраивания дальнейшей коммуникации с читателем.
Интернет-марафон - это мероприятие, которое проводится в режиме онлайн, длится несколько дней и посвящено определенной теме. Например заработок в интернете, духовные практики, поиск внутренней мотивации, изменение жизни к лучшему, тайм-менеджмент, творчество - и многое другое.
Дизайн (от англ. design - замысел, проект, чертеж, рисунок) - термин, обозначающий различные виды проектировочной деятельности, имеющей целью формирование эстетических и функциональных качеств предметной среды.
Веб-дизайн / web-дизайн - проектирование интерактивных web проектов, в задачи которых входит разработка пользовательских веб-интерфейсов для сайтов или веб-приложений.
Юзабилити - или пригодность использования, это качественная характеристика системы, при которой пользователь в состоянии применить продукцию для достижения установленных целей. Качественный показатель юзабилити оценивается по 5 критериям:
o Легкость освоения;
o Эффективность (как быстро пользователь ориентирется на сайте и совершает необходимые действия);
o Запоминаемость;
o Ошибки;
o Общая удовлетворенность от использования цифрового продукта.
Пользователь (от англ. user) - человек, взаимодействующий с цифровым продуктом.
Актуальность нашего исследования обусловлена высокой востребованностью дизайнерских решений для создания интернет-сервисов и образовательных продуктов. Сайты и приложения для онлайн-образования имеют большой потенциал. В 2016 году объем российского рынка онлайн-образования и образовательных технологий составлял 10,5 млрд рублей, в то время как объем мирового рынка оценивался в 107 млрд долларов. Совместный доклад East-West Digital News в партнерстве с Фондом общественного мнения, изданием Russia Beyond The Headlines, digital-платформой VB Profiles, изданием Rusbase, «Нетологией Групп», ФРИИ, Высшей школой экономики и агентством Сomscore утверждает, что мировой рынок демонстрирует ежегодный рост, а проникновение онлайн-образования составит 5,5% к 2020 году.
Общий тренд на цифровизацию образовательного процесса затронул и другие области. Частью тренда онлайн-образования является развитие сферы онлайн-марафонов.
Надо отметить, что для некоторых форматов уже есть востребованные сервисы. К примеру, заточенные на проведение вебинаров: eTutorium, Webinar.
Мы решили сузить нишу и преобразить сферу онлайн-марафонов. Проект развился во многом благодаря активной блогерской деятельности в соцсети Instagram моей коллеги по проекту, Екатерины Сырку, которая работает фитнес-тренером и запускала популярные онлайн-марафоны по совершенствованию фигуры. Ее можно считать тем самым главным героем, persona нашего проекта.
Мы долго и пристально наблюдали за эволюцией популярной соцсети Instagram, и можно с уверенностью сказать, что марафоны -- одна из важнейших тенденций, которую популяризируют многие популярные личности на платформе (так называемые инфлюенсеры, лидеры мнений). Уточним, что подписчиков в соцсети у этого человека должно быть больше 2000, потому что это -- некая критическая масса, необходимая тренеру для привлечения большого общественного внимания к марафону.
Внимательно изучив платформу и разных виды пользовательской активности на ней, мы пришли к выводу, что марафоны организованы не самым удобным образом: для их проведения создаются отдельные закрытые аккаунты в Instagram, оплата идет напрямую на карту тренеру (нередко в обход действующей в РФ системы налогообложения), а видео и PDF-файлы выкладываются на облачные хранилища (что делает их доступными для изменения, копирования и распространения третьим лицам). При использовании же платформы MGO у потребителя примерно втрое сокращается количество шагов до цели: запуска своего массового марафона.
Изначально мы с Екатериной участвовали в разработке другого проекта: сервиса, который бы органично интегрировал онлайн-курсы в образовательную систему НИУ ВШЭ. Предварительный питч проекта был проведен в рамках зачетного проекта -- хакатона курса «Продюсирование цифровых проектов». Проект был в целом успешно защищен проектной группой в конце первого года обучения. Чуть позже к нам присоединилась одногруппница Анастасия Дзебисова.
Впоследствии, при разработке темы и более детальной проработки проекта сервиса «ОК для ВШЭ», после проведенного глубинного интервью и составления мной подробной User Story Map выяснилось, что привлеченная для воплощения проекта группа разработчиков не сможет уложиться в отведенные на реализацию проекта сроки. Причин этому было несколько: мы запроектировали многоуровневую, сложную систему, которая требовала к тому же сбора и анализа данных с нескольких -- открытых и закрытых -- источников данных. В тот момент к нам пришло решение - сосредоточиться на частном проекте Екатерины, над идеей которого она какое-то время работала самостоятельно и параллельно -- сайта для проведения онлайн-марафонов.
Рис. 2. User Story Map для проекта «ОК для ВШЭ»
архитектура интерфейс сайт
Надо подчеркнуть, что для стартапов абсолютно нормальна практика тестирования продукта на всех этапах. Ошибаться в этой сфере -- не так критично, но чтобы «выжить», нужно соответствовать ожиданиям целевой аудитории. Приоритет ее мнения неоспорим. Поэтому мы взялись за новую тему, отметив, что вектор наших исследовательских и творческих предпочтений -- создание образовательного продукта -- не изменился.
Как распределилась нагрузка в проектной группе: Екатерина Сырку взяла на себя контентную часть проекта, Анастасия Дзебисова занялась созданием концепции платформы и управлением разработки программной части сайта, а темой моего исследования является проектирование интерфейса пользователя и оценка удобства использования платформы MGO. В своих работах мы попытаемся проанализировать базовые принципы и лучшие практики маркетинга, дизайна и контент-стратегий с целью экстраполировать этот опыт на разработку нашей платформы.
Важным кажется концептуализация понятий для выстраивания дальнейшей коммуникации с читателем данной работы.
Дизайн (от англ. design - замысел, проект, чертеж, рисунок) - термин, обозначающий различные виды проектировочной деятельности, имеющей целью формирование эстетических и функциональных качеств предметной среды.
Веб-дизайн / web-дизайн - проектирование интерактивных web проектов, в задачи которых входит разработка пользовательских веб-интерфейсов для сайтов или веб-приложений.
Интернет-марафон - это мероприятие, которое проводится в режиме онлайн, длится несколько дней и посвящено определенной теме. Например заработок в интернете, духовные практики, поиск внутренней мотивации, изменение жизни к лучшему, тайм-менеджмент, творчество - и многое другое.
Юзабилити - это качественный показатель удобства использования сайта, его качественный показатель, который оценивается по 5 критериям:
o Легкость освоения;
o Эффективность (как быстро пользователь ориентирется на сайте и совершает необходимые действия);
o Запоминаемость;
o Ошибки;
o Общая удовлетворенность от использования цифрового продукта.
В наше время почти невозможно не проводить «зондирование почвы» на предмет конкурентных наработок в желаемой области. Не заняты обычно только очень узкие ниши. В бизнесе есть ключевое понятие «уникальное торговое предложение». Это выдающаяся характеристика продукта или бренда, на которой можно выстроить позиционирование и рекламную кампанию; обычно УТП используется для дифференциации. Так вот, уникальное торговое предложение как раз помогает отделить свой продукт от продуктов конкурентов, выстроить вокруг него иную коммуникационную среду, придать ему иную ценность.
Именно этой задаче будут подчинены наши действия по построению платформы для онлайн-курсов и марафоном MGO (Marathon GO!).
1. Дизайн сайта: методология разработки
1.1 Основы и актуальные тренды веб-дизайна
Разработке платформы способствовало изучение конкурентной среды. Подробнее о маркетинговом позиционировании вы сможете прочитать в работе участницы моей проектной группы Дзебисовой Анастасии «Создание концепции и управление разработкой программной части платформы MGO (платформы для размещения и прохождения онлайн марафонов)».
Мы не нашли абсолютно идентичных нашему проектов на российском рынке, и считаем, что ближайшие наши конкуренты - это платформы для создания и размещения онлайн-курсов и вебинаров. При этом мы не рассматриваем самые большие и популярные площадки, такие как Coursera, «Открытое образование», edX. Итак, наши ближайшие по содержанию и позиционированию конкуренты:
1) GetCourse
Платформа для продажи и проведения обучения -- для тренеров, преподавателей, инфо-бизнесменов. В базе представлены семинары, тренинги, курсы, очные и онлайн-занятия (см. Приложение №3).
У этой платформы другая схема монетизации, есть аналитика, дополнительные услуги за дополнительную оплату, встроенная рассылка. У файлового хранилища есть лимит, поэтому создатель курса платит и за пользователей, и за занимаемое его материалами место.
2) Isping
Нацелен больше на корпоративное онлайн-обучение. Платишь за создание онлайн-курса, но не зарабатываешь. «Запустите учебный портал и прокачивайте сотрудников» -- их основной посыл к аудитории (см. Приложение №2).
После анализа конкурентной среды мы обратили внимание, что эти сайты в основном придерживаются стратегии представления всей ключевой информации на одном экране. В эпоху соцсетей, действительно, важно привлечь внимание публики, сразу донести всю ключевую информации и поймать на крючок, чтобы пользователь вернулся на сайт. Для этого используется понятие призыва к действию, или call-to-action. Чаще всего целевое действие - это оставление пользователем своей контактной информации: электронной почты, ФИО и/или номера телефона. Впоследствии для возвращения человека на сайт используются контентные стратегии, рассылки с просьбой подтверждения регистрации, или спецпредложения, письма корпоративного блога.
Одностраничные сайты имеют более высокие конверсионные показатели. К тому же, мы учитываем тот факт, что наша целевая аудитория активно пользуется Instagram. Значит, она привыкла к одному экрану и процессу постоянного скролла ленты. Она определенно относится к так называемым визуалам и любит красочные фотографии.