개발일기 10편 [UX 개선]

오늘은 구독, 구독취소 기능에서 사용자가 불편? 하게 생각하는 부분들을 개선한 얘기를 해보려 한다.

 

서버 로그를 보면 항상 인증요청 메일이 2번 오거나 인증확인 버튼을 두번이상 누르는 로그가 보였다. 

큰 상관은 없었지만 인증메일 발송 비용을 최소화 하기 위해서는 수정을 해야했다.

 

하단에 "구독 취소 요청 중입니다. 메일을 확인해주세요." 라는 문구가 뜨게 하였지만 실수로 한번 더누르거나 성격이 급한 한국인들은 그새 버튼을 또 누르는 듯 하다. 

 

그래서 아래와 같이 메일을 전송중일 경우에는 버튼을 못누르게 막아놓았다.

 

 

방법은 간단하다. fetch 요청을 날리는 초기에 비활성화를 해놓고 finally 부분에 다시 활성화를 시키면된다. api가 동기적으로 호출되므로 모든 요청이 끝나면 활성화가 된다.