본문으로 이동
슬랙봇 디자인 101
문서

슬랙봇 디자인 101

강영화 토스 · 토스 기술 블로그

원문 보기

AI 핵심 요약

슬랙봇은 업무 대화의 맥락을 벗어나지 않고 태스크를 빠르게 처리하게 해주지만, Slack의 Block Kit 제약과 사용자의 업무 맥락을 고려해야 한다. 토스팀은 Jira 이슈 생성·관리 등을 슬랙 안에서 처리하는 봇을 만들며, 블록 수와 버튼 라벨 길이 같은 제약을 엔지니어와 협의하고 다른 봇의 레퍼런스를 참고했다. 인터페이스는 버튼과 설명을 간결하고 가깝게 배치하고, PP 리뷰와 사용성 테스트로 개선했으며, 복잡한 설정은 웹페이지로 분리했다. 이슈봇은 이슈 생성과 업데이트 시간을 줄였고, 좋은 봇을 만들려면 플랫폼 제약뿐 아니라 사용자가 봇을 쓰는 맥락까지 함께 설계해야 한다.

  • Slack의 Block Kit은 UI 커스터마이징, 블록 수, 버튼 라벨 길이 등에 제약이 있으므로 설계 전에 블록킷 빌더로 직접 확인하세요.
  • Product Hunt와 Slack 앱 디렉터리에서 레퍼런스를 찾아 제약을 다루는 방식과 봇의 말투·캐릭터를 함께 살펴보세요.
  • 버튼과 설명을 가까이 배치하고, 라벨을 직관적으로 작성해 사용자가 다음 행동을 쉽게 파악하도록 하세요.
  • PP 리뷰와 사용성 테스트를 통해 인터페이스를 반복해서 검증하고, 필요하면 워크스페이스 이모지로 표현을 보완하세요.
  • 단순한 구독 설정은 봇 안에 두고, 복잡한 설정은 자유도가 높은 웹페이지로 분리하는 방식을 고려하세요.

소개

슬랙봇 디자인을 잘 하려면 무엇을 알아야하는지 알려드릴게요.

비슷한 학습 자료

컨퍼런스 SLASH

토스에서 사용하는 슬랙봇들의 개발 과정과 그동안의 고민을 공유합니다. 임한솔 / 토스 Full Stack Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-21 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH

백엔드 풀스택

문서 한재엽

이미 운영 중인 제품을 전부 갈아엎고 다시 만드는 경험을 하기는 어려운데요. 운 좋게 팀 내 공감대가 형성되어 여러 팀원과 하나의 제품을 온전히 개선해 볼 수 있었어요. 이 글에서는 구체적인 개선 내용에 앞서 어떻게 프로젝트를 셋업하고 진행했는지 소개할게요.

프로덕트 매니지먼트 애자일 · 협업

문서 김혜미

반복되는 업무를 프로덕트처럼 정의하고, AI와 함께 해결했어요.

문서 최정은

Part 2. 토스 사용자처럼 학습된 AI ‘휴리봇’을 만들며 얻은 AI 프롬프팅 팁을 공유해드릴게요.

AI에이전트 개발

문서 최정은

Part 1. 실무에서 잘 활용할 수 있는 AI봇을 만들기 위해 프롬프팅 외에도 필요한 것들을 알려드릴게요.

AI에이전트 개발

문서 정세희

토스 디자인 시스템에서 가장 많이 사용하는 컴포넌트인 테이블 컴포넌트. 문제의 근원을 해결하기 위해 시도했던 다양한 시도와 러닝을 소개합니다.

UI/UX