ReadUp — кросс-платформенный инструмент, который помогает научиться читать на новом языке (учебный проект)
Продукт: ReadUp — бесплатный кросс-платформенный инструмент, который помогает научиться читать на новом языке.
ReadUp даёт простой доступ к базовым правилам чтения и упражнениям, чтобы пользователи могли получить и закрепить знания языка.
ReadUp ориентирован на тех, кто только начинает изучать язык, и особенно на тех, кто ищет обучение, построенное на методике.
Проблема
Люди, которые хотят выучить новый язык, сталкиваются с рядом трудностей: образовательные программы и приложения довольно дорогие и не всегда дают базу тем, кто начинает учить язык впервые. При этом иностранные языки сегодня очень нужны в жизни.
Цель
Разработать приложение, которое даёт бесплатный доступ к основам изучения иностранных языков и помогает людям улучшать свои знания.
Моя роль
UX‑дизайнер, отвечающая за решение для мобильного приложения по продаже билетов в кинотеатр
Обязанности
Исследование пользователей, интервью, бумажные и цифровые вайрфреймы, прототипирование низкой и высокой детализации, юзабилити-тестирование, учёт доступности и итерации дизайна.
Исследование пользователей: итоги
Я провела интервью, составила карты эмпатии и персоны, чтобы лучше понять пользователей будущей платформы. Также я провела вторичное исследование, чтобы выявить проблемы, с которыми люди сталкиваются, когда пытаются освоить новый язык с помощью приложений.
Большинство пользователей говорили о том, что приложения и курсы для изучения языков стоят дорого. Исследование также выявило проблемы, связанные с методикой обучения. Когда обучение сразу начинается с пополнения словарного запаса и упражнений, это расстраивает новичков и ухудшает пользовательский опыт.
Персоны
Роман
Формулировка проблемы:
Роман — взрослый работающий человек, который недавно переехал. Ему нужно освоить основы иностранного языка, чтобы быстрее адаптироваться в новой стране, ориентироваться по городским указателям и общаться с местными жителями
Ольга
Формулировка проблемы:
Ольга — работающая мама, которой нужно увлечь ребёнка изучением важных навыков, потому что она хочет, чтобы ребёнок проводил свободное время с пользой и у него было светлое будущее
Алиса
Формулировка проблемы:
Алиса — активная школьница, которой нужно практиковать новый язык в формате игры, потому что учёба кажется ей скучной, но расстраивать родителей она не хочет
Макс
Формулировка проблемы:
Макс — работающий взрослый, который хочет открыть для себя новые карьерные возможности. Ему нужно легко освежить знания, чтобы продолжить изучение языка, ведь работа за границей позволит ему повысить доход
CJM (карты пути пользователя)
Каждая карта пути пользователя отражает точку зрения одной из персон:
Конкурентный анализ
Анализ нескольких продуктов-конкурентов показал, какие пробелы и возможности стоит закрыть в приложении ReadUp.
Генерация идей
Я провела короткую сессию генерации идей, чтобы найти способы закрыть пробелы, выявленные в ходе конкурентного анализа. Основное внимание я уделила тому, как подать информацию о базовых правилах чтения.
Цифровые вайрфреймы
После генерации идей и набросков бумажных вайрфреймов я создала первые макеты приложения ReadUp. В них я сфокусировалась на персонализации учебной программы и прохождении первых уроков.
Прототип низкой детализации
Для юзабилити-тестирования я собрала прототип низкой детализации, который объединил user flow: запуск приложения, прохождение персонализации и первые два урока (примеры).
Юзабилити-тестирование: параметры
- Тип исследования
- Модерируемое юзабилити-тестирование
- Место проведения
- Удалённо (Грузия, Беларусь, Вьетнам)
- Участники
- 5 участников
- Длительность
- 30–40 минут
Юзабилити-тестирование: результаты
Основные выводы, которые дало юзабилити-тестирование:
-
Лёгкий старт Людям нужен быстрый доступ к приложению, чтобы решить, будут ли они им пользоваться, поэтому многошаговые персонализация и онбординг вызывают раздражение
-
Автовоспроизведение Людям нравится, что в приложении можно слушать звуки, но они хотят, чтобы их предупреждали об автовоспроизведении, а ещё лучше — чтобы по умолчанию оно было выключено
-
Обзор программы Люди хотели видеть обзор всей программы и свой прогресс в обучении
-
Заметки Люди хотели сохранять сложные правила и подсказки в профиле, чтобы возвращаться к ним.
-
Геймификация Некоторым хотелось больше игровых механик в прототипе, потому что им не хватает мотивации; в то же время другие отмечали, что не хотят, чтобы их засыпали похвалами и экранами успеха
-
Понятный прогресс и цели Людям важно ясно понимать, как быстро они смогут достичь своей учебной цели, и получать уведомления о прогрессе по мере прохождения программы шаг за шагом
Макеты
На основе инсайтов юзабилити-тестирования я внесла изменения в дизайн: добавила понятный обзор всей программы и дополнила его формулировками целей для каждого раздела.
Также я убрала лишние шаги при переходе к следующему уроку
Я добавила предупреждение об автовоспроизведении звуков в приложении и возможность отключить его прямо на том же экране.
Среди других изменений — пересмотр сценариев и сокращение количества переходов между экранами. На экран успешного завершения урока я добавила информацию и CTA для запуска следующего урока.
Также я добавила легенду о механиках приложения: теперь за уроки пользователь получает звёзды, которые открывают доступ к бесплатным книгам, а конфетти в анимации успеха сделали её более игровой
Прототип высокой детализации
Прототип высокой детализации повторяет тот же user flow, что и прототип низкой детализации, и включает изменения, внесённые после юзабилити-тестирования.
Доступность
Понятные подписи интерактивных элементов, которые считываются скринридерами.
Фокус главного экрана — на процессе обучения и быстром доступе к следующему уроку
Отказ от неактивных (disabled) элементов в пользу системной обратной связи
Карта сайта
Закончив дизайн приложения, я приступила к адаптивному сайту. Карта приложения задавала структуру каждого экрана, чтобы опыт был целостным и единообразным на всех устройствах.
Адаптивный дизайн
Макеты охватывали разные размеры экранов: мобильный, планшет и десктоп.
Я адаптировала дизайн под конкретные потребности пользователей каждого устройства и размера экрана.
Выводы
Результат:
Пользователи отметили, что приложением легко пользоваться, а то, что оно бесплатное, их особенно порадовало.
Цитата участника юзабилити-тестирования:
« Французский сложно учить, но с приложением проще осваивать основы шаг за шагом»
Чему я научилась:
Я поняла, что задача, которую я решала, — это вопрос не только хорошего пользовательского опыта, но и методики обучения. Последовательное прохождение каждого этапа дизайн-процесса и опора на конкретные потребности пользователей помогли мне найти решения, одновременно реализуемые и полезные.
Следующие шаги
Провести исследование, насколько успешно приложение помогает научиться читать на более сложных темах и упражнениях.
Тесно работать с методистами, чтобы сделать уникальную учебную программу ядром продукта
Продумать вознаграждение за прогресс пользователя и добавить в приложение новые функции