경완

[업무 정리] 4.9 강의실 현황 접근성 개선 본문

code&design/프로젝트-Codin

[업무 정리] 4.9 강의실 현황 접근성 개선

gangwan 2025. 4. 9. 20:52

업무 목록 

0. 안쓰는 파일들 제거 4.7
1. 대댓글 오류 수정 4.7
2. 강의실 현황 기능 추가 ( 현재 시간 시각화 )
3. 강의실 현황 리팩토링 -> 민T 피드백 적용
4. 강의실 현황 민T 피드백 이론 공부 -> 블로그 정리

5. 로그인 버튼 인터랙션 추가 ( 글씨 깨지는 현상 해결)

6. 커뮤니티 뷰 디자인 
7. 리디자인 팀 컨펌 -> 리퍼블리싱 ( + 카드 뷰 컴포넌트 제작 )
8. 상시 모집 페이지 디자인
9. 상시 모집 페이지 팀 컨펌 -> 제작

 

2. 강의실 현황 기능 추가

- (추가) 현재 시간 시각화

- *ResizeObserver 등 옵저버에 대한 포스팅 할 것

 

인스타 투표 결과 이전에 추가했던 애니메이션은 없애는 것으로 정해졌습니다.. 애니메이션 제거 후, 현재 시간에 해당하는 강의실 영역을 쉽게 확인할 수 있도록 접근성 기능을 추가했습니다!

 

 

현재시간 시각화

 

 

 

사용자의 의견대로... 

 

제발 좋은 피드백이 오길...

 

 

 

 

개선 결과

 

4시 이후 (글씨 왼쪽 표시)

 

4시 이전 (글씨 오른쪽 표시)

 

 

네비게이터

 

 

 

정규시간 외

 

 

 

🔥🔥🔥🔥🔥🔥🔥🔥

민경님과의 토론

 

하루 종일 작업한 결과물.. 내 입장에서는 UX적으로 버튼이 너무 작다는 문제를 반드시 해결해야 한다고 생각했는데, 팀원분께서 "한 눈에 스크롤 없이 보이는 접근성"을 더 지향해야 한다는 의견을 주셨습니다.. 오키 인정

 

근데 그렇다고 문제를 방치할 수는 없지 않느냐?!

 

-> 라고 의견을 내기 시작하며 토론이 벌어지고 맘;; 기존 화면에서 스크롤이 생길 필요가 없다 vs 화면 크기에 따라 스크롤은 어쩔 수 없다의 토론이 진행되었습니다....... 금요일 회의에서 마무리하기로

 

 

민경 SAID

 

 

ME SAID