로그인도 없는 Sass 만들기 (2)

웹사이트 피드백 수집툴을 만들고 있는 개발자 김동욱입니다. 약 일주일 동안 여러 가지 업데이트를 했습니다.

1) Launcher 버튼 커스터마이징

Launcher 버튼은 왼쪽 하단에 있는 "의견 보내기" 버튼을 말하는 데, 이 버튼이 하얗고 구석에 있다 보니 눈에 잘 띄지 않는 것 같다는 피드백이 있었습니다.

고객사의 니즈에 맞게 버튼의 색상과 위치를 커스텀할 수 있는 기능을 추가했습니다. 버튼 색상을 자유롭게 선택할 수 있고, 5가지의 위치 중 하나를 선택할 수 있습니다. 기본은 왼쪽 하단입니다.

색상의 경우 고객사 웹사이트의 미관을 해치지 않으려고 하얗게 하고 box-shadow만 적용했던 것인데, 아무래도 제가 보기에도 가시성이 좋지 않긴 합니다. 노트북에서 작업했을 때에는 문구가 제법 보일 법 했는데, PC에서 보니까 잘 보이지 않더라구요.

이제는 위치를 왼쪽 하단, 중앙 하단, 오른쪽 하단, 왼쪽 중앙, 오른쪽 중앙으로 변경하는 것이 가능합니다. 웹사이트와 자연스럽게 공존할 수 있도록 자유롭게 커스텀해보시기 바랍니다.

2) 이미지 캡쳐에 대한 안내

Launcher 버튼을 누르면 위젯이 뜨는 데, 사실 이 상태에서 강조하고 싶은 부분을 지정하는 것이 가능합니다. 지정된 영역이 있으면 전달 시 이미지가 생성되어 내용과 함께 이메일로 전송됩니다. 랜딩페이지에서 안내를 하긴했는데, 아마도 막상 사용자들은 그러한 사실을 모를 것 같았어요. 관련 안내를 추가해달라는 의견이 있어서, 위젯에 툴팁을 달고 있는 카메라 아이콘을 추가했습니다. 캡쳐를 원한다면 바로 가능하다고 유도하고 싶어서 이런 방식을 택해봤습니다.

3) URL 테스트 기능

버튼이 어떻게 적용되는 지 이메일 등록도 없이 미리 테스트해볼 수 있는 기능을 추가해봤습니다. 여러분의 웹사이트에 어떻게 적용되는 지 한 번 테스트해보세요. 안되는 URL도 간혹 있습니다. 참고로 커스텀한 버튼으로 테스트 역시 가능합니다!

4) 영문 버전 추가

서비스의 특성 상 해외 유저가 사용해도 상관없지 않겠느냐란 의견이 있었습니다. 과연 그런가라는 의문이 있기는 했지만 i18n도 공부해 볼 겸 추가해 봤습니다. 해외 커뮤니티에도 한 번 올려볼 예정입니다.

---

여러분의 웹사이트의 피드백은 필요하지만 딱히 고객 응대가 필요한 것은 아니라면, 피드뱅크를 방문해보세요. 로그인도 필요없으며, 피드백이 접수되면 이메일로 해당 내용을 보내는 것이 전부입니다.