Web Guide반응형 표준모바일 우선웹 표준
반응형 웹이 표준이 된 이유
기기 종류를 예측할 수 없는 시대에 유일한 답입니다.
화면 크기가 계속 다양해지고 있습니다.
01기기 다양화
이제 화면 크기를 특정할 수 없습니다.
01
휴대폰 크기 차이
같은 휴대폰도 크기가 제각각.
02
태블릿
중간 크기 화면.
03
접는 기기
펼치면 크기가 바뀝니다.
04
대형 모니터
매우 넓은 화면.
05
분할 화면
창을 반으로 나눠 씁니다.
06
예측 불가
앞으로 나올 기기도 대응해야.
02검색 관점
검색엔진도 반응형을 권장합니다.
단일 주소평가가 나뉘지 않습니다.
모바일 기준 평가모바일 화면으로 판단합니다.
수집 효율한 번만 수집하면 됩니다.
링크 집중외부 링크가 한곳에 모입니다.
공유 단순어느 기기에서든 같은 주소.
관리 일관설정을 이중으로 안 해도 됩니다.
03운영 관점
실무에서 체감하는 차이가 큽니다.
한 번 수정 모든 화면에 자동 반영.
누락 방지 한쪽만 빠뜨리는 일이 없습니다.
비용 절감 제작과 유지 비용이 줄어듭니다.
담당자 부담 관리할 대상이 하나입니다.
기능 일관 기기별로 다르지 않습니다.
확장 용이 새 페이지 추가가 간단합니다.
04설계 전제
반응형이라고 자동으로 잘 되는 것은 아닙니다.
잘된 반응형
모든 화면에서 사용 가능 · 내용 동일 · 터치 고려 · 속도 관리 · 실기기 검증
잘못된 반응형
모바일에서 내용 누락 · 작은 버튼 · 가로 스크롤 · 느림 · 데스크톱만 확인
CHECK POINT
□ 반응형으로 제작되어 있는가
□ 여러 화면 크기에서 확인했는가
□ 모바일에서 내용이 누락되지 않는가
□ 터치 조작이 편한가
□ 가로 스크롤이 생기지 않는가
□ 한 번 수정하면 모두 반영되는가
□ 실제 기기로 검증했는가
□ 새 기기에서도 동작하는가
#반응형 표준#모바일 우선#웹 표준#기기 다양화#검색 노출#운영 효율#검증#반응형#웹비스타#홈페이지 제작