Вопрос-ответ: Инстатрек
Спрашивает Николай Жарый:
Таня, вот мой «Инстатрек» — инстаграмм для спортивных треков, в котором можно выбрать тип линии, карту и т. д. Хочется улучшить визуализацию самого изображения и добавить дополнительные параметры: пульс, высоту, темп (пэйс), показать скорость цветом линии, разделить наложившиеся участки трека.
В нынешнем интерфейсе мне не нравится, что можно настроить буквально всё. Как правило, такая свобода означает, что автор поленился продумать сценарии и переложил ответственность за дизайн на пользователя :-)
Я советую придумать несколько эффектных «картофильтров», из которых захочется выбирать и которыми захочется делиться. Например, минималистичный приятный глазу вариант с ярким треком по умолчанию:
![](https://blog.infotanka.ru/pictures/instatrack-10-default@2x.png)
Красивая рельефная карта со скромным треком — для пробежок по запоминающейся местности:
![](https://blog.infotanka.ru/pictures/instatrack-10-relief@2x.png)
Чёрная карта со светящейся линией — для ночных покатушек и забегов:
![](https://blog.infotanka.ru/pictures/instatrack-10-night@2x.png)
На инстатреке полезно подписать место пробежки, её длину и продолжительность, закодировать темп цветом трека. Тут же покажем график пульса и линию набора высоты (включается-отключается при создании трека). Максимальная и минимальная скорость, максимальный пульс, самая высокая и низкая точки трассы подписаны прямо на карте:
![](https://blog.infotanka.ru/pictures/instatrack-10-full-qa@2x.png)
Можно автоматически распознавать инстатреки с соревнований, оформлять их в фирменном стиле забега и добавлять информацию о времени победителя и занятом месте:
![](https://blog.infotanka.ru/pictures/instatrack-10-vg-full@2x.png)
![](https://blog.infotanka.ru/pictures/instatrack-10-cg-full@2x.png)
Настройку «всего» не обязательно убирать совсем, просто спрятать её поглубже — как это сделано в инстаграмме.
Присылайте вопросы о визуализации данных на почту: data@datalaboratory.ru, ответы публикуются по понедельникам. При участии Кирилла Беляева.