첫 30초: 내 AI 확장 프로그램이 AI가 실행되기도 전에 사용자를 잃은 이유

저는 AI를 사용하여 선택한 텍스트를 설명하고 번역해 주는 Chrome 확장 프로그램을 만들었습니다. 저는 이것을 매일 사용합니다. 밀도가 높은 기술 문서의 단락을 하이라이트하고, 버튼을 클릭하면, 쉬운 말로 다시 돌려받습니다. 저에게는 아주 잘 작동합니다. 그러고 나서 친구에게 써보라고 주었습니다. 10초 후 그는 탭을 닫아버렸습니다. 그는 기능에 도달조차 하지 못했습니다. 그가 본 것은 API 키를 붙여넣으라는 양식이었고, 프로그래머가 아닌 그에게 그것은 거대한 벽이었습니다. 이것은 모든 BYOK (Bring Your Own Key — 사용자가 AI 제공업체로부터 직접 키를 가져오는 방식) 도구의 전형적인 이야기입니다. 도구는 작동하고, 모델은 응답하지만, 사용자는 AI가 실제로 실행되는 단계에 도달하지 못합니다. 장벽은 모델의 품질이나 채팅 UI가 아닙니다. 장벽은 "설치"를 클릭한 후의 첫 30초입니다. 이 글은 제가 ExplainIT!에서 이 문제와 어떻게 싸웠는지 — 어떤 솔루션이 효과가 있었고, 어떤 것들이 여전히 계획 단계에 있는지에 대한 이야기입니다.

ExplainIt!이란 무엇인가
저는 온라인에서 영어로 된 글을 많이 읽는데, 영어가 제 모국어가 아닙니다. 가끔은 단락을 하이라이트해서 번역하고 싶을 때가 있습니다. 그리고 기사가 기술적이고 내용이 밀집되어 있을 때는, 더 쉬운 용어로 설명받고 싶습니다. ChatGPT-wrapper 사이드바 확장 프로그램들이 인기가 많지만, 그것들은 대부분 AI와 채팅하는 것에 관한 것이지, 페이지 위의 특정 텍스트 조각을 빠르게 설명하는 것에 관한 것이 아닙니다. 그것이 ExplainIt!이 탄생하게 된 계기입니다. 텍스트 하이라이트 → 작은 버튼 → 설명 또는 번역. 제품 자체에 대해서는 더 이상 말하지 않겠습니다. 이 글은 ExplainIt!이 무엇을 할 수 있는지에 대한 것이 아니라, 사용자들이 그러한 기능에 결코 도달하지 못한다는 사실과 그에 대해 무엇을 해야 하는지에 대한 것입니다.

BYOK의 딜레마
AI 도구를 만들 때 첫 번째 질문은 이것입니다: 토큰(tokens) 비용을 누가 지불하는가. 모든 사람에게 무료로 제공한다는 것은 모든 사용자 요청이 AI 제공업체로 향하는 당신의 돈임을 의미합니다. 사용자 한 명은 몇 푼 안 됩니다. 백 명은 감당할 만합니다. 천 명이면 이제 그것은 구독형 비즈니스가 됩니다: 회계, 결제 지원 등이 필요하죠. 취미 프로젝트로 그런 모델은 작동하지 않습니다. 그래서 저는 BYOK 방식을 선택했습니다.

사용자가 직접 AI 제공업체(OpenAI, Anthropic, Google, Groq)에 가입하여 API 키를 발급받고, 이를 확장 프로그램에 붙여넣습니다. 저는 다른 사람의 AI 비용을 지불하지 않습니다. 사용자가 자신의 지출을 직접 제어합니다. 개발자에게는 완벽하게 들립니다. 하지만 사용자에게는 최악입니다. BYOK 방식은 '시작하기'라는 모든 과업을 사용자에게 떠넘기기 때문입니다. 확장 프로그램 설치 → API 키가 무엇인지 파악하기. 제공업체 선택. 가입하기. 아마도 카드 등록하기. 키 생성하기. 복사하기. 다시 확장 프로그램으로 돌아가기. 붙여넣기. 이 모든 과정을 거친 후에야 비로소 — 기능이 나타납니다. 지난 기사(Snipsy)에서 저는 '첫 30초'에 대해 썼습니다. 사용자가 도구를 막 설치하고, 이를 계속 사용할 가치가 있는지 결정하는 순간을 말이죠. 키보드 확장 프로그램의 경우, 그것은 빈 화면입니다. BYOK 도구의 경우, 그것은 용어와 단계들로 이루어진 벽이며, 그 벽은 그 어떤 화면보다 높습니다. 그리고 그것이 ExplainIt!의 진짜 문제입니다. AI도, UI도, 모델도 아닙니다 — AI가 실행될 수 있는 단계에 도달하는 방법이 문제입니다.

