📋

인프런 멘토 등록 UI/UX 개선 제안

태그
단상프론트엔드제품개발
최종 편집
Feb 11, 2024 12:09 AM
발행일
January 2, 2023
🆕
블로그를 stdy.blog로 이전했습니다. 새 블로그에 어떤 글들이 올라올지 궁금하시면 Upcoming Posts를 참고해주세요. 🙂

인프런에서 멘토로 등록하여 코칭을 시작했다. 가입부터 시작했는데, 등록하면서 꽤 세심하게 잘 만든 제품이라는 생각이 들었다. 멘토에게 유리한 정산 비율도 좋고 자유도가 높은 것도 좋았다. 스케줄 등록처럼 내가 직접 하기에 귀찮았던 것도 잘 되어있고.

하지만 UI/UX에서는 아쉬운 점들이 꽤 있어서, 멘토 사용자로서 느낀 경험에 대해 개발팀에 전달해주면 더 좋은 제품이 되겠다고 생각하여 작성해보았다.

멘토링 관련 불편했던 점 및 피처 업데이트 제안

  • 멘토링 설정할 때, 멘티에게 노출되는 가격은 부가세 포함 금액이니 부가세 포함 금액을 설정하고 정산받는 금액을 밑에 표시해주면 어떨까 합니다.
  • 번들링 가격 개념이 있어도 괜찮겠다는 생각이 듭니다. 멘토링 회당 인원을 늘릴 때 가격이 일정 비율로 낮아질 수 있는 옵션이라든가.
  • 멘토링 상세설명이 에디터에서 보이는 뷰와 실제 멘토 소개 모달에서 보이는 뷰가 너무 달라서 당황했습니다. 실제로 위지윅의 뷰와 맞추기가 쉽지 않을 수 있을텐데 대신 멘토 소개 모달에서 나오는 형태로 프리뷰라도 보여주면 좋겠습니다. (개인 소개에서도 마찬가지인데, 여기는 멘토 소개 마크다운 뷰 스타일과 또 다르더군요)
  • 위의 이유로 꽤 자주 수정을 해야 했는데 멘토링 소개 수정하는 페이지까지 가기가 불편했습니다. ‘우상단 유저 아이콘 호버 → 유저 페이지로 이동 → 멘토링 활성 버튼 옆의 기어 아이콘 클릭(처음에는 아무 라벨도 없고 호버시 변화도 없어서 뭔지 몰랐음) → 수정 버튼 클릭’으로 4단계를 거쳐야 하는데, 멘토 본인의 소개 모달에서는 '수정' 버튼이 있으면 좋겠네요.
  • 다른 멘토는 어떻게 올렸는지 참고하려고 이것저것 눌러봤는데, 다들 비슷하게 생각할 것 같습니다. 멘토링 소개 넣는 화면에서, "멘토가 선택한 직무 + 경력 레벨"에 맞게 랭크가 높은 실제 멘토링 소개 예시를 같이 보여주면 어떨까 싶습니다(가격도 함께).
  • 멘토링 목록 페이지의 좌측 필터에 ‘분아별’ 드롭다운이 있는데 눌러도 아무 반응이 없어서 이상했습니다. 그리고 가격순 정렬도 있으면 좋겠다고 생각했어요.
  • “멘토링 수락시 환영 공지”의 최대 길이가 상당히 짧던데 최대 길이 제한이 표시되지 않고 그냥 텍스트가 더 입력되지 않아서 당황했습니다. 이게 멘티를 위한 일종의 프라이빗 정보이니 여기에 더 입력하고 싶었는데 그냥 소개에 같이 쓸 수밖에 없었습니다.

기타

  • 구글 SSO로 가입해서인지 Hwidong Bae로 닉네임이 설정되어 있었는데 닉네임 변경하는 방법을 쉽게 찾지 못했습니다. https://www.inflearn.com/settings/account 로 갔을 때에도, 닉네임 인풋이 disabled 처리된 것처럼 배경색이 되어 있고 마우스 호버해도 변하는 게 없어서 정말 disabled인줄 알았습니다. 해당 페이지에서 모두 입력 가능한 인풋임에도 인풋별로 스타일이 미묘하게 다른데 (e.g., 프로필 주소 설정은 하얀 배경) 통일되면 좋을듯합니다.
  • https://www.inflearn.com/users/@배휘동 에서 프로필 사진을 변경할 때는 가능한 확장자나 용량이 명시되어 있지 않습니다. 또한 이 페이지와 https://www.inflearn.com/settings/account 여기 둘 다 확장자와 상관없이 업로드가 가능합니다.
  • 어떤 모달은 바깥쪽 클릭시 닫히고 어떤 모달은 안 닫히는데 그 기준을 정확히 모르겠네요. 멘토링 소개 모달은 유저 입장에서는 빠르게 내용을 훑어보고 빠르게 탐색하고 싶을 것 같기도 한데, 모달 크기가 작아서 내용이 한번에 많이 안 보이고 바깥쪽 클릭시 안 닫혀서 불편했습니다.