Обновил дизайн исламского приложениея, добавил фичи и собрал дизайн-систему. 7000 скачиваний за 2 месяца
Приложение для ежедневной практики мусульман: Коран с переводом и толкованием, аудио, работа над ошибками с учителем и ИИ-чат. После релиза его скачали 7000 раз за первые два месяца.
Задача
Сделать приложение удобным и современным и добавить разделы, которых раньше не было: чтение Корана в двух режимах, аудио, толкование, работу над ошибками с учителем и ИИ-чат.
С чего начинали
Прежнее приложение было неудобным, а его дизайн устарел. Многого, ради чего в такие приложения заходят каждый день, в нём не было. Чтобы читать Коран, слушать чтеца и разбираться в толковании, приходилось открывать разные приложения, а замечания учителя хранить в тетради.
Что мешало пользователям
Читать в одном приложении, слушать в другом, толкование искать отдельно. Каждый переход сбивает с чтения.
Плеер, толкование и отметки нужны рядом с текстом, но не должны его заслонять.
Непонятно, какой аят звучит сейчас, а без интернета послушать нельзя. Тем, кто учит суру, нужно повторять один аят много раз.
Замечания учителя в тетради не привязаны к конкретному слову, а у учителя часто несколько учеников.
Процесс работы
Начал с разбора похожих приложений. Смотрел не на внешний вид, а на то, как в каждом устроены чтение, прослушивание, заучивание и работа над ошибками. Брал только то, что хорошо работает и вписывается в нашу логику.
Потом разложил продукт на сценарии. Человек читает, слушает, останавливается на аяте, чтобы прочитать толкование, учит суру наизусть, разбирает ошибки с учителем. В каждом сценарии я искал место, где человек теряется или делает лишнее действие. Для каждого спорного места готовил от двух до четырёх вариантов и сравнивал их по одним и тем же вопросам:
- Сколько действий нужно, чтобы получить результат?
- Мешает ли элемент читать?
- Что будет, когда данных станет много: длинный комментарий, десятки ошибок, несколько учеников?
- Сочетается ли решение с остальными экранами?
Отдельно проверял редкие случаи: пустые экраны, две метки на одном слове, выбор нескольких слов за раз. После такой проверки решения часто менялись. Вопросы, которые одним дизайном не решить, обсуждал с продактом.
Приложение для Корана нужно не только для чтения. Это место для ежедневной практики.
Человек не просто читает: он слушает, разбирается в толковании, учит суры наизусть и занимается с учителем. Отсюда три правила, по которым я проверял каждый экран.
- 1Всё для практики в одном месте. Читать, слушать и разбирать толкование можно, не выходя из приложения.
- 2Чтение не прерывается. Инструменты спрятаны в нижнюю панель и меню аята, а текст остаётся на экране.
- 3Учитель и ученик работают в одном тексте. Ошибку отмечают прямо на слове.
Решения
Чтение в двух режимах. Одни читают Коран по страницам, как бумажную книгу, другим нужен перевод под каждым аятом. Поэтому режимов два: страницы мусхафа с орнаментом в заголовке суры и список аятов с переводом. Действия с аятом открываются из его меню, а толкование ас-Саади появляется прямо под аятом, так что читать дальше можно, не уходя со страницы.
Слушать и читать одновременно. Плеер находится внизу экрана и подсвечивает аят, который сейчас звучит. Можно выбрать чтеца, скачать суру, чтобы слушать без интернета, включить повтор и изменить скорость. Скорость выбирается из списка от 0,5x до 2x, как в привычных плеерах. Автопрокрутку я вынес в отдельный инструмент, чтобы читать, не касаясь экрана.
Работа над ошибками с учителем. Самая большая часть проекта. Учитель слушает чтение и отмечает ошибки прямо в тексте, а ученик видит их у себя и отмечает исправленными. Отметка включается отдельным режимом, и всегда понятно, когда он начался и закончился. Учитель может вести урок сразу с несколькими учениками и переключаться между ними, а ученик видит ошибки, которые тот отметил
ИИ-чат. Иногда нужно быстро найти аяты на определённую тему или понять, что говорится о чём-то в Коране и хадисах. ИИ-чат отвечает на основе Корана и хадисов и показывает источник ответа. На первом экране есть примеры вопросов, чтобы было понятно, с чего начать, а о новой функции рассказывает баннер на главной.
Дизайн-система
Обновил дизайн-систему приложения: собрал компоненты для всех разделов и подготовил макеты для разработки, чтобы экраны выглядели и работали одинаково.
Результат
За первые два месяца после релиза приложение скачали больше 7000 раз. Вместо устаревшего приложения появилась новая версия, в которой можно читать, слушать и разбирать Коран, а также работать над ошибками вместе с учителем. Дизайн-система обновлена и подготовлена для разработки.