무료 키를 기본값으로 설정했습니다. 제가 본 대부분의 BYOK 도구들은 똑같은 방식을 취합니다. OpenAI, Anthropic, Google 등의 제공업체 드롭다운 메뉴와 빈 키 입력 필드가 있는 양식을 띄웁니다. 사용자가 무엇을 선택할지 결정해야 합니다. 모든 옵션에는 가입과 카드 등록이 필요합니다. 저는 이것저것 찾아보다가 Groq가 무료 API 액세스를 제공한다는 것을 발견했습니다. 카드 등록도 필요 없고, 이메일로 가입하며, 키를 생성하는 데 몇 분밖에 걸리지 않습니다. (Groq는 추론 제공업체(inference provider)입니다. xAI의 Grok과 철자 하나 차이이니 혼동하지 마세요.) "일부분을 강조하고 설명하기"라는 사용 사례의 경우, 무료 제한량은 충분하고도 남습니다. Groq에는 요청 빈도에 대한 속도 제한(rate limits)이 있지만, 확장 프로그램에서 간헐적으로 발생하는 요청으로는 그 제한에 걸리는 것이 거의 불가능합니다. Groq를 기본값으로 설정하기 전에 저는 한 가지를 확실히 하고 싶었습니다. 바로 이 무료 티어가 6개월 안에 사라지지 않을 것이라는 점입니다. '무료'를 기본값으로 설정했다가 한 시즌 뒤에 그 옵션이 사라지는 것은, 처음부터 솔직하게 유료 목록을 보여주는 것보다 더 나쁩니다.

여기서 Groq의 비즈니스 구조는 그렇게 되지 않을 것이라는 생각을 하게 만들었습니다. 그들의 주력 제품은 기업용 자체 하드웨어(LPU 칩)이며, 무료 API는 해당 하드웨어를 보여주는 쇼케이스 역할을 합니다. 이것이 미래를 보장하는 것은 아니지만, 그렇다고 내일 당장 사라질 권한도 아닙니다. 기본값을 선택해야 하는 개발자로서, 저에게는 그것으로 충분했습니다. 저는 Groq를 기본 제공업체(default provider)로 설정했습니다. 확장 프로그램이 처음 열릴 때, Groq가 이미 선택되어 있습니다. 이것은 단순히 "Groq 지원을 추가했다"는 뜻이 아닙니다. 이것은 "장벽을 제거했다"는 뜻입니다. 논리는 이렇습니다. 사용자가 즉시 무료로 체험해 보게 하는 것입니다. Groq에 가입하고, 키를 복사해서 붙여넣으면 — 바로 작동합니다. 만약 사용자가 이 기능을 좋아하고 습관이 된다면, 품질이나 속도를 위해 유료 제공업체를 연결하는 것이 합리적입니다. 하지만 "이게 마음에 드나?"라는 결정은 이제 사용자가 사용해 본 후에 일어납니다. 코드상으로는 단 한 줄의 기본값 설정일 뿐입니다. 제품 관점에서는 "사용해 보았다"와 "닫아버렸다"의 차이입니다.

외관을 통한 신뢰
무료 키는 첫 번째 장벽을 제거합니다. 두 번째 장벽은 신뢰입니다. 비전문적으로 보이는 확장 프로그램은 사용자가 키 입력 양식에 도달하기도 전에 사용자를 놓칩니다. 회색 아이콘, 서툰 UI, 대충 짜깁기한 스토어 스크린샷을 보면 사용자는 이렇게 생각합니다: "이건 아마추어 제품이네, 내 API 키를 여기에 가져다 놓을 순 없지." 저는 8년 경력의 백엔드 개발자입니다. 디자인은 한 번도 해본 적이 없습니다. 그리고 Chrome 웹 스토어(Chrome Web Store)에 게시하려면 특정 형식의 특정 에셋(assets)이 필요합니다: 스토어 아이콘 — 128×128 px; 스크린샷 — 최대 5개, 1280×800 또는 640×400, JPEG 또는 알파 채널이 없는 24비트 PNG; 작은 프로모션 타일 — 440×280, JPEG 또는 알파 채널이 없는 24비트 PNG; 마키 프로모션 타일(marquee promo tile) — 1400×560, JPEG 또는 알파 채널이 없는 24비트 PNG. "알파 채널이 없는 24비트 PNG"에 대해 한 가지 주의할 점은 이것이 흔한 함정이라는 것입니다. 사람들은 투명도가 있는 PNG를 업로드하고, 스토어는 이를 거부합니다. 저는 claude.ai/design에서 직접 이미지를 만들었습니다. 이는 대화를 통해 시각적 요소를 반복적으로 개선할 수 있는 AI 도구입니다. 원하는 것을 설명하면, AI가 그려줍니다.

