웹 프로젝트를 위한 상위 5가지 피드백 및 협업 도구

디자인 업계에서 일하는 사람이라면 누구나 웹사이트나 웹 애플리케이션의 디자인이 완성되는 즉시 작업이 끝나지 않는다는 것을 알고 있습니다. 최종 디자인을 개발팀에 넘기는 즉시 검토하고 변경하는 긴 여정이 시작됩니다.

대부분의 경우 웹 프로젝트를 검토하고 마무리하는 것은 실제로 디자인하거나 구축하는 것보다 더 오래 걸릴 수 있습니다. 관련된 모든 팀 구성원은 디자인 변경 사항에 동의하고 개발 팀에 정보를 성공적으로 전달해야 하며 물론 이 모든 작업이 완료된 후 변경 사항을 다시 검토해야 합니다. 긴 이메일을 쓰고 읽고, 스크린샷을 찍고, 중요한 정보를 찾기 위해 Slack에서 긴 대화 스레드를 검색하는 데 많은 작업 시간이 낭비되고 있습니다!

이 모든 것은 불가피하게 관련된 모든 사람들에게 진행 중인 웹 프로젝트에 대한 피드백 관리를 악몽으로 만듭니다. 다행스럽게도 피드백 프로세스의 속도를 높이고 모든 사람이 같은 페이지에 머물도록 하는 데 도움이 되는 몇 가지 훌륭한 공동 작업 도구가 있습니다. 그 중 다섯 가지를 살펴보자!

1. 비주얼 인스펙터

Visual Inspector는 누구나 코딩 없이 웹페이지에서 일시적으로 시각적인 변경을 할 수 있는 인기 있는 무료 Chrome 플러그인입니다. 이 도구를 사용하여 디자이너는 크기, 위치, 색상, 불투명도, 그라디언트와 같은 페이지의 속성을 검사 및 변경할 수 있으며 변경 사항을 개발 팀에 전달하기 전에 미리 볼 수 있습니다. 타이포그래피 요소의 경우 텍스트를 인라인으로 편집하고 크기와 서체, 정렬 등을 변경할 수 있으므로 이 도구는 카피라이터나 블로거에게도 매우 유용합니다.

대체로 Visual Inspector는 구현을 진행하기 전에 수행해야 하는 변경 사항을 미리 보고 테스트하는 데 도움이 되는 매우 유용한 도구입니다. 이렇게 하면 팀이 변경 사항을 전달할 때 불필요한 앞뒤를 피할 수 있어 모두의 소중한 시간을 절약할 수 있습니다.

2. 집보드

ZipBoard는 웹 페이지에서 스크린샷을 찍고 주석을 달고 공동 작업할 수 있는 웹 도구이며 Chrome 플러그인으로도 사용할 수 있습니다. 새로운 프로젝트를 개발하거나 기존 프로젝트를 개선할 때 시각적 검토 및 버그 추적에 매우 유용할 수 있습니다.

사용하기 매우 쉽습니다. 피드백을 제공하려는 페이지를 방문하고 ZipBoard를 사용하여 스크린샷을 찍거나 비디오를 녹화하기만 하면 됩니다. 이 작업을 수행하자마자 주석, 주석, 화살표 및 모양 등과 같은 피드백을 제공하는 데 도움이 되는 모든 도구가 포함된 스크린샷 또는 녹음이 새 창에서 열립니다. 추가한 후에는 팀원과 공유할 수 있습니다.

더욱이 시스템을 사용하여 태블릿 및 모바일과 같은 다양한 장치에서 페이지가 어떻게 보이는지 확인할 수 있습니다.

3. Markup.io

Markup.io는 피드백 시간을 반으로 줄일 수 있는 완전 무료이며 매우 사용하기 쉬운 피드백 도구입니다. 무료 계정에 가입하고 검토해야 하는 웹 페이지의 URL로 프로젝트를 생성하기만 하면 됩니다. 초대장을 보내거나 링크를 공유하여 팀의 모든 사람을 공동 작업에 초대할 수 있습니다. Markup.io는 또한 Google Chrome 확장 프로그램으로 제공되므로 웹사이트의 스크린샷을 찍고 즉시 Markup 대시보드에 프로젝트로 추가할 수 있습니다.

다른 유사한 제품과 달리 마크업을 사용하면 스크린샷이나 화면 녹화뿐만 아니라 프로젝트의 전체 페이지를 공유할 수 있습니다. 수행해야 하는 변경 사항에 대해 페이지에 의견을 남기고 진행 상황을 추적할 수 있습니다. 또한 페이지가 동적으로 업데이트되므로 변경 사항을 검토하고 수정되면 문제를 해결할 수 있습니다. 최근에 그들은 또한 매우 유용한 첨부 파일을 지원하기 시작했습니다. 태블릿 및 모바일 모드에서 페이지를 미리 보고 각 화면에 대해 별도의 댓글을 남길 수도 있습니다.

