화면 크기별 전화 버튼 배치 기준
전화 버튼은 한 좌표로 지정하기보다 작은 화면과 넓은 화면에서 각각 어디에 나타나는지 배치안으로 정해야 합니다. 병원 담당자는 업체가 구현한 화면에서도 그 위치를 확인해야 합니다. 같은 페이지라도 화면 폭에 따라 안내 영역의 배열이 달라질 수 있으므로, 특정 화면에서 표시한 지점만으로 배치를 확정하지 않습니다.
전화 버튼의 위치는 페이지 안에서 어떤 안내와 함께 나타나는지로 설명합니다. 업체에 전달할 때는 ‘상단 연락 안내 안’ 또는 ‘진료 안내가 끝난 뒤’처럼 기준이 되는 내용을 명시합니다. 화면의 왼쪽이나 오른쪽이라는 표현만 사용하면 안내 영역이 이동했을 때 버튼도 함께 이동해야 하는지 판단하기 어렵습니다.
반응형 웹 디자인 기본사항 문서는 이용자의 요구와 기기의 기능에 맞게 화면 구성을 조정하는 방식을 설명합니다. 또한 특정 기기 종류나 브랜드보다 콘텐츠가 놓이는 공간을 기준으로 배열 변경 지점을 정하도록 안내합니다. 다만 병원은 이 설명을 바탕으로 전화 버튼이 어떤 안내에 속하는지와 화면 폭이 달라질 때 어디로 이동할지를 별도로 정해야 합니다.
전화 연결이 필요한 화면의 선정
실장은 방문자가 어떤 내용을 읽은 뒤 전화할 필요가 있는지 페이지별로 기재합니다. 홈페이지 전체에 같은 요청을 전달하기 전에, 연락 안내를 찾는 화면과 진료 내용을 읽는 화면을 구분합니다. 전화로 이어질 필요가 분명하지 않은 페이지는 배치 대상에 포함할 이유부터 정리합니다.
| 전화 연결이 필요한 화면 | 배치 후보와 선택 이유 | 업체에 전달할 요구 |
|---|---|---|
| 대표 연락 안내가 있는 화면 | 상단 연락 안내 안, 연락 정보를 함께 읽는 영역 | 좁은 화면과 넓은 화면에서 연락 안내와 버튼의 관계 표시 |
| 전화로 추가 설명을 받을 진료 화면 | 진료 안내 뒤, 안내를 읽은 다음 연락할 영역 | 진료 본문이 끝나는 지점과 버튼 위치를 함께 표시 |
| 방문 전 연락이 필요한 안내 화면 | 연락 필요 조건을 설명한 문단 뒤 | 해당 문단의 위치가 달라질 때 버튼의 이동 위치 제시 |
| 전화 필요 여부가 불분명한 화면 | 후보 지정 보류, 연락 목적을 먼저 정리 | 병원이 대상을 확정한 뒤 배치안 작성 |
상단 연락 안내와 진료 안내 뒤는 병원이 업체와 논의할 수 있는 배치 후보입니다. 특정 후보가 전화 문의를 늘리는 검증된 정답이라는 뜻은 아닙니다. 담당자는 선택 이유를 ‘많이 누를 것 같아서’로 작성하지 않고, 어떤 내용을 읽은 사람이 연락할 수 있도록 하는 요청인지 설명합니다.
현재 페이지 제목과 해당 안내 문단을 함께 전달하면 업체가 배치 대상을 구별하기 쉽습니다. 아직 제작하지 않은 페이지는 예정된 내용 순서를 사용하되, 확정된 내용과 논의 중인 내용을 구분합니다. 후보가 표시된 화면에는 병원 담당자가 정한 요청인지 업체가 제안한 위치인지도 기재합니다.
작은 화면부터 요청하는 배치안
업체에는 작은 화면의 배치안을 먼저 요청하고, 화면이 넓어질 때 달라지는 배치를 이어서 제시하도록 요구합니다. 반응형 웹 디자인 기본사항 문서도 작은 화면에서 시작해 콘텐츠에 따라 구성을 변경하는 접근을 안내합니다. 병원 담당자는 휴대전화 제품명만 전달하지 않고, 선정한 페이지에서 연락 안내와 진료 본문이 어떻게 배열되는지 설명을 받습니다.
- 실장이 전화 연결이 필요한 페이지 목록과 버튼 후보가 속할 안내 영역을 정리합니다.
- 마케팅 담당자가 현재 화면 자료와 확정된 안내 내용을 업체에 전달하고 작은 화면의 배치안을 요청합니다.
- 업체가 화면 폭을 넓혔을 때 안내 영역과 버튼이 이동하는 위치를 표시하도록 요청합니다.
- 병원 담당자가 구현 화면을 배치안과 대조하고 차이가 있는 상태를 수정 요청에 기재합니다.
넓은 화면에서는 안내가 옆으로 배열될 수 있으므로 버튼이 어느 내용과 함께 이동하는지 정해야 합니다. ‘큰 화면에서도 같은 위치’라는 요청 대신, 진료 안내가 옆 영역으로 이동하면 버튼도 그 안내 뒤에 남는지 명시합니다. 업체가 다른 배치를 제안하면 변경 이유와 해당 화면 상태를 함께 제출하도록 요청합니다.
준비할 자료는 페이지 목록, 버튼 후보를 표시한 화면 자료, 해당 영역에 들어갈 안내 내용입니다. 긴 문장이 아직 임시 문구라면 담당자가 그 상태를 표시해야 업체가 확정된 배치로 오해하지 않습니다. 병원 내부에서 서로 다른 요청이 전달되지 않도록 실장은 업체에 보낼 내용을 취합합니다.
구현 화면 대조에 사용할 기록
구현 결과는 화면 상태별로 기록해야 수정할 위치를 구체적으로 전달할 수 있습니다. 업체가 제출한 넓은 화면 자료만으로 모든 배치가 맞는다고 판단하지 않습니다. 병원 담당자는 배치가 달라지는 전후 상태까지 포함해 아래 항목을 작성합니다.
| 확인할 화면 상태 | 합의한 버튼 위치 | 구현 결과와 수정 요청 |
|---|---|---|
| 작은 화면의 연락 안내 | 연락 안내 영역 안의 지정 위치 | 다른 안내로 분리되었는지 기록 |
| 작은 화면의 진료 본문 끝 | 진료 안내 뒤의 지정 위치 | 본문과 버튼 사이에 삽입된 내용 기록 |
| 안내 배열이 변경되는 전후 | 변경 전후 배치안에 표시한 위치 | 버튼의 누락이나 겹침이 발생하는 상태 기록 |
| 넓은 화면의 안내 영역 | 이동한 안내와 함께 정한 위치 | 다른 영역으로 이동한 경우 수정 위치 기재 |
수정 요청에는 페이지 이름, 당시 화면 상태, 기대한 위치, 실제 위치를 함께 기재합니다. ‘전화 버튼 위치 수정’처럼 대상만 전달하지 않고, 어떤 안내 뒤로 이동해야 하는지 문장으로 작성합니다. 수정본을 받은 담당자는 요청했던 상태를 다시 재현해 해당 항목의 처리 여부를 기록합니다.
배열 변경 구간의 누락 구별
작은 화면과 넓은 화면에서 배치가 맞아도 그 사이의 화면 상태는 별도로 판단해야 합니다. 안내 영역의 배열이 변경되는 과정에서 버튼이 다른 내용과 겹치거나 요청한 영역에서 빠질 수 있기 때문입니다. 담당자는 업체에 화면 폭을 변경하며 배치가 달라지는 구간을 제시하도록 요청합니다.
이때 모든 화면에서 버튼이 같은 지점에 있어야 한다고 요구하지 않습니다. 합의한 안내 영역 안에서 위치가 달라지는 것은 허용할 수 있지만, 다른 안내에 속한 것처럼 배치되었다면 수정 대상인지 판단합니다. 버튼이 이동했다는 사실과 합의한 관계가 달라졌다는 사실을 구분해 기록합니다.
기기 이름별 화면 자료만 받으면 그 사이에서 배열이 어떻게 변하는지 알기 어렵습니다. 병원 담당자는 업체가 사용한 화면 상태를 재현할 수 있도록 설명을 받고, 문제가 발생한 구간의 자료를 추가로 요청합니다. 병원이 기술적인 변경 지점을 직접 정하기보다는 업체가 제시한 배치가 요청한 내용 관계를 유지하는지 대조합니다.
내용 변경에 따른 재대조 대상
배치 승인 뒤 안내 내용을 변경한다면 해당 영역의 버튼 위치도 다시 대조할 대상으로 지정합니다. 문단이나 이미지가 추가되면 버튼 앞에 놓이는 내용이 달라질 수 있습니다. 담당자는 수정 요청에 내용 변경만 기재하지 않고 영향을 받는 배치 영역도 함께 표시합니다.
진료 안내 뒤에 버튼을 요청했는데 관련 안내가 추가되었다면, 어디까지를 진료 안내로 볼지 병원이 먼저 정합니다. 새 안내까지 읽은 뒤 연락하도록 할지, 기존 본문 뒤의 위치를 유지할지 결정해 업체에 전달합니다. 업체가 내용의 끝을 임의로 판단하도록 맡기지 않습니다.
내용 수정과 버튼 이동이 함께 진행될 때는 변경 전후 자료를 구분해 받습니다. 담당자는 이전 배치안에 없는 안내가 추가된 경우 변경 사유를 기록하고, 새 배치가 승인된 뒤 기존 기록의 상태를 갱신합니다. 단순한 글자 수정인지 배치 판단이 필요한 내용 추가인지 구별하면 불필요한 재작업 요청을 줄일 수 있습니다.
전체 화면 자료의 제출 조건
버튼 주변만 잘라낸 화면 자료로는 페이지 안의 위치를 승인하기 어렵습니다. 가까이 있는 안내와의 관계는 알 수 있어도, 본문 중간인지 끝인지 또는 다른 영역에서 가져온 버튼인지 구별하기 어렵기 때문입니다. 담당자는 업체에 페이지 전체 배치 자료와 문제가 있는 부분의 확대 자료를 함께 요청합니다.
화면 자료에는 페이지 이름과 화면 상태를 기재하도록 요구합니다. 서로 다른 페이지의 이미지가 섞이면 같은 배치 요청이 적용된 결과인지 판단하기 어렵습니다. 여러 화면을 한 문서로 받을 때도 각각의 대상과 상태가 구별되어야 하며, 버튼만 이동한 수정본도 어느 페이지의 결과인지 표시하도록 요청합니다.
자주 묻는 질문
업체의 시안 그림만으로 배치를 승인해도 됩니까?
시안은 배치 방향을 합의하는 자료로 사용할 수 있지만 실제 구현 결과를 대신하지는 않습니다. 그림에서는 자연스러운 위치라도 실제 안내 내용이 들어간 화면에서는 배열이 달라질 수 있습니다. 담당자는 시안 승인과 구현 결과 승인을 구분해 업체에 전달합니다.
휴대전화를 가로로 돌린 상태도 요청해야 합니까?
세로 상태의 자료만 받았다면 가로 상태에서 안내 배열이 달라지는지 업체에 설명을 요청할 수 있습니다. 별도 배치가 필요한지는 해당 페이지의 내용과 구현 결과에 따라 판단합니다. 병원은 방향별 위치를 임의로 지정하기 전에 업체가 재현한 화면을 받습니다.
브라우저 확대 상태에서 생긴 문제도 전달합니까?
확대 상태에서 버튼이 안내를 가리거나 내용에서 분리된다면 그 상태를 전달합니다. 담당자는 사용한 브라우저와 확대 상태를 함께 기재해 업체가 문제를 재현하도록 요청합니다. 확대하지 않은 화면 자료와 구분해 보내야 서로 다른 결과를 같은 조건으로 오해하지 않습니다.
공지 창이 버튼을 가리면 배치 오류로 처리합니까?
공지 창 자체의 표시와 페이지의 기본 배치를 분리해 기록합니다. 공지가 없는 상태에서도 문제가 생기는지에 따라 수정 대상이 달라질 수 있습니다. 담당자는 공지가 나타난 상태와 사라진 상태를 함께 전달하고, 어떤 요소를 조정할지 업체의 답변을 받습니다.
수정 요청은 발견할 때마다 따로 전달해야 합니까?
긴급히 처리할 문제가 아니라면 담당자가 페이지별 요청을 취합해 전달할 수 있습니다. 같은 대상에 서로 다른 지시가 전달되지 않도록 이미 보낸 요청과 추가 요청을 구분합니다. 업체가 처리 여부를 답할 수 있는 목록을 사용하고, 새 요청 때문에 이전 요청이 취소되는지도 명시합니다.