Экран «Участники Великой Отечественной войны» на сенсорном столе

КраеВидение

Это интерактивное приложение «Пространство открытий» для сенсорного стола Vinchi Era, установленного в школе посёлка Ола, Магаданской области. Приложение является цифровым архивом истории района: ветераны ВОВ, коренные народы Севера, история поселений, выпускники и педагоги, интерактивная викторина.

Я работал как дизайнер через агентство Vinchi Interactive — ведущего разработчика интерактивных инсталляций для музеев и образовательных учреждений России. Проект опубликован в портфолио агентства.

КомпанияВинчи Интерактив

РольUX/UI Designer

Период2025

Процесс работы

Исследование

До начала проектирования я изучил принципы, которые принципиально отличают киоск-интерфейс от веб или мобильного:

Область нажатия

На экране 536×952 мм при разрешении 3840×2160 px средняя зона касания пальца (~12 мм) требует элементов минимум 80–100 px

Стоячая эргономика

Пользователь стоит в 80–120 см от экрана, а не сидит в 50 см от монитора. Это меняет размер шрифта и расположение зон взаимодействия.

Нет hover-состояний

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

MindMap структуры

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

Раздел «История школы» оказался самым сложным структурно — разношёрстный контент разных эпох без очевидной логики группировки. После анализа предложил делить по хронологии: XX век → XXI век → наши дни. Решение приняли.

Итерационное проектирование

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

Несколько решений, которые я предложил проактивно:

Вместо общего поиска по всему приложению реализовал поиск по каждому разделу отдельно — это более нативное решение

Использовать эргономичную раскладку вместо плоской QWERTY — она лучше работает для стоячего пользователя на большом экране

Вместо полосы тайминга предложил прогресс-бар с цветовой индикацией, а кнопка «Следующий вопрос» появляется после выбора ответа

Ретушь 200+ фотографий

Отдельный большой блок работы — архивные фотографии школы. Большинство материалов: сканы советских фотографий, снимки со стендов, изображения из старых презентаций и Word-документов.

Использовал Photoshop и AI-инструменты для автоматизации повторяющихся операций.

UI-кит и передача в разработку

Чтобы ускорить и упростить работу разработки, я собрал интерфейс в единую систему внутри Figma. Все элементы были переведены на компоненты, токены и переиспользуемые паттерны.