🎨 피그마가 데이터 기반으로 코멘트 기능을 업데이트한 방법 🖌 피그마의 데이터 사이언티스트가 최근 코멘트 기능 업데이트 관련해서 작성한 공식 블로그 글을 요약해보았습니다. ▶ 피그마 사용

🎨 피그마가 데이터 기반으로 코멘트 기능을 업데이트한 방법 🖌 피그마의 데이터 사이언티스트가 최근 코멘트 기능 업데이트 관련해서 작성한 공식 블로그 글을 요약해보았습니다. ▶ 피그마 사용 첫 달 중, (피그마로) 더 많이 협업하는 팀이 그렇지 않은 팀보다 그 다음 달에 retain되는 비율이 1.75배 더 높았고, 유료 플랜으로 전환되는 비율이 6.5배 더 많았다. 즉, 최대한 많은 팀 구성원들이 피그마에서 협업하도록 유도하는 것이 중요했음 ("피그마에서 더 많이 협업하는 것"을 어떤 지표로 정의했을지 궁금해지네요.) ▶ Comment 기능은 협업을 하는 데 중요한 역할을 하지만, 실제로 많이 사용되지 않는다는 것을 발견했다. ▶ Why? 이전 버전에서 사용자들은 왼쪽 위 말풍선 아이콘을 눌러 코멘트를 입력할 수 있었다. 하지만 리서치 결과 사용자들은 코멘트 기능을 발견하는 것에 어려움을 겪고 있었다(=인지가 되지 않았던 것). 이에 디자이너들과 밀접하게 협업하지만 코멘트를 잘 남기지 않는 사용자 집단인 엔지니어들을 대상으로 코멘트를 남기도록 유도하는 실험을 진행했다. 결과를 살펴보니 실험군이 대조군 대비 코멘트를 45% 더 많이 남겼으며 그 다음주에 다시 코멘트 기능을 사용하는 비율에도 악영향이 없었다. 코멘트 기능을 더 가시적이게 만드는 것만으로도 큰 임팩트를 낼 수 있다는 것을 확인할 수 있었던 실험이었다. ▶ 그 다음 실험에서는 코멘트 아이콘을 메뉴 바의 가장 우측으로 이동시켰다. 협업과 view 기능이 몰려있는 메뉴 오른쪽 영역에 코멘트 아이콘을 두면 사용자들에게 더 잘 보이리라는 예측이었다. 하지만 놀랍게도, 이번에는 실험군에서 코멘트를 발견하는 비율이 20% 적었다. 단순히 아이콘의 위치만 옮겨서는 discoverability(발견가능성) 이슈를 해결하기 어렵다는 것을 깨달았던 실험이었다. ▶ 이후에도 여러 차례의 실험을 진행했고, 나중에는 코멘트 기능의 discoverability뿐만 아니라 사용자가 해당 기능을 관리하고 상호작용하는 방식 전반에 대해 개선하기로 했다. 새로운 UI 업데이트는 사용자들의 혼란을 방지하기 위해 몇 주에 걸쳐 단계적으로 출시하기로 했으며, 통계적 유의성을 확보할 수 있는 수준에서 단계적 출시 비율을 설정했다. 한편, 제품을 출시한 직후 공식적으로 기능 런칭을 선언함으로써 사용자들이 다가오는 업데이트에 대해 미리 인지할 수 있도록 했다. 이 덕분에 더 많은 사용자들에게 기능이 배포되기 전에 사용성 이슈나 버그를 빠르게 발견하고 대응할 수 있었다. 코멘트 기능 업데이트 결과, 더 많은 사용자들이 자신이 남긴 코멘트에 대한 답장을 받을 수 있었을뿐만 아니라, 답장을 받는 시간도 몇 시간 단축되었다. - 작은 실험으로 시작해서 큰 기능 업데이트를 만들어내기까지 어떤 단계를 거쳤는지 확인할 수 있어 재미있게 읽은 글이었습니다. 한편 여기서 자세하게 다루지는 않지만, ✅ 피그마에서 더 많은 팀원들이 서로 협업하게 만드는 것을 제품 성장의 레버로 포착한 것 자체가 굉장히 중요한 발견으로 보입니다. 피그마에서 더욱 다양한 디자인 기능을 제공하고 디자이너들이 사용하기 편리하게 만드는 방향으로도 갈 수 있었을텐데 말이죠. 1️⃣ 데이터를 통해 피그마에 더 많은 팀원들이 활발하게 참여해서 협업하게 하는 것이 중요하다는 것을 확인하고(생각해보면 피그마 서비스가 내세우는 핵심이 '최고의 디자인 툴'이 아니라 '협업'이었던 것 같네요) -> 2️⃣ 협업의 핵심 기능 중 하나인 코멘트 기능을 활발하게 사용하지 않는다는 것을 발견 -> 3️⃣ 여러 가지 작은 실험을 통해 해당 기능의 어떤 부분을 어떻게 개선해야하는지 파악 -> 4️⃣ 전반적인 개선을 진행해서 출시한, 전체적인 프로세스가 인상적인 아티클이었습니다. - 참고) 피그마 코멘트 기능 업데이트 내용 중 일부: - 코멘트가 있는 곳에 마우스를 가져다 대면 코멘트의 프리뷰를 볼 수 있음 → 이전보다 코멘트 기능을 더 잘 인지할 수 있음 - 코멘트에 이모지 리액션을 달 수 있도록 함 → 리액션을 하는 것에 대한 장벽을 낮추고 빠르게 반응을 남길 수 있음. 코멘트 스레드를 깔끔하게 유지하는 데 도움이 되기도 함 - 캔버스의 특정 영역을 잡아서 코멘트를 남길 수 있도록 함 → 디자인의 작은 디테일에 대한 피드백인지, 더 넓은 영역에 대한 피드백인지 더 잘 표현하고 소통할 수 있음 - 코멘트 내용을 보면서 디자인 작업을 할 수 있도록 함 (이전에는 디자인 수정 모드로 들어가면 코멘트는 꺼지게 됨) → 피드백 받은 내용을 디자인에 더 잘 녹여낼 수 있음 - 많은 코멘트가 달렸을 경우 클러스터링을 해줌 → 전체 디자인 중 어떤 영역에 피드백이 집중되어있는지 파악할 수 있으며, 너무 많은 코멘트 말풍선이 캔버스를 뒤덮어서 부담스러울 수 있는 것을 방지함