Задача

Внедрить на «Учиться легко» универсальную механику для всех сущностей сайта, позволяющую ребёнку самостоятельно получать два разных вида информации:

• 🔊 Динамик — узнать, как сущность звучит / произносится;
• ? Вопрос — узнать, что это такое / что это означает.

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

Зачем это нужно

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

Но нельзя заранее предполагать, что ребёнку известна каждая сущность на сайте. В одном и том же наборе часть картинок может быть знакома, а часть — нет. Также возможны разные состояния знания:

• ребёнок знает объект и его название;
• знает объект, но не знает, как он называется;
• слышал слово, но не знает его значения;
• не знает ни объект, ни его название.

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

Базовая механика

Кнопка «Динамик»

На обычной карточке кнопка 🔊 озвучивает текущую сущность или её название.

Пример:

• ребёнок видит картинку тапира;
• нажимает на слово ТАПИР или кнопку 🔊;
• слышит: «тапир».

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

Кнопка «?»

Кнопка ? открывает расширенное состояние той же карточки.

В нём сохраняются:

• картинка;
• слово;
• остальные уже существующие элементы карточки;

и дополнительно появляется короткое текстовое описание сущности.

Пример:

Тапир — это крупное животное с коротким хоботком. Он живёт в лесах и хорошо плавает.

Само описание не должно автоматически проигрываться при открытии.

Рядом с описанием должна быть отдельная кнопка 🔊. Кнопки ? в этом состоянии уже нет, поскольку ребёнок уже открыл объяснение сущности.

Озвучивание описания

При нажатии на 🔊 рядом с описанием текст озвучивается целиком.

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

Задача этого эффекта — показать ребёнку прямое соответствие между звучащей речью и написанным текстом.

Даже если ребёнок ещё не знает, что такое предложение, слово или письменность как система, он начинает наблюдать закономерность:

звук не возникает сам по себе — он соответствует тому, что написано на экране.

Кликабельные слова внутри описания

Каждое отдельное слово в текстовом описании должно быть кликабельным.

По клику слово озвучивается отдельно.

Пример:

Текст:

Тапир живёт в лесу.

При полном воспроизведении подсветка последовательно проходит по словам:

Тапир → живёт → в → лесу

После этого ребёнок может отдельно нажать:

• живёт → услышать «живёт»;
• лесу → услышать «лесу».

Таким образом ребёнок может самостоятельно заметить, что:

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

Это создаёт естественный переход от текущей механики слово → слоги → буквы к более высокому уровню текст / предложение → слова, без необходимости предварительно объяснять ребёнку теорию предложения или письменности.

Общий принцип интерфейса

Механика должна быть универсальной для сущностей сайта:

• 🔊 — как это звучит / произносится?
• ? — что это такое / что это означает?

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

Важно не смешивать эти функции: открытие объяснения не должно автоматически запускать длинное аудио, а знание произношения не должно считаться эквивалентом понимания значения.

Связь с основной задачей

Эта задача является дочерней по отношению к задаче «Проработать второй уровень освоения письменности: чтение предложений и пунктуация».

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