업체 소개서에 "반응형"이라고 적혀 있으면 안심해도 될까요? 반응형 홈페이지 제작업체라는 소개는 "화면 크기에 따라 배치가 바뀐다"는 뜻일 뿐입니다. 배치가 바뀌는 것과 휴대폰에서 편하게 읽히는 것은 다른 이야기입니다. 계약 전에 그 업체가 만든 사이트를 원장님 휴대폰으로 직접 열어 보셔야 차이가 보입니다.
반응형 홈페이지 제작업체 포트폴리오를 휴대폰으로 열었을 때
넓은 모니터에서는 보기 좋던 세 칸짜리 진료 안내가, 휴대폰에서는 길게 이어진 글 덩어리로 바뀝니다. 기술적으로는 분명 반응형인데, 방문자는 엄지로 한참 내려야 원하는 정보에 닿습니다.
이런 사이트에서 자주 걸리는 곳은 다섯 군데입니다.
- 본문 글자가 작아 두 손가락으로 확대해야 읽힙니다.
- 진료 시간표나 비용 안내 이미지가 화면 밖으로 삐져나가 옆으로 밀어야 보입니다.
- 햄버거 버튼을 눌러도 하위 메뉴가 펼쳐지지 않거나 닫기 버튼이 보이지 않습니다.
- 전화번호가 그림으로만 들어가 있어 눌러도 전화가 걸리지 않습니다.
- 큰 사진과 영상이 그대로 실려 휴대폰 데이터로는 첫 화면이 늦게 뜹니다.
배치만 쌓고 휴대폰에 맞게 다듬지 않았기 때문입니다
반응형은 화면 폭이 좁아지면 여러 칸으로 놓였던 내용이 한 줄로 쌓이도록 만드는 방식입니다. 위 다섯 가지는 이 단어와 상관없이, 쌓기만 하고 손보지 않았을 때 생깁니다. 소개서에 반응형이라고 적혀 있어도 이 다섯 곳을 휴대폰에 맞게 손봤는지는 직접 열어 봐야 알 수 있습니다.
검색에도 영향이 갑니다. 구글은 모바일 버전 페이지를 기준으로 색인한다고 공식 안내하고 있습니다. 휴대폰에서 내용이 잘리거나 숨겨져 있으면 검색엔진이 읽는 내용도 그만큼 줄어들 수 있습니다.
계약 전에 포트폴리오를 확인하는 순서
업체가 보낸 포트폴리오 주소를 원장님 휴대폰으로 열고 차례대로 눌러 보십시오.
- 휴대폰 설정에서 글자 크기를 한 단계 키운 뒤 다시 엽니다. 큰 글씨를 쓰는 환자분 화면이 이렇게 보입니다.
- 화면을 가로로 돌렸을 때 배치가 무너지지 않는지 봅니다.
- 진료 시간표가 있는 페이지에서 표가 화면 안에 들어오는지 확인합니다.
- 전화 버튼을 실제로 눌러 통화 화면이 뜨는지 봅니다.
- 주변 직원의 다른 기종 휴대폰으로 한 번 더 엽니다.
직원 한 분과 함께 10분이면 끝납니다. 더 자세한 항목은 홈페이지 모바일 점검, 원장님 휴대폰으로 확인하는 5가지를 참고하십시오.
상담 때 점검할 질문
"반응형인가요" 대신 이렇게 물어보시는 편이 낫습니다.
- 휴대폰 화면은 따로 디자인하나요, 넓은 화면을 줄여서 맞추나요?
- 시간표나 표는 휴대폰에서 어떻게 보이게 처리하나요?
- 전화 버튼은 어디에, 어떤 크기로 두나요?
- 휴대폰 메뉴에서 하위 메뉴와 닫기 버튼은 어떻게 동작하나요?
- 큰 사진과 영상은 휴대폰에서 어떻게 가볍게 싣나요?
전화 버튼 위치를 정하는 기준은 홈페이지 전화 버튼 설계, 모바일 방문자가 바로 거는 동선에서 다뤘습니다.
FAQ
Q. 모바일 전용 사이트를 따로 만드는 편이 낫나요?
A. 대부분은 하나의 사이트를 휴대폰에 맞게 다듬는 편이 관리가 쉽습니다. 사이트가 둘이면 내용을 고칠 때마다 두 번 손봐야 합니다.
Q. 태블릿 화면도 확인해야 하나요?
A. 한 번은 열어 보시길 권합니다. 휴대폰과 컴퓨터 사이 크기에서 배치가 어색해지는 경우가 있습니다.
Q. 이미 만든 사이트도 고칠 수 있나요?
A. 대부분 고칠 수 있습니다. 표를 이미지로 넣었거나 구조가 복잡하다면 일부 페이지는 새로 만드는 편이 빠를 수 있습니다.
온마연구소는 홈페이지를 설계할 때 휴대폰 화면을 먼저 그리고, 넓은 화면은 그다음에 맞춥니다. 페이지 구성에 따라 달라지는 비용은 홈페이지 제작 요금 계산기로 확인해 보십시오.
온라인 마케팅 15년. 병의원·세무·법률 전문직 블로그 마케팅과 홈페이지 제작을 직접 운영합니다. 모든 칼럼은 발행 전 의료광고·과장 표현 검수를 거칩니다. 온마연구소 소개