Как мы делали интерфейс трансляций соревнований по вертолётному спорту

Pavel Chelyuskin
Dec 8, 2016 · 6 min read
Image for post
Image for post
Image for post
Image for post
  1. Зрителям скучно — они находятся на расстоянии 300 м от площадки, не видят и не понимают, насколько успешно команда проходит упражнение.

Сбор информации

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

Image for post
Image for post
Image for post
Image for post

Первый подход

Мы определили, что видеотрансляция является главным действующим лицом, а графика вторична. С другой стороны, графика должна быть самостоятельной и передавать всю суть происходящего.

Image for post
Image for post

Прототип

Поскольку система трекинга маяка только разрабатывалась, у нас не было реальных данных, которые мы могли бы использовать для создания прототипа.

Следующие шаги

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

Image for post
Image for post
Image for post
Image for post

Это не всё

Кроме графики, отображающей полёт по коридору, нужна была графика выполнения поворотов. Поворот на 360º в заданном направлении должен выполняться в пределах площадки 1×1 м, при этом поворот должен быть выполнен не менее чем за 15 секунд. В начале выполнения поворота запускается таймер (полный круг — 15 сек), отображающий нужное направление поворота. Если экипаж выполняет поворот слишком быстро — это сразу отображается на экране:

Image for post
Image for post

На финишной прямой

Отдельным этапом упражнения является приземление. На посадочной площадке отмечена линия шириной 5 см, на которую должен попасть вертолёт специальными метками на шасси (ширина метки 1 см).

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Результат

На разработку и документацию первой версии интерфейса у нас ушло ровно 5 недель. Каждую неделю мы показывали продвижение вперёд и объясняли какие решения были приняты и почему.

Монографик

Проектирование цифровых продуктов

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store