Полная версия:
Два города два берега
ядро. Всё вращается вокруг неё. А три кнопки — как три способа
взаимодействия. Не больше.
Валерий кивнул, открывая код:
— Значит, убираем избыточные иконки. Оставляем только эти
три. Остальное — в подменю, доступное в один тап.
Он начал рефакторинг:
// Старый интерфейс (перегруженный)
43
const mainScreen = [
'legends', 'myRoute', 'schoolTasks',
'treasureMap',
'dangers', 'seasonalQuests', 'voiceMarkers',
'friends', 'calendar'
];
// Новый интерфейс (минималистичный)
const mainScreen = ['map', 'listenBtn', 'doBtn',
'rememberBtn'];
— Теперь проще ориентироваться, — прокомментировал он. —
Пользователь сразу видит: я на карте. Хочу слушать — жму
сюда. Хочу делать — сюда. Хочу сохранить
воспоминание — сюда.
Анастасия добавила детали к схеме:
При нажатии «Слушать» — карта слегка затемняется, появляются звуковые волны, запускается аудио.
В разделе «Делать» — режим активного взаимодействия: прокладывание маршрута, выполнение заданий, отметки на
карте.
«Запоминать» — личный архив: фото, заметки, достижения,
«места силы».
— И везде — единый стиль, — подчеркнула она. — Те же цвета, те же анимации. Чтобы переходы между режимами были
плавными, как шаги по тропе.
Валерий протестировал новый интерфейс: запустил
приложение, нажал «Слушать» — зазвучала легенда о Дантовом
ущелье, карта окрасилась в приглушённые тона. Переключился
на «Делать» — появились маркеры маршрутов, шкала
44
прогресса. Зашёл в «Запоминать» — открылся дневник с
последними фото и заметками.
— Работает, — улыбнулся он. — Теперь это не панель
управления самолётом, а…
— …компас, — закончила Анастасия. — Который помогает не
заблудиться, но и не мешает идти.
За окном сгущались сумерки. На столе лежали вычеркнутые
листы с избыточными идеями — но не как ошибки, а как следы
пути. В углу экрана мигал индикатор: «Оптимизация завершена.
Производительность улучшена на 62 %».
Валерий закрыл редактор, потянулся за чаем.
— Завтра покажем обновлённый вариант тестировщикам.
Посмотрим, что скажут.
— Скажу я, — усмехнулась Анастасия. — Они скажут:
«Наконец-то стало понятно!»
В тишине послышался тихий звук — уведомление. Новое
сообщение в чате «Идеи от жителей»:
«А можно сделать так, чтобы карта менялась в зависимости от
времени суток? Днём — яркая, ночью — с звёздами…»
Валерий и Анастасия переглянулись.
— Запишем, — сказала она, открывая блокнот. — Но уже в
следующий цикл.
— Именно, — кивнул он. — Сначала — фундамент.
Потом — звёзды.— Просто, — кивнул Валерий. — Но хватит ли
глубины?
— Глубина — в историях, а не в кнопках, — ответила она.
К полудню они отправились на тестовую прогулку. Планшет в
руках Анастасии, наушники — у Валерия. Они шли по тропе к
водопаду, сверяясь с приложением.
45
— Включаем «Слушать», — скомандовала Анастасия.
Из динамиков донёсся шелест листьев, потом — голос дяди
Фёдора:
«Говорят, если встать у водопада ровно в полдень, можно
услышать, как горы переговариваются…»
Валерий остановился, снял наушники. Вокруг — тот же звук: ветер в кронах, далёкий гул воды. Он закрыл глаза, вслушиваясь. Шёпот листвы, ритм падающих капель, низкое
гудение потока — всё совпадало с тем, что звучало в наушниках.
— Получается, — тихо сказал он. — Мы не просто накладываем
звук на картинку. Мы создаём эхо места.
Анастасия улыбнулась:
— Именно. Приложение не заменяет реальность — оно её
усиливает.
Они продолжили путь. На повороте тропы Анастасия нажала
«Делать» — на экране появилась шкала прогресса и список
задач:
дойти до водопада;
найти камень в форме сердца;
записать звук падающей воды.
— Смотри, — Валерий указал на иконку камеры. — Если
человек выполнит задание, его фото попадёт в общий альбом.
Но только если он сам разрешит. Так мы сохраним личный опыт
и поделимся им — без навязчивости.
У большого валуна они сделали привал. Анастасия открыла
«Запоминать» — перед ними развернулся личный дневник: фото мха, светящегося в сумерках;
заметка Лизы: «Здесь пахнет утром»;
46
аудиофрагмент: крик птицы, услышанный на рассвете.
— Это и есть глубина, — сказала Анастасия, пролистывая записи.
— Не тысячи функций, а мгновения, которые человек поймал и
сохранил.
Валерий кивнул. Он вдруг понял: приложение больше не
казалось ему хаотичным набором идей. Оно обрело форму —
как тропа, которая сначала петляет между деревьями, а потом
выходит на прямую, ведущую к водопаду.
— Надо добавить ещё одну вещь, — сказал он. — Когда человек
завершает маршрут, пусть приложение спрашивает: «Что ты
унёс с собой?» И даёт поле для короткой записи. Это станет
финальным штрихом — рефлексией, точкой, где опыт
превращается в историю.
— Отлично, — согласилась Анастасия. — И чтобы запись
сохранялась не только в цифровом виде, но и как аудио. Можно
даже добавить опцию: «Прослушать свой путь» — тогда человек
услышит свои заметки вперемешку с природными звуками, которые записал.
Они дошли до водопада. Солнце пробивалось сквозь брызги, создавая радугу. Валерий поставил планшет на плоский камень, открыл карту. На ней светилась их тропа — тонкая линия, соединяющая точки опыта: звуки, фото, заметки.
— Вот он, путь, — прошептал он. — Не набор функций. Не меню.
А история, которую человек пишет сам.
Анастасия взяла планшет, добавила новую метку: «Водопад.
Полдень. Слышу, как горы переговариваются». Нажала
«Сохранить».
На экране мягко вспыхнул значок — маленький кристалл, символ завершённого этапа.
47
— Теперь это не просто приложение, — сказала она. — Это
зеркало пути.
Ветер подхватил капли воды, разбросал их по траве. Где-то
вдали, за лесом, снова прокричала птица — будто подтвердила
их мысль.
— Работает, — прошептал Валерий. — Оно повторяет мир, а не
заменяет его.
У водопада их ждал Сергей. Он держал в руках блокнот с
набросками троп — потрёпанный, с загнутыми углами, испещрённый карандашными пометками и выцветшими
чернилами.
— Вот тут, — показал он на экран приложения, — не хватает
тропы к старой пасеке. Люди ходят, но её нет на карте.
Валерий приблизил карту, изучая рельеф:
— Да, логичный маршрут. Через берёзовую рощу, потом вдоль
ручья…
— Добавим, — кивнула Анастасия. — Только как обозначить?
Чтобы сразу было понятно — это не просто точка, а место со
своей историей.
— Пчёлами, — усмехнулся Сергей. — Пусть иконка жужжит, когда подносишь палец. И если нажать — откроется история: как дед Игнат держал пасеку, как мёд собирали всей деревней…
Валерий записал в блокнот:
«Интерактивные иконки: звук/вибрация при наведении.
Тема: пасека → звук жужжания, фото ульев, аудиорассказ».
— А ещё, — продолжил Сергей, — можно добавить
«сезонность». Весной там цветут медоносы — пусть иконка
становится жёлтой, а летом — коричневой, как соты.
Анастасия быстро набросала варианты:
48
весна: ярко-жёлтый круг, по контуру — анимированные цветы; лето: янтарный шестиугольник (как сота), лёгкая пульсация; осень: приглушённый коричневый, редкие падающие листья; зима: белый контур, иней по краям.
— Отлично, — одобрил Валерий. — Реализуем через
CSS-анимации и условные стили:
if (season == 'spring') {
icon.style = 'yellow-blooming';
} else if (season == 'summer') {
icon.style = 'amber-pulsing';
}
Сергей кивнул:
— И чтобы при нажатии — не просто текст, а как будто сам дед
Игнат рассказывает. У меня есть запись его голоса, ещё с
прошлого года. Хриплый, но тёплый…
— Присылайте, — сказала Анастасия. — Встроим в
аудиодорожку. Можно даже добавить фоновые звуки: жужжание пчёл, шелест травы, скрип улья.
Валерий открыл раздел «Редактирование карты», добавил
новую точку. На экране вспыхнула временная метка — пока без
оформления, просто красный кружок. Но уже было ясно: это не
просто географическая отметка. Это — история, ожидающая
своего воплощения.
— Знаете, — задумчиво произнёс Сергей, оглядывая водопад,
— раньше я водил группы и рассказывал всё это вживую. А
теперь… теперь мой рассказ будет жить в телефоне. Немного
странно, но… правильно.
49
— Потому что так он дойдёт до большего числа людей, —
пояснила Анастасия. — И каждый сможет услышать его в своё
время, в своём ритме.
Они сели на тёплый камень у воды. Валерий запустил тестовый
режим: нажал на временную метку пасеки — и из динамиков
донеслось приглушённое жужжание. Ещё одно нажатие — и
появился набросок иконки, пока простой, но уже угадывающий
форму соты.
— Работает, — улыбнулся Сергей. — Чувствуется жизнь.
Солнце клонилось к закату, отбрасывая длинные тени. Где-то в
роще запела птица — её голос слился с цифровым жужжанием, и на миг стало непонятно, где заканчивается природа и
начинается технология.
— Это и есть баланс, — тихо сказал Валерий. — Когда одно
усиливает другое, а не спорит с ним.
Анастасия закрыла блокнот. На последней странице остались
эскизы: пчёлы в полёте, соты, силуэт старика у улья. Всё это
ждало своего часа — чтобы ожить на экране, чтобы стать частью
пути.
— Завтра начнём наполнять карту, — сказала она. — Сначала
пасека, потом другие места. Шаг за шагом.
— Шаг за шагом, — повторил Валерий, сохраняя изменения в
коде. — И пусть каждый шаг будет осмысленным.
Вечером у гостевого дома они разложили все заметки на столе.
Листы пестрели стрелками, пометками, рисунками: эскизы
иконок, схемы взаимодействия, списки задач, наброски
звуковых дорожек.
— Завтра покажем инвесторам, — сказал Валерий, глядя на
часы. — Артём ждёт видео. Нужно собрать демо-версию: чтобы
и функционал виден был, и дух проекта чувствовался.
50
Анастасия отодвинула стопку бумаг, освобождая место для
ноутбука:
— Начнём с главного экрана. Карта, три кнопки — «Слушать»,
«Делать», «Запоминать». Показываем, как переключаться, как
каждый режим меняет восприятие.
Валерий открыл прототип, запустил режим «Слушать»:
— Вот. Звук водопада, голос дяди Фёдора, шелест листьев. Всё
синхронно с тем, что человек видит в реальности.
— Добавим переход к «Делать», — предложила Анастасия. —
Нажимаем, карта оживает: появляются метки, шкала прогресса, камера для фото. Показываем задание — найти камень в форме
сердца.
— А потом — «Запоминать», — подхватил Валерий. — Фото
камня, заметка: «Нашёл в полдень, солнце подсветило рёбра».
И сразу — значок достижения: «Исследователь троп».
51
Они проработали сценарий ролика: Вступление (10 сек): общий план тропы, камера приближается к
планшету в руках путешественника.
Главный экран (15 сек): показ трёх кнопок, плавный переход
между режимами.
Режим «Слушать» (20 сек): звук водопада, аудиорассказ, затемнение карты, волны звука на экране.
Режим «Делать» (25 сек): появление меток, выполнение
задания, фото камня, запись в дневник.
Режим «Запоминать» (20 сек): просмотр дневника, достижение, опция «Прослушать свой путь».
Финал (10 сек): планшет закрывается, камера отдаляется — на
фоне водопад и тропа. Текст: «Путь, который ты создаёшь».
— Нужно добавить живые кадры, — сказала Анастасия. —
Чтобы было видно: это не просто интерфейс, а часть реального
путешествия. Снимем завтра на тропе к пасеке.
— Договорились, — кивнул Валерий. — Возьмём Сергея, он
покажет маршрут. И запишем его голос для нового аудио.
За окном стемнело. В доме пахло чаем и бумагой. На столе
лежали разложенные заметки — как карта самого процесса: здесь идея, там правка, тут прорыв.
— Страшно? — спросила Анастасия, собирая листы.
— Не страшно, — ответил Валерий, закрывая ноутбук. —
Волнительно. Мы не продаём приложение. Мы показываем
дверь. В мир, где технологии не заслоняют природу, а помогают
её услышать.
Она улыбнулась:
— Именно. И если инвесторы это почувствуют — всё получится.
52
В тишине раздался звук уведомления. Новое сообщение в чате
«Идеи от жителей»:
«А если добавить режим „Тишина“? Чтобы можно было просто
идти, а приложение само отмечало, где ты был, и потом
показывало: вот твой путь, вот что ты видел…»
Валерий и Анастасия переглянулись.
— Запишем, — сказала она, открывая блокнот. — Но уже после
презентации.
— После, — согласился он. — Сейчас — фокус на главном.
Они погасили свет, оставив на столе стопку распечаток и
планшет с открытым прототипом. На экране мерцала карта, а в
центре — три кнопки: «Слушать», «Делать», «Запоминать». Как
три способа идти. Как три способа жить.
53
Глава 4. Демонстрация
Дождь стучал по крыше гостевого дома, когда Валерий в
очередной раз проверял сборку приложения. На экране
мерцала обновлённая главная страница: панорама ущелья, три
тестовые истории, карта с подсвеченными тропами.
— Всё должно работать, — пробормотал он, сверяя список
функций. — «Слушать», «Делать», «Запоминать»… Проверим
загрузку данных, переходы между режимами, синхронизацию
аудиодорожек.
Анастасия стояла у окна, листая эскизы. За стеклом струились
потоки воды, размывая очертания деревьев. Она перевернула
страницу — на листе был набросок: гора в тумане, по склонам
бегут золотые линии.
— Добавь анимацию загрузки, — сказала она, не оборачиваясь.
— Пусть появляется силуэт горы, а потом — лучи света из точек
маршрута. Это создаст ощущение «пробуждения пути».
Валерий кивнул, открыл код. Через десять минут на экране
появилась новая заставка:
гора медленно проявлялась из тумана, словно проступала
сквозь дымку;
по её склонам побежали золотые линии — не хаотично, а строго
по тропам, как будто сами маршруты зажигались один за
другим;
в финале линии слились в единую сеть, и на карте вспыхнули
три иконки: «Слушать», «Делать», «Запоминать».
— Хорошо, — одобрила Анастасия. — Теперь это не просто
загрузка. Это — начало путешествия.
Она подошла к столу, разложила распечатки сценария
демо-версии:
54
Вступление (10 сек): общий план тропы, камера приближается к
планшету в руках путешественника. Текст на экране: «Путь, который ты создаёшь».
Главный экран (15 сек): показ трёх кнопок, плавный переход
между режимами.
Режим «Слушать» (20 сек): звук водопада, аудиорассказ дяди
Фёдора, затемнение карты, волны звука на экране.
Режим «Делать» (25 сек): появление меток, выполнение
задания («Найти камень в форме сердца»), фото камня, запись в
дневник.
Режим «Запоминать» (20 сек): просмотр дневника, достижение
«Исследователь троп», опция «Прослушать свой путь»
(смешение личных заметок и природных звуков).
Финал (10 сек): планшет закрывается, камера отдаляется — на
фоне водопад и тропа. Текст: «Твой маршрут. Твоя история».
— Нужно снять живые кадры на тропе к пасеке, — добавила
Анастасия. — Чтобы было видно: это не просто интерфейс, а
часть реального пути. Возьмём Сергея — он покажет маршрут, расскажет историю.
— Договорились, — согласился Валерий. — И запишем его
голос для нового аудио. Нужно, чтобы звучало так же тепло, как
в жизни.
За окном дождь усилился, барабаня по крыше. В доме пахло
горячим чаем и бумагой. На столе лежали разложенные
заметки — как карта самого процесса: здесь идея, там правка, тут прорыв.
— Страшно? — спросила Анастасия, собирая листы.
— Не страшно, — ответил Валерий, закрывая ноутбук. —
Волнительно. Мы не продаём приложение. Мы показываем
55
дверь. В мир, где технологии не заслоняют природу, а помогают
её услышать.
Она улыбнулась:
— Именно. И если инвесторы это почувствуют — всё получится.
В тишине раздался звук уведомления. Новое сообщение в чате
«Идеи от жителей»:
«А если добавить режим „Тишина“? Чтобы можно было просто
идти, а приложение само отмечало, где ты был, и потом
показывало: вот твой путь, вот что ты видел…»
Валерий и Анастасия переглянулись.
— Запишем, — сказала она, открывая блокнот. — Но уже после
презентации.
— После, — кивнул он. — Сейчас — фокус на главном.
Они погасили свет, оставив на столе стопку распечаток и
планшет с открытым прототипом. На экране мерцала карта, а в
центре — три кнопки: «Слушать», «Делать», «Запоминать». Как
три способа идти. Как три способа жить.
За окном дождь стучал по крыше, будто отсчитывая секунды до
завтрашней демонстрации.— Идеально, — улыбнулась
Анастасия. — Теперь покажем.
Они подключили ноутбук к проектору. В комнате собрались
местные тестировщики: бабушка Марья, Лиза, Сергей, Нина, Артём. На столе — чай, печенье, блокноты с пометками. Воздух
наполнился приглушённым гулом разговоров и запахом
свежезаваренного чая.
— Начнём с «Слушать», — объявил Валерий.
На экране возникла иконка «Легенда о Дантовом ущелье». Лиза
коснулась её — и пространство наполнил голос дяди Фёдора: 56
«Говорят, если встать у водопада ровно в полдень, можно
услышать, как горы переговариваются… Словно древние стражи
ведут беседу сквозь века. Кто знает, о чём они говорят? Может, вспоминают путников, что прошли этой тропой. А может, шепчут секреты тем, кто умеет слушать…»
— Это же он! — воскликнула Лиза, широко раскрыв глаза. — Как
вживую! Даже паузы те же, и дыхание… Будто он тут, рядом.
Бабушка Марья кивнула, придвинувшись ближе к экрану:
— Точно. Голос — как из детства. Так и тянет пойти туда, встать у
водопада и прислушаться.
Валерий незаметно улыбнулся, отметив про себя: «Работает. Не
просто звук — эмоция».
— Теперь «Делать», — переключил он режим.
На карте вспыхнули метки:
«Найти камень в форме сердца»;
«Записать звук падающей воды»;
«Сфотографировать мох с каплями росы».
Артём ткнул пальцем в первое задание:
— Ого, а если я найду такой камень, он сохранится тут?
— Конечно, — ответила Анастасия. — В твоём личном дневнике.
И можно добавить заметку: где нашёл, что почувствовал. Потом
сможешь перечитать или поделиться с друзьями.
— А если я не один пойду, а с сестрой? — не унимался Артём. —
Можно вдвоём выполнять задания?
— Да, — пояснил Валерий. — Приложение синхронизирует
прогресс. Каждый добавит свои фото и заметки, а потом вы
сможете сравнить впечатления.
Сергей, молча наблюдавший до этого, наклонился к экрану:
— А вот тут, у старой пасеки, можно добавить задание: 57
«Послушать жужжание пчёл». И чтобы при нажатии — звук, как
будто ты стоишь рядом с ульем.
— Уже в работе, — кивнула Анастасия, делая пометку. — И
иконку сделаем: золотистую, с анимированными пчёлами.
— Отлично, — одобрил Сергей. — Так люди не просто пройдут
мимо, а остановятся, прислушаются.
Перешли в режим «Запоминать». На экране открылся дневник: фото камня-сердца, подсвеченного закатным солнцем; аудиофрагмент: шум водопада, перекликающийся с голосом
Лизы: «Здесь так громко, но при этом — так спокойно…»; заметка бабушки Марьи: «Вспомнила, как в детстве ходила
сюда с отцом. Он говорил: „Вода помнит всё“».
— Вот это да… — прошептала Нина. — Это же не просто
приложение. Это — хранилище воспоминаний.
— Именно, — подтвердил Валерий. — Оно не заменяет опыт, а
помогает его сохранить. И передать.
Лиза провела пальцем по экрану, открывая опцию «Прослушать
свой путь»:
сначала — шелест листьев из первого задания;
потом — голос дяди Фёдора;
затем — смех Артёма, записанный у пасеки;
в финале — общий гул водопада, смешанный с тихим
разговором группы.
— Как будто мы снова там, — сказала Лиза, закрыв глаза.
Анастасия закрыла ноутбук, но свет проектора ещё дрожал на
стенах, словно отголосок только что увиденного.
58
— Ну что, друзья? — спросила она. — Есть замечания?
Предложения?
Все заговорили разом:
бабушка Марья — о том, что нужно добавить больше «старых
голосов», историй от старожилов;
Сергей — о необходимости офлайн-режима, чтобы приложение
работало в глуши;
Нина — о возможности печатать избранные страницы дневника
как мини-альбом;
Артём — о «секретных заданиях», которые открываются только
после выполнения основных.
Валерий записывал всё в блокнот, отмечая самые горячие идеи: Голосовой архив (бабушка Марья).
Офлайн-режим (Сергей).
Печать дневника (Нина).
Секретные уровни (Артём).
— Спасибо, — сказал он, когда обсуждения стихли. — Это не
просто правки. Это — душа проекта. Мы учтём всё.
За окном дождь постепенно стихал, оставляя на стекле тонкие
дорожки воды. В комнате пахло чаем, бумагой и чем-то ещё —
тем неуловимым, что возникает, когда люди вместе создают
что-то настоящее.
— Завтра — презентация, — напомнила Анастасия. — И я
уверена: они почувствуют то же, что и мы сейчас.
— Потому что это не про технологии, — подытожил Валерий. —
Это про связь. Между людьми, местами и временем.
