음성 노트 만들기(AI Voice Note) - LISN

 

제가 SW마에스트로 기간동안 만들었던 프로젝트를 소개하는 포스팅을 해보려고 합니다.

 

LISN 이라는 서비스로 한 마디로 이야기하면 AI Voice Note 입니다.

 

Windows/Mac + Chrome 환경을 지원합니다.

현재 Mobile은 미지원 상태입니다.

 

https://lisn.ai 

LISN

 

1. 기획 배경

 

일상생활에 많은 순간들 속에서 저희는 녹음을 하고 있고 그것을 정리해야 될 필요성을 느끼고 있습니다. 그러한 순간들에서 불편함을 호소하는 사람들이 많다는 것을 설문을 통해서 파악했고 이러한 니즈를 해결할 수 있는 서비스가 존재하면 좋겠다는 생각을 했습니다.

 

2. 유사 서비스

해외에서는 이미 유사한 서비스들이 많이 서비스되고 있고 국내에서도 음성을 텍스트로 변환해주는 노트 기능을 가진 어플들이 존재하고 있었습니다. 하지만 영어의 경우에는 완성도가 높은 편이었지만 국내에서는 아직까지 완벽한 서비스이다. 라고 이야기하기에는 애매한 상태였습니다.

또한 스타트업들에서 계속해서 연구를 하고 있는 상태였기 때문에 저희도 충분히 도전할 수 있고 경쟁사가 많다는 것은 그만큼 시장성도 있다는 것이기 때문에 프로젝트로 좋겠다고 생각하고 진행하게 됩니다.

 

3. 설계

 

서비스의 전체적인 설계구조입니다. Frontend로 Vue.js, Backend로 Django를 사용하였습니다. AWS 환경에서 개발을 하였습니다.

DB나 API 도 설명해드리고 싶은데 길어질거 같아서 현재 Repo가 Private이라 서비스가 종료된 후 Public으로 바꾸고 링크 걸어두겠습니다.

 

4. 주요 기능

4가지의 주요 기능을 가지고 있고 각각의 기능들의 완성도를 높이기 위해 노력했습니다. 기술적 난도보다는 서비스의 완성도에 초점을 두고 기능을 개발해보았습니다.

 

좌측 '실시간 음성 인식' 부분과 우측 '노트 내용' 부분으로 구분되어 있습니다. 녹음을 하면 실시간으로 음성이 텍스트로 변환되어 표시되도록 구현했습니다. 또한 음성인식 언어는 한, 영, 일 3개 국어를 지원합니다.

음성의 묵음 구간을 기준으로 자동 줄바꿈되고 특정 부분 클릭 시 해당 부분부터 음성이 재생됩니다.

노트를 유형별로 '내 노트, 공유 받은 노트, 폴더' 3가지로 분류합니다. 또한 폴더에 색 태깅을 할 수 있어 직관성을 높여보았습니다.

공유 한 경우 이미지를 이용해 직관적으로 보이도록 했고 공유 해제나 재공유도 가능합니다.

 

5. 서비스 분석

 

제품 분석 툴인 Amplitude를 통해서 서비스를 분석해보았습니다.

(Vue.js에 Amplitude를 사용하는 방법에 대한 포스팅이 잘 없어서 나중에 정리해서 Amplitude에 관해서는 조금 더 자세히 포스팅하겠습니다.)

 

11월 23일 기준으로는 233명의 회원수를 보유하고 있습니다. 포스팅 중인 시점에는 268명입니다.

사용자 수가 적은 거는 여러 이유가 있겠지만 홍보나 활용성 면이 좀 부족하지 않았나 생각됩니다.

 

좌측은 Main 페이지에 들어오는 사용자 수이고 오른쪽은 실제로 Login을 해서 서비스를 이용해 본 사용자 수입니다. 약 30%정도만 실제로 로그인을 해서 사용해본 것을 알 수 있습니다.

 

많은 사람들이 페이지에 들어와서 보고 바로 나갔다는 슬픈 사실을 알고 나서 메인 페이지에 문제가 있다는 것을 알아서 Demo 서비스를 추가하면 어떨까 고민하게 됩니다.

 

Device Type 분석인데 Windows/Mac + Chrome 환경을 지원한다고 홍보해도 많은 사람들은 Mobile로 접속을 했습니다. 그래서 서비스를 만들 때는 반드시 Mobile 호환이 되어야 한다는 것을 뼈저리게 느낍니다.

사용자 언어인데 영어와 일본어를 사용하는 사용자들이 있어서 빠르게 한, 영, 일 3개 국어를 지원하게 수정했습니다. 제가 만든 서비스는 언어만 지원해도 확장성이 매우 큰 장점이 있어서 환경언어를 영어만 우선 빠르게 추가하여 외국 커뮤니티에 올려보면 어떨까 생각합니다.

 

 

 

여기까지 LISN 에 대한 서비스 소개였습니다. 차근차근 이 서비스의 기술적인 설명도 정리해보겠습니다. 그럼~~