사용자 피드백과 개선 경험 🏓
사전 배포 후 사용자의 의견에 따라 기능을 개선하였다.
📜 첫째,
(현상) 중복확인 후 중복인 경우에만 안내 메시지가 출력되고 사용 가능한 상태일 때 별도 알림 없음.
(개발의도) 사용자가 정보를 입력하던 중 팝업이 자주 나타나면 불편함을 느낄 수 있다고 생각했다.
그리하여 팝업을 최소화하여 에러일 때만 팝업을 뜨게 만들었다.
(유저의견) 중복확인이 완료되었는 지 여부를 알 수 없어 혼란스러워 했다.
(개선) 중복확인이 완료된 경우 별도 팝업 대신 버튼 안에 문구를
'중복확인' -> '사용가능'으로 변경되게 했다.
(배운 점) 사용자와의 나의 의도와 사용자 인식이 다를 수 있다는 것을 알았고
의도한 결과가 나오기 위해 더 깊은 고민이 필요함을 배웠다.
📜 둘째,
(현상) 로그아웃이 이루어진 경우 history.replace('/')를 통해 로그인 화면으로 이동하게 된다.
(개발의도) replace는 push와 달리 이동 전 페이지를 이동 후 페이지로 대체시키므로
이동 전 페이지로 돌아올 수 없다고 알고 있었기에 history.replace()를 이용했다.
(유저의견) 실제로 뒤로가기 버튼을 눌렀을 때 '이동 직전 페이지'로만 이동되지 않을 뿐
그 이전에 방문했던 페이지로는 이동이 가능했다.
(개선)
window.onpopstate= () => {
history.go(1);
};window.onpopstate를 이용하여 이동 액션을 인식하여 액션이 발생할 때 다시 로그인 페이지로 돌아오도록 하였다. 즉 이동 후 페이지에서 뒤로가기 버튼이 무용하도록 코드를 작성했다.
(배운 점) 이 과정에서 window history stack 개념을 학습했다.
replace가 '뒤로 갈 수 없음'을 의미하는 것이 아니라 직전 페이지로 다시 돌아갈 수 없음을 의미한다는 것을 알았으며 작동원리를 정확히 모른 채 이용하던 방식이 문제를 일으킬 수 있다는 것을 배웠다.
📜 셋째,
(현상) 스터디클럽삭제, 회원탈퇴 등의 '삭제'기능 시 재확인 팝업 발생, 삭제확인 버튼보다 취소버튼에 색 강조를 두었다.
(개발의도) 일반적으로 확인 버튼이 강조되는 것과 달리 삭제 시에는 취소 버튼에 강조를 두었다. 의도는 사용자에게 낯선 환경을 제공하여 신중히 삭제 의사를 재고하기를 바랐다.
(유저의견) UI 통일성이 떨어진다고 느꼈다.
(개선) 사용자 요청대로 삭제확인과 취소버튼의 색상을 반대로 변경하였다.
(배운 점) 이 역시 1번 개선사례와 같이 사용자와의 나의 의도와 사용자 인식이 다를 수 있다는 것을 알았고 의도한 결과가 나오기 위해 더 깊은 고민이 필요함을 배웠다.
