Опыт Команды Google Primer: Создание Интерфейса Образовательного Приложения

Сандра Нам из команды дизайнеров Google опубликовано Примечание о том, как команда Google Primer подходит к реализации UX. В разделе «Интерфейсы» — перевод заметки Нема, подготовленный командой Faino Interactive для рассылки дизайнерам интерфейсов.

UX Фокс .



Опыт команды Google Primer: создание интерфейса образовательного приложения



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

Это не так просто, как может показаться на первый взгляд. Правда в том, что люди не склонны делать все возможное, чтобы узнать что-то новое.

Исследования подтверждают, что только 3% взрослых американцев тратят время на изучение чего-либо в течение дня.

Задумайтесь на минутку: несмотря ни на что – доступность информации и новых технологий, количество которых, кажется, растет как грибы после дождя, 97% людей не будут тратить время на активный поиск новых знаний для собственного развития.

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

Мы возлагали все надежды на UX. Есть несколько препятствий на пути обучения: вам нужно понять, чему, когда и как вы хотите научиться, и вам нужно посвятить этому время, деньги и энергию.

Это означало, что наш UX должен был выполнять двойную задачу: приложение должно было быть привлекательным и интуитивно понятным, и оно должно было преодолевать все факторы, которые мешают людям учиться.

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



1. Панель инструментов

Dashboard, или панель управления, чрезвычайно важна, поскольку это первое, с чем сталкиваются пользователи при запуске приложения.

В течение нескольких месяцев мы повторяли и создавали прототипы различных панелей управления.

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

Возможности были безграничны.



Опыт команды Google Primer: создание интерфейса образовательного приложения

Ранние прототипы панели управления Было очевидно, что нам нужно определить основной принцип, поэтому мы поставили себя на место пользователей.

Мы предположили, что людей, впервые запустивших приложение, можно разделить на три категории:

  • Пассивный: они познакомятся с приложением и изучат его функции.

  • Любопытный: они будут стремиться чему-то научиться, но не будут уверены, что именно.

  • Активный: у них будет представление о том, чему они хотят научиться.



Опыт команды Google Primer: создание интерфейса образовательного приложения

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

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

Для активных пользователей мы создали инструмент управления контентом: Очередь.

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



2. Уроки

Следующий элемент приложения — сами уроки.

По мнению Праймера, они должны служить приятным времяпрепровождением: познакомиться с ними можно в поезде или пока дети заняты просмотром мультфильмов.

Но следует отметить, что обучение требует вовлеченности.

Мы не можем позволить, чтобы пользователи просматривали контент, не задумываясь о нем.

Мы назвали наше решение «Ритмическое обучение».

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

Жесты прокрутки дают пользователю ощущение завершенности, которое возникает при просмотре каждой карточки или набора карточек.

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

Эти карточки разделены на наборы от 3 до 7, и как только заполнена последняя из набора, отображается следующая.

Это своего рода микродостижение, ведь пользователям не нужно ждать конца урока, чтобы понять, что они уже чему-то научились.

Иллюстрации также помогли нам в реализации этого элемента приложения.

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



3. Занятия

Третий и последний элемент нашего UX — это действия.

Мы остановились на трех типах взаимодействий, которые происходят на разных этапах: «На старте» (англ.

Quick Start) появляется в начале каждого урока; «Задания в середине урока» можно найти в процессе; и в конце есть надпись «Продолжить», чтобы сделать это сейчас (англ.

Do This Now).

Классы «Начало работы» предназначены для вовлечения пользователей в изучение темы урока.

Например, на уроке по поисковой рекламе вам нужно найти в куче одежды полосатые носки.

Урок в стиле «Где УолдоЭ» иллюстрирует ценность отображения результатов поиска в первую очередь: в отличие от носков, затерянных среди предметов одежды, поисковые объявления выделяются среди результатов.

Данное взаимодействие не является тестом, оно помогает пользователям сразу задуматься о теме урока.



Опыт команды Google Primer: создание интерфейса образовательного приложения

В разделе «Начало работы» мы показываем преимущества «Где УолдоЭ» стиль поисковой рекламы.

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

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

Другой вариант — это практическое упражнение «да-нет» для формулирования пользователем понимания сложной темы.

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

Ответ очевиден, и в этом вся суть.

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

Опыт команды Google Primer: создание интерфейса образовательного приложения

Эта головоломка помогает объяснить тему урока доступным и интуитивно понятным способом.

Наконец, занятия «Начни сейчас» представляют практическую ценность для пользователей.

Как начать измерять коэффициенты конверсии веб-сайта? Готовы ли вы приобрести рекламное место? В результате уроки становятся более личными и ориентированными на действия.

Мы считаем, что лучший способ чему-то научиться — это применить это на практике, даже если это небольшой шаг к этому.



Опыт команды Google Primer: создание интерфейса образовательного приложения

Действия «Начни сейчас» персонализированы и требуют от пользователей заполнения полей.

Primer, как и все мобильные приложения, должен конкурировать за нишу и внимание пользователей.

Поэтому было очень важно разработать интересный, быстрый и информативный интерфейс.

Наш UX-дизайн направлен на то, чтобы обеспечить приятный опыт обучения — то, чем люди будут стремиться заниматься вместо еще одной стрессовой части своего дня.

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

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.