Конструктор инфографики Sprites Статьи редакции

Сегодня за «Трибуной» — онлайн-конструктор Sprites, который позволяет быстро создавать HTML5-инфографику из определённого набора элементов. Передаём им микрофон. 

Привет! Меня зовут Павел Волгарев, мне 27 лет, и стартапами я занимаюсь около четырёх лет. Хочу рассказать вам о нашем продукте — онлайн-инструменте для создания инфографики Sprites.

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

Редактор Sprites — веб-приложение, а создаваемые пользователями инфографики представляют из себя обычные HTML5-документы. На выбор пользователя предлагается широкий набор визуальных элементов: графики, факты, выноски, карты и таблицы (при желании можно разработать и свои собственные). Также в наличии имеется несколько различных визуальных тем, которые, как и элементы, можно создавать самому и позднее импортировать в редактор.

Все инфографики автоматически масштабируются под текущие размеры экрана пользователя — можно как просматривать на мобильных устройствах, так и демонстрировать на проекторе. Инфографики так же можно с легкостью встраивать в другие страницы (например, в статьи в блогах).

В планах — улучшать сервис (экспорт инфографики в PDF/PNG, улучшение качества отрисовки и анимации) и развивать платформу (использование «живых» данных, решения для Intranet и сторонних веб-приложений). Продукт получил достаточно хорошие отзывы благодаря Product Hunt, на этой неделе мы были приглашены (в рамках «Alpha» стартап-программы) на конферению The Summit, которая пройдет осенью в Дублине, Ирландия. Ведутся переговоры с проявившими заинтересованность инвесторами.

С удовольствием выслушаем любую критику. Спасибо за внимание!


Возвращаем микрофон читателям.

Хотите получить в руки микрофон и рассказать о своем стартапе? Добро пожаловать за трибуну.

0
16 комментариев
Написать комментарий...
Arthur Yatsenko

Чем ваш сервис отличается от похожего Infogr.am?

Ответить
Развернуть ветку
Arthur Yatsenko

Хотя на первый взгляд, функционал у вас получше будет )

Ответить
Развернуть ветку
Паша Волгарев

У нас гибче, богаче, дешевле, ну и про "платформу" стоит еще раз упомянуть ;-)

Ответить
Развернуть ветку
Ilya Vasilyev

Большие молодцы, отличная работа.
Надеюсь не против, если выложу баги выловленные:

- у элемента Figure можно задать количество подсвеченных объектов больше чем всего объектов (кстати, параметр "всего" тоже хотелось бы вручную задавать)
- у Donut с включенными подписями строк плывут значения на секторах
- у Bubble при изменении масштаба не меняется размер пузырьков
- крайние по значениям пузырьки вместе с лэйблами режутся
- если в Bubble заполнен только один столбец - пузырьки не строятся и говорят что надо at least 3 columns, хотя хватает двух, а добавление третей ни на что не влияет
- во время анимации, опять-таки пузырьков, на осях подписаны одни значения, а после остановки появляются другие (кстати, scale по одной оси для некоторых видов графиков - это вся имеющаяся на данный момент анимация или я что-то пропустил?)
- это не баг, но совершенно не понятно, как в режиме просмотра самый центр экрана занимает кнопка плэй/пауза?

Ответить
Развернуть ветку
Паша Волгарев

Спасибо! Всё приняли, всё поправим (графики мы только на той недели новые выкатили - нужно еще немного допилить).

По поводу кнопки "Плэй" - она должна исчезать, если мышкой не двигать (можно еще использовать клавиши "Влево", "Вправо" и "Пробел" для навигации).

Ответить
Развернуть ветку
Ilya Vasilyev

Да, стрелками однозначно удобнее, но в сценариях, когда пользователь постоянно водит курсором вслед за своим взглядом (мой случай) или кому-то объясняет содержимое, пользуясь курсором как указкой, кнопка обречена постоянно гореть.
Ну, мое дело - максимально подробно описать свой UX, а дальше уже сами решайте что с ним делать,
удачки ^^

Ответить
Развернуть ветку
Стас Присяжнюк

Отличный продукт! Главное, не останавливайтесь на достигнутом и развивайте графическое оформление ;-)

Ответить
Развернуть ветку
Андрей Губанов

а где русский язык? Нет?

Ответить
Развернуть ветку
Паша Волгарев

Сначала, вероятно, будем переводить на Французский (вообще, рынок в Европе и NA), но можно ускорить процесс, добавив (и проголосовав за) соответствующее предложение: http://spritesapp.uservoice.com/forums/238776-general ;-)

Ответить
Развернуть ветку
Dmitri Kirillov

DEMO -> my first infographic -> Preview infographic -> "Server encountered an error." :(

Ответить
Развернуть ветку
Паша Волгарев

Ouch! Исправлено!

Ответить
Развернуть ветку
Мирослав Сербин

Отличный сервис, можете добавить обзор своего сервиса и на тематический ресурс: http://infographs.ru

Ответить
Развернуть ветку
Паша Волгарев

Спасибо! Обязательно напишу!

Ответить
Развернуть ветку
Владислав Козуля

На мой взгляд, UX немного странный.

Клик для того, чтобы открыть список визуализаций. Зачем?

Ссылка на редактирование таблицы в левой части. Почему не под выделением?

Зачем вообще этот огромный сайдбар, если функциональные элементы можно распихать гораздо компактнее?

Ответить
Развернуть ветку
Паша Волгарев

Ключевое слово здесь "распихать", чтобы потом совсем потеряться ;-) А в целом, спасибо! Вопрос с таблицами мы уже неоднократно поднимали, сделаем поудобнее.

Ответить
Развернуть ветку
Иван Иванов

Сделайте руссский язык или работаете только на Западный Рынок.

Ответить
Развернуть ветку
Читать все 16 комментариев
null