Pull to refresh
0

Системы коллективного комментирования в отладке сайтов

Reading time 6 min
Views 3.1K
В этом обзоре мы проанализировали несколько систем коллективного комментирования веб-страниц и постарались найти идеальный инструмент для удаленного обсуждения и отладки work-in-progress сайтов с заказчиком и другими участниками работы.

image

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

Что он имел ввиду? Что и на какой странице он хочет изменить? Где-что разъехалось, у меня всё в порядке? Такими вопросами задавался хотя бы раз каждый дизайнер/верстальщик/программист/контентщик при попытке передать свою работу коллеге для дальнейшего ведения проекта или клиенту.

Частично с этой проблемой помогают справиться системы типа The commentor, позволяющие добавлять комментарии к изображениям и указывать на конкретные части картинки несколькими несложными инструментами. Однако что делать, если работа идёт уже со свёрстанным макетом, а то и с готовым сайтом. Уменьшить бюрократию, сократить время на сбор багов и правок можно существующими сервисами — системами коллективного комментирования.

Обзор сделан на основе проведенного нами поиска системы для внедрения в дизайн-студии Nimax, поэтому у нас есть определенные требования:
  • Простая регистрация. Любой клиент должен справиться с регистрацией и установкой плагина (если таковой есть);
  • Возможность комментировать страницу в целом, комментировать конкретный участок страницы, например блок текста или изображение;
  • Бесплатность. Себе мы конечно можем позволить платный сервис, но не можем навязывать его клиентам;
  • Уведомления о полученных комментариях.
В рассмотренных вариантах мы не будем обращать особого внимания на социальные сервисы, а сконцентрируемся на тех функциях, которые могут быть полезны именно в дебаге\комментировании веб-страниц перед сдачей.

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

Twiidla


Наиболее близкий по своему принципу к The commentor сервис. Предлагает создать свою публичную или частную комнату, в которой можно загрузить любое изображение или открыть любой сайт для коллективного комментирования. Twiddla дает инструменты для рисования, размещения различных объектов на полотне сайта, а также живого чата.

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

image

Официальная страница: http://www.twiddla.com

Плюсы
  • Рисование по поверхности сайта;
  • Размещение любых объектов на рабочей странице;
  • Не требует установки плагинов, кроссбраузерен;
  • Не требует регистрации.
Минусы
  • Невозможность одновременной работы с несколькими страницами в одной комнате;
  • Малое количество функций в бесплатной версии.

SideWiki


Сервис-надстройка для панели Google для создания публичных комментариев к сайтам. Позволяет, имея Google-аккаунт и панель Google (для IE или FF), оставлять сообщения к любым публичным веб-страницам. Комментарии размещаются в боковой панели и относятся или к странице целиком, или к конкретному блоку текста. Сервис имеет свой API, позволяющий создать скрипт, уведомляющий автора о новых сообщениях. Владелец сайта также может писать свои особые, администраторские комментарии, выделенные цветом и размещённые вверху списка. К сожалению, несмотря на перспективность, на данный момент у сервиса нет возможности приватного комментирования, что делает использование его в качестве визуального баг-трекера на публичных адресах невозможным.



Официальная страница: http://www.google.com/sidewiki/intl/ru/index.html

Плюсы
  • Простота использования;
  • Широкий охват аудитории, пользующейся панелью «Google»;
  • Сервис и справка на русском языке.
Минусы
  • Невозможность комментирования изображений;
  • Невозможность комментирования «поверх» сайта;
  • Отсутствие приватного режима комментирования;
  • Сложности с уведомлением.

Reframeit


Сервис, аналогичный викикомментариям по реализации, не требует установки панели, прячется в виде плагина (IE7+, FF) и дает схожую с Sidewiki боковую панель, правда гораздо более богатую функционально. Комментировать можно страницу целиком, выбранный блок текста или изображение. Сообщения можно оставлять публичные или приватные, определять группы просматривающих комментарии (это могут быть рабочие группы проекта), следить за появлением новых. На сайте «Reframeit» можно следить за новыми сообщениями в определённых группах и на отслеживаемых страницах. Для самого списка комментариев, на панели предусмотрено несколько режимов отображения и фильтрация, но в общем интерфейс сложно назвать интуитивно понятным, что может негативно сказаться, если речь идет о передаче сайта клиенту, а не внутри команды.