가장 중요한 것은 이 도구가 가능한 한 무료라는 것입니다! 무제한 프로젝트를 만들고 무제한 공동 작업자와 공유하고 무제한 댓글을 남길 수 있습니다. 대단해!

4. 프로젝트 허들

ProjectHuddle은 라이브 프로젝트에서 직접 피드백과 프로젝트 승인을 쉽게 얻을 수 있는 프리미엄 WordPress 플러그인입니다.

ProjectHuddle은 WordPress에서 실행되므로 이를 사용하려면 먼저 플러그인을 구매하여 클라이언트 웹사이트 피드백을 위한 기본 대시보드로 사용할 WordPress 사이트에서 플러그인을 설치해야 합니다. 그렇게 하면 "새 웹사이트" 또는 "새 목업"을 추가할 수 있습니다. ProjectHuddle은 둘 다 처리할 수 있습니다. 대시보드 사이트를 개별 웹사이트 및 모형 파일에 연결하고 나면 피드백을 남길 수 있습니다.

새 웹 사이트 프로젝트를 생성한 후 프로젝트를 열면 디자인의 오른쪽 하단 모서리에 피드백 위젯이 표시됩니다(목업 프로젝트의 경우 상단에 도구 모음이 대신 있음). 거기에서 댓글을 남기는 옵션은 간단하고 간단합니다. 페이지 전체에 디자인에 대한 스티커 메모 스타일 피드백을 남기고, 특정 팀 구성원에게 작업을 할당하고, 파일을 첨부하고, 특정 동료를 언급하여 의견을 알릴 수도 있습니다. 작업을 생성하면 프로젝트 진행 상황을 모니터링하는 데 도움이 되는 작업 목록이 채워집니다.

ProjectHuddle은 한 웹사이트에 대한 피드백을 공유하는 가장 저렴한 옵션은 아니지만 현재 무제한 웹사이트에서 피드백을 공유할 수 있는 가장 저렴한 옵션 중 하나입니다.

5. 유저백

Userback은 비디오와 주석이 달린 스크린샷을 사용하여 웹사이트와 애플리케이션에서 시각적 피드백을 수집하고 관리할 수 있는 고객 피드백 솔루션입니다. 이 도구는 모든 프로젝트를 한 번에 관리하기 위한 대시보드와 각 프로젝트에 대한 피드백을 생성하기 위한 브라우저 확장을 제공하므로 많은 시간을 절약할 수 있습니다. 어떻게 작동하는지 봅시다.

먼저 14일 평가판을 사용하여 확인할 수 있으며(이 단계에서는 신용 카드가 필요하지 않음) 유용하다고 생각되면 하나의 프로젝트를 관리하기 위한 기본 계획(월 $8)에 가입하거나 최대 5개의 프로젝트를 관리할 수 있는 표준 요금제(월 $34).

가입한 후 새 프로젝트를 만들고 팀원을 초대하고 역할(예: "디자이너", 개발자" 등)을 할당할 수 있습니다. 프로젝트에 대한 피드백을 제공하려면 입력한 URL을 방문하여 Userback 브라우저 확장을 활성화하기만 하면 됩니다. 그게 다야! 이제 의견을 남기고, 주석을 달고, 모양을 사용하고, 팀과 생각을 전달하고 싶은 모든 것을 그릴 수 있습니다.

완료되면 원하는 동료에게 피드백을 보낼 수 있습니다. 동료는 귀하의 피드백과 함께 귀하가 피드백을 제공하는 동안 사용한 브라우저 및 운영 체제에 대한 유용한 추가 정보를 받게 됩니다. 개발자들이 좋아할 것입니다! 동일한 스크린샷이 Userback 대시보드에 자동으로 추가되므로 귀하와 귀하의 팀은 모든 것이 해결될 때까지 피드백을 논의하고 진행 상황을 모니터링할 수 있습니다. 특히 유용한 것은 팀 개발자, 팀 카피라이터 등과 같은 특정 팀원에게 피드백과 작업을 직접 할당할 수 있다는 사실입니다. 즉, 팀의 모든 사람과 동시에 공동 작업을 하려면 하나의 도구만 사용하면 됩니다.

위의 내용 외에도 문제 수, 해결된 문제 수 및 프로젝트의 일일 진행 상황에 대한 통계와 함께 프로젝트 개요를 볼 수 있습니다. 마지막으로 Slack, Jira 및 Microsoft 팀에서 Gitlab, Asana 및 Monday에 이르기까지 거의 모든 프로젝트 관리 앱과 통합됩니다.