Summary of feedback received so far

December 21, 2022
FeedbackFeedbank

저는 피드뱅크를 만들고 있습니다. 간단히 소개하자면 "웹사이트 피드백 수집툴"로, 작은 소프트웨어를 만드는 제 작은 회사입니다.

HTML에 스크립트를 붙여서 플러그인을 생성하면 화면 구석에 작은 트리거가 생기는 데, 이 버튼을 클릭하면 피드백 내용을 적을 수 있는 위젯이 생성됩니다.

"전달" 버튼을 누르면 웹사이트 관리자에게 해당 내용을 메일로 보내주는 간단한 서비스입니다.

발신자 입장에서는 자신이 보낸 기록은 현재 확인할 수 없기 때문에, 피드백을 보낸 분들이나 어떤 피드백들이 오고 갔는지 궁금해 하실 분들이 있을까 싶어서 근 3달간 서비스를 하면서 받은 인상깊었던 피드백들을 공유해 보고자 합니다.

제가 운영하는 서비스에 대한 피드백들만을 소개하는 글입니다. 초기라서 피드뱅크를 처음 접하는 분들이 많아 테스트로 보내신 케이스들은 제외합니다. 주로 커디에 대한 내용이 많네요.

아이패드에서 사파리로 접속시 전송 버튼을 눌러도 작동되지 않아요

아마 커디를 처음 홍보했을 때?였던 것 같은데, 당시에 텍스트 검증을 잘 못해놔서 전송 자체가 안됐던 걸로 기억합니다. 해당 부분은 바로 고쳤던 것 같습니다.

아이패드에서 사파리로 접속하셨다고 하는데, 정말로 Apple iPad tablet에 Mobile Safari라고 잘 적혀 있군요.

오 화면 캡쳐는 신기해요

화면 캡쳐 기능이 신기하셨나 봅니다. 😅 파이어폭스를 통해 보내신 점은 인상적이네요.

로그인 없이 채팅 입력창에서 엔터를 계속 누르니 화면을 가리네요

원래 텍스트 없이 엔터를 누르면 아무 반응이 없어야 하는 데, 제약을 걸어놓지 않아서 그랬던 걸로 기억합니다.

Vue 익힐 때 들어왔던 것 같았는데 이번에도 Vue 방 꼭 만들어주세요

옛날에 디디톡 만들 때 Vue 방이 있었는 데, 그 때 계셨던 분이었던 것 같네요.

마우스 커서가 코드 블록 위에 올라와 있으면 마우스 스크롤이 동작하지 않습니다

언급하신 문제가 사용한 라이브러리인 Monaco Editor에 존재하는 문제였습니다. 다음과 같이 alwaysConsumeMouseWheel: false 옵션을 넣어보니 문제가 해결되었습니다.

<MonacoEditor
  {...props}
  theme={theme === 'dark' ? 'vs-dark' : 'light'}
  loading=""
  beforeMount={beforeMount}
  options={{
    ...props.options,
    wordWrap: 'on',
    fontSize: 14,
    minimap: { enabled: false },
    scrollbar: {
      vertical: 'hidden',
      alwaysConsumeMouseWheel: false
    },
    tabSize: 4,
    overviewRulerLanes: 0
  }}
/>

어서 다시 활성화 되었으면 좋겠네요 응원합니다

커디를 처음 만든 당시 전신인 디디톡에 가입했던 모든 분들에게 소개 메일을 보냈었는데, 그 중 한 분이 가입하셔서 정말 정성들여 남겨주신 피드백입니다. 이메일까지 남겨주셨어요. 로그인 기능이 당시에 잠깐 로직을 손봤는데 그 때 아마 에러가 났었던 것 같습니다.

문의 드렸던 XXX입니다

바로 위에 피드백을 보내주셨던 그 분이었습니다. 추가로 토스트가 5초 뒤에 자동으로 사라지게 하면 좋을 것 같다고 남겨주셨네요. 이 건의사항의 경우 몇 초 뒤에 자동으로 사라지게 하지 않은 이유는 있습니다. 옛날에는 그렇게 했었는 데 메세지가 자동으로 사라져서 내용을 못 봤다는 얘기를 들은 적이 있어서, 상호작용 겸 직접 닫게 만들려고 했었던 거거든요.