Официальная страница: http://www.reframeit.com

Плюсы
  • Возможность отвечать на комментарии;
  • Приватные комментарии, с разграничением на группы;
  • Возможность работы без регистрации, через OpenID;
  • Возможность отслеживания появляющихся комментариев, в том числе через RSS;
  • Можно комментировать страницы на внутренних/закрытых сайтах.
Минусы
  • Субъективно интерфейс может быть сложен для клиента;
  • Невозможность коментирования «поверх» сайта;
  • Разработчики предупреждают о статусе ранней беты у плагина для IE.

Diigo


«Diigo» — панель для IE и FF, букмарклет для Оперы, Сафари и Хрома. Основное назначение — коллективные закладки, однако благодаря возможности комментирования и выделения (highlight) элементов страниц, вполне подходит под наши задачи. Для любой страницы можно оставлять сообщения, делать выделения и оставлять комментарии к выделениям. Кроме того, контекстное меню позволяет добавлять на любое странице произвольное число стикеров. Записки могут быть размещены над любым элементом страницы или прикреплены к конкретному выделению на странице, каждая из них может иметь свои комментарии, которые размещаются непосредственно в её поле. Неактивные записки сворачиваются в небольшие иконки, которые удобно размещать по странице, не боясь мешанины.

image

Официальная страница: http://www.diigo.com

Плюсы
  • Можно комментировать страницы на внутренних/закрытых сайтах;
  • На плоскости сайта можно размещать стикеры;
  • Есть официальные букмарклеты для альтернативных браузеров;
  • Возможность отслеживания появляющихся комментариев, в том числе через RSS.
Минусы
  • Серьезных нет.

AddATweet


Плагин для FF, использующий идентику и авторизацию OpenID Твиттера для создания панели комментирования. Мы не будем на нём подробно останавливаться, потому как несмотря на возможность оставлять сообщения на отдельной странице, как публичной, так и на внутреннем адресе, указать конкретный блок текста или изображение нельзя. Также нельзя создавать приватные комментарии, однако можно дублировать сообщения в твиттер и отвечать на комментарии в твиттер-стиле. Этот сервис подойдет любителям минимализма.

image

Официальная страница: http://www.addatweet.com

Плюсы
  • Интеграция с твиттером;
  • Твиттер-минимализм.
Минусы
  • Только Firefox 3+, плагин для IE обещают позже;
  • Нет возможности комментирования отдельных блоков текста и изображений;
  • Нет приватных комментариев.

Goozzy


Панель для основных браузеров рунета (Опера, FF, IE). Русский сервис с приятным оформлением и грамотным подходом к делу. Позволяет создавать приватные и публичные стикеры, а также стикеры для групп. Каждая заметка может иметь свои комментарии. На сервисе не требуется дополнительной регистрации и всё довольно подробно «разжёвано» при первом входе. Стикеры запоминают своё расположение и не боятся сайтов, не доступных из интернета.

image

Официальная страница: http://www.goozzy.com

Плюсы
  • Сервис и справка на русском языке;
  • Возможность работы без регистрации, через OpenID.
Минусы
  • Плагин для IE в статусе альфы;
  • Периодически бывают проблемы с загрузкой сайтов и flash-плагином, что оправдывается бета-статусом панели.
Среди рассмотренных нами вариантов, каждый имеет свои преимущества и недостатки, больше подходит в том или ином случае. В итоге, мы остановились на сервисе Goozzy, поскольку он очень прост, удобен и имеет русскоязычный интерфейс. Для внутреннего обсуждения проектов мы можем позволить себе использовать англоязычный сервис, но для общения с клиентами, в большинстве случаев нет. Для обсуждения больших и сложных проектов наша компания использует Twiidla, поскольку она позволяет как угодно комментировать и «разрисовывать» обсуждаемый сайт.
Tags:
Hubs:
+72
Comments 51
Comments Comments 51

Articles

Information

Website
nimax.ru
Registered
Founded
Employees
31–50 employees
Location
Россия