Web Guide태블릿키오스크중간 화면
태블릿과 키오스크 화면 대응
휴대폰도 PC도 아닌 화면에서 가장 어색해집니다.
중간 크기를 방치하면 어정쩡한 화면이 나옵니다.
01어색해지는 이유
기준점 사이가 비어 있습니다.
1
기준점 부족
모바일과 PC만 고려.
2
여백 과다
요소가 너무 벌어집니다.
3
글자 비율
화면 대비 작아 보입니다.
4
열 수 애매
두 개도 세 개도 어색.
5
메뉴
접을지 펼칠지 애매.
6
가로 세로
회전하면 완전히 달라집니다.
02태블릿 대응
별도 기준점을 둡니다.
중간 기준점태블릿용 배치를 정의.
가로 세로 구분회전마다 다르게.
터치 기준마우스가 아닌 손가락.
최대 폭 제한너무 늘어나지 않게.
메뉴 결정가로는 펼치고 세로는 접기.
실기기 확인축소 창으로는 부족.
03키오스크 특성
일반 웹과 다른 요구가 있습니다.
점검 항목
큰 터치 영역
장갑 낀 손도 고려.
높은 대비
밝은 환경 설치.
큰 글자
멀리서도 보이게.
단순한 흐름
설명 없이 쓸 수 있게.
자동 초기화
일정 시간 후 처음으로.
접근 높이
휠체어 이용자 고려.
04검증 범위
빠뜨리기 쉬운 환경입니다.
흔한 누락
태블릿 미확인 · 가로 모드 미확인 · 키오스크는 별도 취급 · 검수 목록에 없음
필요한 확인
태블릿 가로 세로 · 중간 폭 전체 · 터치 영역 · 검수 항목 포함
CHECK POINT
□ 태블릿 크기에 별도 기준점이 있는가
□ 가로 모드에서 자연스러운가
□ 여백이 지나치게 벌어지지 않는가
□ 터치 기준으로 영역을 잡았는가
□ 최대 폭을 제한했는가
□ 실제 태블릿으로 확인했는가
□ 키오스크라면 큰 글자와 대비를 적용했는가
□ 검수 항목에 포함했는가
#태블릿#키오스크#중간 화면#기준점#가로 모드#터치 영역#검수#반응형#웹비스타#홈페이지 제작