Frontosaur помогает ставить задачи разработчикам через браузер

Постановка задачи веб-разработчикам на удалёнке сродни игре в крокодила: объясни, что хочешь, не сказав ни слова. В итоге менеджеру приходится придумывать множество способов объяснить задачу: скриншоты, записи экранов. А важно не только поставить задачу, но и проверить её.

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

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

Поскольку команда была маленькая, тестировщика у нас не было, и проверка выполненной программистом работы была на мне. Как человека, которому хочется ткнуть в экран и максимум сопроводить это парой слов, меня подбешивало, что нужно для каждой правки сделать скриншот, описать проблему, поставить задачу в Trello или скинуть в чат.

Frontosaur помогает ставить задачи разработчикам через браузер
Frontosaur помогает ставить задачи разработчикам через браузер
Frontosaur помогает ставить задачи разработчикам через браузер
Frontosaur помогает ставить задачи разработчикам через браузер

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

  • А это где?

  • Не вижу у себя такого.

  • Не понимаю, о чём ты.
Frontosaur помогает ставить задачи разработчикам через браузер
Frontosaur помогает ставить задачи разработчикам через браузер
Всем знакомая ситуация при общении с удалёнщиками Наталья Пестова

Ставить задачи удалёнщику было затруднительно: из Trello обсуждение всё равно переходило в чат, в чатах сообщения часто терялись. Постановка и проверка правок требовала постоянного переключения между интерфейсом и таск-трекером.

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

Точкой кипения стал момент, когда нам пришлось нанять аутсорс-агентство фронтендеров для вёрстки 20 страниц под редизайн сайта. Теперь правки нужно было высылать по почте большим документом со скриншотами и урлами в определённый срок. А после их исправления, естественно, уже забыв всё написанное, вновь поднимать документ и самой разбираться в своих же скриншотах и описаниях.

Как выглядел процесс проверки задач на двух мониторах Наталья Пестова

Тогда мне стало интересно, какие способы постановки задач используют другие менеджеры. Все, с кем я пообщалась, на вопрос «а как вы ставите задачи удалённым фронтам» отвечали, что их арсенал такой же: скриншоты, чаты, почта и таск-трекеры. На вопрос об удобстве многие опрошенные менеджеры задумывались, говорили, что «уже привыкли» и «а как иначе?».

При этом с дизайнерами мы давно пользовались Invision, Figma, MarvelApp или Zeplin, и это было невероятно удобно: кликнул на экран — оставил комментарий — дизайнер увидел и отметил как выполненный — всё! Никаких скриншотов, чатов и таск-трекеров — только команда и сам интерфейс.

Вопрос «как иначе» не давал мне покоя, и в один день решение пришло. Основательно погуглив, я поняла, что на рынке есть только сервисы, которые в итоге тоже сводились к скриншотам или скринкастам. Некоторые из них существенно упрощали процесс постановки задач в таск-трекерах, например, Marker.io. Но в моём представлении это должно было выглядеть иначе:

Зарождение идеи
Зарождение идеи

В результате, обсудив идею со своим другом — основателем веб-студии, которому была отлично знакома боль общения с удалёнными заказчиками, — мы решили попробовать реализовать расширение, позволяющее оставлять комментарии прямо на странице. Так у нас появился pet-project, который мы делали больше для себя, чтобы стало комфортнее работать.

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

Первая версия плагина

Написание кода заняло примерно неделю во внерабочее время. Так мы решили первую проблему и практически исключили скриншоты из рабочего процесса.

Вскоре выявились и минусы такого решения — сами ссылки на страницы мы всё равно скидывали в чат или Trello, плюс для появления задач URL должен был в точности совпадать с тем, на котором ставились задачи.

Однозначным минусом решения было отсутствие приватности, так как все, кто пользовался плагином, могли видеть как свои, так и чужие задачи, поскольку они никак не разделялись.

Так удалённые разработчики могли случайно наткнуться на задачи, которые были поставлены не им, а другим подрядчикам. Да и когда работают несколько менеджеров, было не очень удобно натыкаться на чужие задачи.

Поэтому мы сделали систему проектов, в каждый из которых можно было добавить нужные веб-страницы. И дать доступ к проекту удалённым разработчикам и, например, дизайнеру.

Система проектов и страниц в них
Система проектов и страниц в них

Постепенно знакомые и друзья из ИТ-сферы, которые узнавали об этой идее, просили дать доступ и им. В конечном счёте мы сделали бесплатное расширение, назвав его Frontosaur — сервис, позволяющий отметить элемент на свёрстанном интерфейсе, написать комментарий — после другие члены команды увидят его у себя в браузере.

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

