10 Фидбэк инструментов для дизайнеров и разработчиков

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков

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



Инструменты для демонстрации дизайн-макетов


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

InVision

InVision — лучшее приложение для демонстрации дизайна веб-сайта, которое мне удалось найти. В своей работе я использую именно InVision. Оно позволяет загружать скриншоты, создавать интерактивную модель веб-сайта. делать карту сайта разметив все кликабельными ссылками. Клиент может взаимодействовать с ними, чтобы понять, как будет работать готовый продукт, ещё до того как вы начнёте писать код. Более того, пользователь может оставлять комментарии под любым из скриншотов, которые вы потом можете просмотреть.

Огромным плюсом InVision является то, что макеты не масштабируются. То, что не помещается в браузер, обрезается и при этом не появляется горизонтальный скроллбар, а сам макет всегда ровняется посредине. Сервис имеет очень привлекательный дизайн в стиле .

К сожалению, InVision платный, но доступно создание одного проекта бесплатно. Далее ценник стартует от 15$ за три проекта.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Concept Inbox

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

Concept Inbox — подойдет для тех, кто потратил свой один бесплатный проект в InVision и не хочет покупать платный тариф. Concept Inbox — практически полный аналог, но, как по мне, менее удобный в использовании. Макеты не масштабируются. Таким образом идеально подходит для веб-дизайнеров.

Бесплатно доступно создание одного проекта. Далее — от $14 в месяц.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Concept.ly

Concept.ly — бюджетный инструмент для демонстрации своего дизайна клиентам. Подойдет для тех, кто истратил все бесплатные проекты в InVision и Concept Inbox. Тут уже доступно бесплатное создание двух проектов. Платные тарифные платны очень вкусные. Точнее, тарифный план. Он один. Платим 9.99$ в месяц и создаем сколько угодно проектов. К тому же, по функционалу Concept.ly ничем не отличается от сервисов выше. В нем также есть возможность создавать разметку макета (кстати, реализовано это очень удобно). В итоге получаем динамический прототип с кликабельными элементами: меню, блоки, логотип, . Помимо этого есть возможность создавать проекты трех типов: десктопный дизайн, планшетный вид и мобильный вид макета.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Feedbag.io

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

По умолчанию, при загрузке изображения оно масштабируется в зависимости от размера монитора. Для макетов веб-страниц — это огромный минус, так как просмотр дизайна должен осуществляться всегда в масштабе 100%. Это можно решить нажав на кнопку «fit to screen 100%» в правом нижнем углу. После чего изображение становится масштабом 1:1, а те области, которые не помещаются в видимую область окна браузера, просто обрезаются. При этом появляется горизонтальная прокрутка, что не есть хорошо.

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

Единственный плюс Feedbag.io — это простота использования. Больше подходит для демонстрации каких-то иллюстраций. Веб-дизайнеру тут делать нечего.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


RedPen.io

Red Pen — аналог сервиса выше, но не имеющий бесплатного тарифа. Лишь 14 дней пробного периода. Я считаю, что это не серьезно. Предназначен для демонстрации своего дизайна клиентам. Есть возможность оставлять комментарии к определенным областям на изображении и вести обсуждения. Минусы все те же. Когда макет не помещается по ширине, то появляется горизонтальная прокрутка.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Codesign.io

Сервис от отечественных разработчиков для демонстрации своего дизайна клиенту. Можно создать бесплатно три проекта.

Все удобно, все красиво, но макеты масштабируются. Разработчики обещают добавить 100% режим просмотра в скором врмени.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков




Визуальные баг трекеры для разработчиков


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

Usersnap

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

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

К сожалению, у этого сервиса нет бесплатного тарифа. Лишь триальный период.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Trackduck

TrackDuck — это аналог сервиса выше — визуальный баг трекер. Целевой аудиторией являются небольшие компании и фрилансеры. Он позволяет клиентам отправлять фидбэк в общий трекер через встроенный в страницу инструмент.

Не имеет бесплатного тарифного плана. Только триал.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Bugherd

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

Бесплатного тарифа нет.

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков


Bugio

Последний визуальный баг трекер, который удалось найти. Разработчики — поляки. Все цены указаны в злотых. Бесплатного тарифа нет. Ценник начинается от 29zł в месяц ( примерно 8$).

Полезное в сети: 10 Фидбэк инструментов для дизайнеров и разработчиков
Напишите свой комментарий
comments powered by HyperComments