의견보내기 누르고 화면 드래그 시 늘렸다가 줄였을 때 상하좌우로 이상하게 되네요

화면 캡쳐 기능이 배경을 드래그하면 알아서 영역을 그려주는 데, 바깥쪽으로 그린 후에 다시 안쪽으로 마우스를 당기면 UI가 뒤집히는 현상이 있었습니다. 지금은 고쳤습니다.

이모티콘 기능을 넣어주세요

이모티콘 기능 분부대로 넣었습니다! 채팅 입력창에 :를 치고 아무 알파벳을 치면 자동으로 이모티콘 창이 뜹니다.

좋네요 그런데 마지막에 코드블럭이면 그 다음 칸으로 코드가 아닌 글을 쓰고 싶을 때 어떻게 내려가죠

긱뉴스에 저만 쓰고 있던 아무생각 (opens in a new tab) 프로덕트를 소개한 적이 있었습니다. 그냥 아무 텍스트나 저장할 수 있는 간단한 싱글페이지 웹이었는데요, 마지막이 코드블럭이면 엔터를 쳐도 코드블럭을 빠져나갈 수 없는 현상이 있었습니다. "서식 지우기"를 하면 빠져나올 수 있는 거였는데, 이 때 당사자에게 소식을 알릴 수 있는 기능을 피드뱅크에 추가해야 겠다는 생각을 했습니다.

아무 것도 입력되지 않았을 때 글자를 입력하면 자음이 두 번 입력됩니다

원래 입력창에 포커스가 되어 있지 않아도 타이핑만 하면 자동으로 포커스가 가도록 이벤트를 걸어두었는데, 그것 때문에 타이핑이 겹치는 버그가 생겼던 것 같습니다. 그냥 이벤트를 주석 처리하는 걸로 일단은 두었습니다.

유저 이메일이 공개적으로 노출되는 부분이 우려됩니다

이 부분은 조금 고민되는 부분이라 아직 보류 중인 피드백이었습니다. 이메일이 공개적으로 노출되는 게 큰 문제가 있는 건가 싶어서 였습니다. 깃허브 프로필에 있는 정보를 api로 갖고 올 뿐이라서, 이메일이 공개되는 부분은 깃허브로 공개되는 부분도 마찬가지로 깃허브의 문제도 되는 게 아닌가?하는 의문이 들었습니다. 이 부분은 당사자의 의견을 직접 듣고 싶습니다.

여담이지만 피드백은 이런 부분이 참 딜레마인 것 같습니다. 모든 피드백은 소중하지만 그렇다고 모든 피드백을 다 들어주는 것도 과연 맞을까 싶거든요.

채팅 입력창에 메시지를 입력하고 있습니다가 추가될 때 텍스트가 위아래로 달그락거립니다

처음 긱뉴스에 홍보했을 때 한 번에 유저들이 몰려서 채팅을 여러 명이서 동시에 입력했는 데, 입력 중인 사람을 표시하는 텍스트가 깜빡거릴 때 높이를 잡아먹어서 입력창이 계속 흔들렸었습니다. 바로 텍스트의 높이를 고정시켜서 버그를 잡아버렸죠. 이 분의 경우는 웨일 브라우저를 사용하신다는 걸 알 수 있네요.

함수형 언어 얘기하고 싶은데 하스켈이나 얼랭 같은 채널 하나 만들어주실 수 있을까요

저는 생전 처음 들어보는 언어였는 데, Haskell이나 Erlang 같은 채팅방을 만들어달라고 하셔서 그냥 둘 다 만들어 드렸습니다.

다크모드 부탁드려용

커디는 다크모드 기능이 원래는 있는 데, 로그인해야만 설정할 수 있습니다. 아마 설정하는 법을 모르셨거나 가입을 하지 않으셨던 것 같습니다.

콘솔을 열어보면 XX로의 요청이 다수 발생하는 것 같습니다

이 피드백이 굉장히 도움이 됐던 피드백이었습니다. 이 피드백을 받기 직전에 로직을 좀 크게 수정했었는 데, 그 중 한 곳에서 api를 페이지를 이동할 때마다 1개씩 추가로 호출하는 로직이 잘못 들어가 순간적으로 엄청나게 많은 로그가 쌓이고 있었습니다. Supabase가 계속 터지면서 발을 동동 굴렀는 데 이 문제를 제보해주신 덕분에 바로 급한 불을 껐습니다. 제보해 주신 분께 진심으로 감사드립니다. 👍

