Problem1: 반응없는 깃들다

문제정의

• 사용자의 요청 이후 서버로부터 응답을 받기 전까지는 어떤 동작도 하고 있지 않는다.
• 예컨대 사용자가 좋아요 버튼을 누르면 좋아요를 추가 또는 삭제하기 위해 서버에 요청을 보내고 서버에서 응답이 오면 그제서야 좋아요 버튼의 색상을 변경하는 식이다.
• 느린 네트워크 환경의 사용자라면 충분히 당황할 수 있는 상황이다.

해결

• 거의 모든 사용자 동작에 로딩 피드백을 적용했다.
• 이로써 사용자는 자신의 행동에 대해 보다 빠른 피드백을 받을 수 있으며 네트워크 속도에 관계없이 서비스가 의도대로 작동하고 있음을 확인할 수 있다.
• 화면 이동을 하지 않고 특정 컴포넌트의 상태만 변하는 경우(예를 들어 좋아요, 팔로우) 빠른 네트워크 환경에서는 오히려 로딩 피드백이 사용성을 저하 시킬 수 있음. 따라서 먼저 해당 컴포넌트의 상태를 바꾸고 후에 비동기 요청을 보내는 방식으로 수정

** 피드백: 좋아요, 댓글 같은 경우 먼저 상태를 바꾸고 추후 에러가 났을 경우 다시 되돌리는 방법도 고려해보면 좋을 것 같다.

Problem2: 깜박 거리는 이미지

문제정의

• 게시물의 다른 내용이 나타나고 나서 뒤늦게 나타나는 이미지
• height의 변화, 각기 다른 타이밍에 로드되는 이미지가 사용자에게 피로감을 줄 것으로 예상됨