변경/추가된 기능
: 태블릿, 모바일 환경에서 학습하기 화면 UI가 변경되었어요
기대효과
: 기기 환경(데스크탑, 태블릿, 모바일)에 적합한 UI로 변경되었어요:)
기기별 상세 화면
1. 데스크탑 (960px~)
•
데스크탑 변경사항 없음 (기존과 동일한 UI)
2. 태블릿 (560px ~ 959px)
•
작은 태블릿 혹은 큰 태블릿의 세로 모드에서 보여지는 UI 입니다.
Before / After
태블릿의 경우 가로모드에서는 데스크탑 UI로 보이고 세로모드에서는 태블릿 UI로 보입니다. 학생들에게 안내 부탁드립니다!
3. 모바일(~599px)
기타 참고사항
•
태블릿 혹은 모바일 기기에서 학습화면에 아래로 스크롤할 경우 헤더와 푸터가 미노출되었다가 다시 상단으로 스크롤을 하면 하단과 푸터가 노출됩니다. (문제 풀이 화면에 집중할 수 있는 UI를 제공하고자 추가한 기능입니다)
•
혹시 학생들이 “아래에 있던 버튼이 안보여요!” 라고 한다면 “위로 스크롤해보세요” 라고 가이드 주시면 될 것 같습니다. 감사합니다!