당신이 "더 어둡게, 그리고 그라데이션은 빼줘"라고 말하면, AI는 다시 그립니다. 이는 마치 다른 사람도 없고 송장(invoice)도 없는 "클라이언트와 디자이너의 만남" 게임이 되었습니다. 저는 예전에 "시각적 요소를 반복 개선(iterating)한다"는 것이 "사진 한 장을 요청하고 그것을 받아들이는 것"을 의미한다고 생각했습니다. 하지만 알고 보니 그것은 "아직 아니야, 다른 걸 시도해봐"라는 식의 10번 또는 20번의 라운드가 이어지는 과정이었으며, 그것이 원래 의도된 방식이었습니다. 그 결과: 확장 프로그램, 아이콘, 모든 홍보 자산(promo assets)이 하나의 스타일로 통일되었습니다. 이것은 단순히 외관상의 문제가 아닙니다. 이것은 '첫 30초'를 위한 동일한 싸움의 일부입니다. 사용자가 전문적인 아이콘과 깔끔한 스크린샷을 보면, 다음 단계(키를 붙여넣기)로 넘어갈 가능성이 더 높아집니다. 반면, 대충 만들어진 것처럼 보이는 것을 보면, 내부 기능이 아무리 뛰어나더라도 탭을 닫아버립니다.

제가 다르게 했을 부분 — 그리고 의도적으로 하지 않을 부분

제가 다르게 했을 부분: 버튼 옆의 텍스트
저의 빈 상태(empty state)에는 이미 무료 Groq 키를 받는 페이지로 연결되는 버튼이 있습니다. 그것이 최소한의 조치이며, 현재 상태로도 작동합니다. 하지만 저는 더 나아가 버튼 옆에 "무료입니다, 카드 정보는 필요 없으며, 1분 정도 걸립니다"라고 설명하는 문구를 추가했을 것입니다. 버튼 하나만으로는 왜 그곳으로 가야 하는지 이해하지 못하는 문제를 해결할 수 없습니다. 개발자에게 "API 키를 붙여넣으세요"는 일상적인 문구입니다. 하지만 프로그래머가 아닌 사람에게 그것은 "이 작업은 어려울 것이다"라는 신호이며, 그 옆에 버튼이 있다고 해서 항상 마음을 돌릴 수 있는 것은 아닙니다.

제가 의도적으로 하지 않을 부분: 퍼널 분석 (funnel analytics)
이것은 "나중에 마무리할" 항목이 아닙니다. 이것은 "할 수 있지만 의식적으로 하지 않기로 결정했으며, 그 이유에 대해 이야기하고 싶은" 항목입니다. 왜냐하면 이것이 이 프로젝트에서 제가 내린 가장 고통스러운 절충안(tradeoffs) 중 하나이기 때문입니다.
설치부터 첫 번째 성공적인 요청까지 얼마나 많은 사람이 도달하는지 저는 모릅니다. 그것이 바로 이 글 전체가 다루고 있는 정확한 "첫 30초" 퍼널(funnel)이며, 저는 이에 대한 데이터가 전혀 없습니다. 명백한 해결책은 분석(analytics)을 추가하는 것입니다. 하지만 저의 Chrome 웹 스토어 등록 정보에는 "분석 텔레메트리(analytics telemetry) 없음, 브라우징 기록 없음"이라고 명확히 명시되어 있으며, 이는 포지셔닝(positioning)의 일부입니다. 저는 데이터를 수집하지 않겠다고 약속했습니다.

어떠한 분석(analytics)이라도, 심지어 가장 좁은 범위의 "온보딩 분석 (onboarding analytics)"조차 기술적으로는 더 이상 "텔레메트리(telemetry) 없음"이 아닙니다. 저는 데이터 없이 직관에 의존하여 제품 결정을 내리는 방향으로 기울고 있습니다. 더 정직한 방법이지만, 쓰라린 일입니다. 결론은 Snipsy의 사례와 같습니다. 인디 AI 도구에서 어려운 점은 기능을 구현하는 것이 아니라, 사용자가 도구를 알아가는 첫 30초를 살아남는 것입니다. AI의 품질도 중요하지만, AI가 실행되기도 전에 사용자가 탭을 닫아버린다면 그 품질은 아무런 의미가 없습니다. 여러분은 자신의 도구에서 BYOK(Bring Your Own Key) 온보딩을 어떻게 처리하셨나요? 무엇이 효과적이었고, 무엇이 그렇지 않았나요? 직접 시도해 보세요: Chrome 웹 스토어에서 ExplainIt!을 설치해 보세요 — 무료이며, 카드 등록이 필요 없고, Groq 키 설정에는 1분밖에 걸리지 않습니다.