Unity 방도 부탁드립니다

Unity 채팅방을 만들어 달라고 하셨네요. 특이하게도 모바일 사파리로 의견을 보내셨어요.

아이폰에서 스크롤하는 데 제일 위와 아래 포함이 보이지 않습니다

아직 모바일 반응형을 염두하고 있지 않아서, 잠시 보류해 둔 문제입니다. 모바일의 경우는 나중에 여유가 되면 작업을 해야 할 것 같습니다. UI/UX 고민이 좀 필요하고, 먼저 해야 할 일들이 있어서요.

특정 채팅방 상단 고정있으면 좋을 것 같습니다

이 부분 지금은 없는 데, 나중에 추가할 계획이 저도 있습니다!

코드 블럭 내 복사하기 버튼을 누르고 뜨는 토스트 모달이 지워지지 않습니다

위에서 나온 토스트에 대한 같은 내용입니다. 이 분도 파이어폭스를 사용하시네요.

첫번째 글자를 작성할 때 자음, 모음이 분리되어 작성됩니다

위에 언급한 아무생각 관련 피드백과 같은 문제였네요. 당장 불편한 문제는 역시 바로 고쳐야 하나봐요.

혹시 고도방도 만들어 주실 수 있을까요

Godot라는 언어도 처음 들어봤는 데, 채팅방을 만들어 달라는 분이 계셔서 만들어 드렸습니다. 은근히 파이어폭스 쓰시는 분들이 많네요.

OCaml ReScript도 추가해주실 수 있나요?

아... 이거는 제가 까먹은 건지 만들어 드리질 않았네요.. 죄송합니다 😭

이용약관에 오타가 발견되었습니다

특히 인상깊었던 피드백 중 하나였습니다. 이용약관을 꼼꼼하게 읽어 보시는 분이 있는 줄은 처음 알았습니다. 피드뱅크가 이런 부분에서 순기능을 톡톡히 했으면 좋겠습니다. 제보해주신 분께 감사드립니다. 심지어 모바일로 보고 계셨네요.

메세지 삭제했는데 다시 나갔다가 돌아오면 삭제가 안되어있어요

채팅 삭제 기능을 코드만 짜놓고 DB에는 보안 정책을 잘못 짜놓았더라구요. 제보해주신 덕분에 고쳤습니다.

채널 개설 문의입니다 AWS요

AWS 채팅방 만들어 드렸습니다. 🚀

혹시 Nextjs는 따로 추가해 주실 수 있으실까용

Nextjs 채팅방도 만들어 드렸습니다. 🚀

일렉트론으로 만들어주세요

일렉트론은... 만들면 저도 좋은데 꽤 시간이 걸릴 것 같습니다. 새로 배워야 해서요. 언젠가는 꼭 만들어 보겠습니다.

영역 캡쳐 기능은 이 서비스의 막강한 고유 기능이 될 것 같습니다

저도 꼭 그렇게 되도록 잘 갈고 닦아 보겠습니다! 💪 (이분은 엣지를 사용하시네요.)

사라지는 메시지창을 띄워주면 좀 더 사용자 친화적인 흐름이 될 것 같습니다

피드백을 보낼 때 완료 메시지를 새로 띄우면 좋겠다고 하셨네요. 처음엔 그렇게 했었는데, 다시 간소하게 만들다 보니 이 기능을 뺐었습니다. 한 번 생각해 보아야 겠네요.

접근 주소가 XXX보다는 XXX가 좋아보입니다

접근 주소가 www인줄은 몰랐는데 덕분에 알게 되었습니다. 태그는 아니어도 파라미터가 uuid보단 채팅방 이름이 낫지 않을까 싶은 생각이 들기도 하네요.

정리

전부 모아 보니 생각보다 많네요. 사실 이 글을 쓰기로 결심하기 전 든 생각이 있는 데, 이런 피드백들을 매 주마다 정리해서 썼으면 더 좋았을 거라는 생각이 드네요. 어찌되었든 소중한 피드백들을 남겨주신 익명의 고객분들께 감사의 말씀을 드립니다. 앞으로도 더 좋은 프로덕트를 만들어 보겠습니다. 🚀


© 2023 kidow. All rights reserved.
안녕하세요?