Добавление задач на интерфейс через Frontosaur

Что сегодня умеет плагин:

  • Отмечать задачи прямо на веб-странице ровно в той точке, которую отметил пользователь. Работает в том числе и с SPA.
  • Даёт возможность комментировать поставленные задачи.
  • Группировать страницы в проекты и приглашать членов команды в проект.
  • Работает в Chrome, Opera и Яндекс Браузере

Прямо сейчас учим плагин интегрироваться в самые популярные таск-менеджеры.

Сайт проекта: frontosaur.com. Будем рады, если пригодится и вам!

3434
51 комментарий

меня подбешивало, что нужно для каждой правки сделать скриншот, описать проблему, поставить задачу в Trello или скинуть в чат

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

10
Ответить

Уважаемый M Bot, себя поменяйте.
Суть кейса в том, что менеджер выявил проблему, а после этого предложил и реализовал ее силами команды. В этом, собственно, и состоит одна из основных задач менеджера. Это раз.
Кроме того, у вас чуть-чуть путается понимание "идеального" мира и реального, в котором обычно присутствует большое количество самых разных багов и хотфикса. И, как следствие, кроме "конкретно сформулированного вопроса" они получают список правок.
А чтобы вы понимали (потому что вы, вероятно, с этим мало сталкивались, раз у вас столько желчи): как для менеджера, так и для разработчика/дизайнера/who-ever составить и принять в работу док с правками занимает, порой, очень много времени.
А, в конечном счете, сервис экономит именно время на выполнение рутинных операций с формированием и передачей правок в работу. Это два.
Третье.
К слову, большая часть известных ныне продуктов появилась именно в результате того, что кому-то в голову приходит превентивное решение какой-то рутинной проблемы. Но всегда найдется куча ретроградов, которые говорят: "Да ну, это ж говно! И ты - говно, а не специалист!".
Так что M Bot - идите и набирайте правки.
Наталья, все круто - выкатывайте новую версию не обращая внимание на ботов)
Удачи!

11
Ответить

Внимательно перечитала, но не нашла ничего про "побольше" или "поярче" в задачах, которые ставила.
Вы явно не читали текст: проблема, которую я хотела решить - это создание и отправка скриншотов как таковых в отдельном от самого интерфейса месте. Зачем писать количество пикселей, рисовать линии и стрелки на скриншоте, когда можно указать это прямо на интерфейсе (и рисовать линии на скриншотах, к слову, никак не задача дизайнера).
Ключевое в вашем сообщении - фраза "как делают все". Когда-то все делали скриншоты с файлов psd и отправляли дизайнерам, однако появились Invisionapp и Marvel и упростили жизнь всем, кто не слушал наставлений вроде вашего "делай скриншоты детально, как все, тыжеменеджер". А пока ваш совет больше похож на советское "все так делают и ты не жалуйся" 🤷🏻‍♀️

4
Ответить

Я был и программистом и руководителем проекта. Работал много и с удаленщиками и с штатными
Всегда, когда общаются люди между собой, есть риск недопонимания. И чем мельче правка, тем больше времени уходит на ее согласование и пояснение.

Лучше один раз показать, чем сто раз объяснить :-)

1
Ответить

Согласен с @M Bot. Такие мелкие задачи, как в тексте, обычно нарезаются в одну задачу, зачастую на звонке между менеджером и разработчиком, список лучше составлять самим разработчиком, и потом выполняются за раз, более крупные оформляются в отдельные таски. Всё. Так же у созвона с разработчиком есть куча других плюсов: он может предложить другой, более простой способ реализации из-за чего экономится время, деньги, качество реализации и достигается понимание.


ЗЫ: способ возможно не подходит для галер, очень больших команд или если плохая самоорганизация в команде.

Ответить

От себя скажу: Хороший и отличный плагин, в реальности убирает много сообщений о не понятных задачах. Удивляет отношения людей к реализованной идеи, аргументов в многих комментариях нет. У ребят была проблема, они своими силами ее решили, и дали возможность использовать свою разработку другим командам, разработчикам и т.п. лицам. Рекомендую вам делать продукт и дальше, главное не убейте его сотнями возможностей, лучше позвольте их отключать.

P.S. Решил написать просто, без "Умных" слов. Развивайте проект, реально получится годный продукт, особенно сейчас.

4
Ответить

Спасибо за добрые слова! Будем рады отзывам и предложениям

Ответить