Web Guide모바일 테스트실기기검수 환경
모바일 실기기 테스트 환경 구축
브라우저 축소 화면과 실제 휴대폰은 다릅니다.
터치, 키보드, 속도, 카메라는 실기기에서만 제대로 확인됩니다.
01축소 화면으로 안 보이는 것
컴퓨터에서 창을 줄여 보는 것으로는 놓치는 문제가 많습니다.
1
터치 영역
손가락으로 누르기에 버튼이 작은지.
2
키보드 가림
입력할 때 키보드가 화면을 가리는 문제.
3
실제 속도
이동 중 느린 환경에서의 체감.
4
스크롤 감각
관성 스크롤과 고정 요소의 동작.
5
카메라와 파일
사진 촬영과 업로드 동작.
6
앱 연동
결제와 지도 앱으로 넘어갔다 돌아오는 흐름.
02최소한 갖출 것
모든 기기를 살 필요는 없습니다. 실제 방문자 비중이 큰 조합 몇 가지면 충분합니다.
주요 기기 2종가장 많이 쓰이는 두 계열을 준비합니다.
구형 1대성능이 낮은 기기에서의 속도를 확인합니다.
태블릿태블릿 방문이 있다면 함께 확인합니다.
직원 기기 활용별도 구매 없이 직원 기기로 나눠 확인합니다.
느린 환경 재현데이터 속도를 제한해 테스트합니다.
다양한 화면 크기작은 화면과 큰 화면을 모두 확인합니다.
03모바일에서 자주 나는 문제
발견되는 문제는 대체로 비슷합니다. 미리 알고 확인하세요.
점검 항목
가로 스크롤
화면 밖으로 삐져나가는 요소가 있습니다.
작은 글씨
확대하지 않으면 읽기 어렵습니다.
닫기 버튼
팝업을 닫을 수 없는 경우가 있습니다.
고정 요소
상단바가 화면을 너무 많이 가립니다.
호버 의존
마우스를 올려야 보이는 메뉴는 터치에서 동작하지 않습니다.
표
넓은 표가 화면을 벗어납니다.
04원격 확인 방법
기기가 부족하면 도구로 보완할 수 있습니다.
원격 디버깅
휴대폰을 컴퓨터에 연결해 오류를 확인 · 정확한 진단 가능 · 개발자에게 필수
클라우드 기기 서비스
다양한 기기를 원격으로 사용 · 구매 없이 확인 · 실제 촉감은 알 수 없음
CHECK POINT
□ 실제 휴대폰으로 확인했는가
□ 구형 기기에서 속도를 확인했는가
□ 가로 스크롤이 생기지 않는가
□ 팝업을 닫을 수 있는가
□ 키보드가 입력창을 가리지 않는가
□ 마우스 올림에 의존하는 메뉴가 없는가
□ 결제와 지도 앱 연동을 확인했는가
□ 느린 환경에서 테스트했는가
#모바일 테스트#실기기#검수 환경#터치 영역#반응형#원격 디버깅#품질 관리#홈페이지 개발#웹비스타#홈페이지 제작