https://blog.infotanka.ru/tags/instatrek/ E2 (v3239; Aegea) https://blog.infotanka.ru/all/vopros-otvet-instatrack/ https://blog.infotanka.ru/all/vopros-otvet-instatrack/ https://blog.infotanka.ru/all/vopros-otvet-instatrack/ <p>Спрашивает Николай Жарый:</p> <div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;"><p>Таня, вот мой <a href="https://instatrack.me/pgXx/edit" class="nu">«<u>Инстатрек</u>»</a> — инстаграмм для спортивных треков, в котором можно выбрать тип линии, карту и т. д. Хочется улучшить визуализацию самого изображения и добавить дополнительные параметры: пульс, высоту, темп (пэйс), показать скорость цветом линии, разделить наложившиеся участки трека.</p> </div><div class="e2-text-picture"> <a href="https://instatrack.me/pgXx/edit" class="e2-text-picture-link"> <img src="https://blog.infotanka.ru/pictures/instatrack@2x.png" width="700" height="402" alt="" /> </a></div> <p>В нынешнем интерфейсе мне не нравится, что можно настроить буквально всё. Как правило, такая свобода означает, что автор поленился продумать сценарии и переложил ответственность за дизайн на пользователя :-)</p> <p>Я советую придумать несколько эффектных «картофильтров», из которых захочется выбирать и которыми захочется делиться. Например, минималистичный приятный глазу вариант с ярким треком по умолчанию:</p> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-default@2x.png" width="700" height="700" alt="" /> </div> <p>Красивая рельефная карта со скромным треком — для пробежок по запоминающейся местности:</p> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-relief@2x.png" width="700" height="700" alt="" /> </div> <p>Чёрная карта со светящейся линией — для ночных покатушек и забегов:</p> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-night@2x.png" width="700" height="700" alt="" /> </div> <p>На инстатреке полезно подписать место пробежки, её длину и продолжительность, закодировать темп цветом трека. Тут же покажем график пульса и линию набора высоты (включается-отключается при создании трека). Максимальная и минимальная скорость, максимальный пульс, самая высокая и низкая точки трассы подписаны прямо на карте:</p> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-full-qa@2x.png" width="700" height="700" alt="" /> </div> <p>Можно автоматически распознавать инстатреки с соревнований, оформлять их в фирменном стиле забега и добавлять информацию о времени победителя и занятом месте:</p> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-vg-full@2x.png" width="700" height="700" alt="" /> </div> <div class="e2-text-picture"> <img src="https://blog.infotanka.ru/pictures/instatrack-10-cg-full@2x.png" width="700" height="700" alt="" /> </div> <p>Настройку «всего» не обязательно убирать совсем, просто спрятать её поглубже — как это сделано в инстаграмме.</p> <p style="font-size:13px; margin-top:20px;">Присылайте вопросы о визуализации данных на почту: <a href="mailto:data@datalaboratory.ru">data@datalaboratory.ru</a>, ответы публикуются по понедельникам. При участии Кирилла Беляева.</p> Mon, 30 Mar 2015 17:24:37 +0300