애드온HOSPITAL MARKETING
메뉴
마케팅·협업 운영

모바일에서 표를 카드로 바꿀지 판단하는 기준

표의 열이 많고 각 칸에 설명 문장이 길면 휴대전화에서 계속 좌우로 움직여야 합니다. 행마다 한 대상의 정보를 살펴보는 일이 목적이라면 세로 카드가 더 읽기 쉬울 수 있습니다. 반대로 가격이나 일정처럼 같은 항목을 나란히 비교해야 한다면 표를 유지하는 편이 낫습니다. 모양의 유행보다 독자가 실제로 무엇을 비교하는지가 기준입니다.

애드온 편집팀

표의 열이 많고 각 칸에 설명 문장이 길면 휴대전화에서 계속 좌우로 움직여야 합니다. 행마다 한 대상의 정보를 살펴보는 일이 목적이라면 세로 카드가 더 읽기 쉬울 수 있습니다. 반대로 가격이나 일정처럼 같은 항목을 나란히 비교해야 한다면 표를 유지하는 편이 낫습니다. 모양의 유행보다 독자가 실제로 무엇을 비교하는지가 기준입니다.

카드를 쓸 때는 매 카드의 정보 순서를 맞춥니다. 이름, 적용 대상, 시간, 예외 조건이 어떤 카드에서는 위에 있고 다른 카드에서는 아래에 있으면 차이를 찾기 어렵습니다. 공통 조건은 카드마다 반복하지 말고 카드 위의 안내에 한 번 적습니다. 각 카드에는 해당 대상만의 차이를 보여 주세요.

핵심 조건을 ‘더 보기’ 안에 숨기지 않습니다. 선택하기 전에 반드시 알아야 하는 마감 시간이나 제한 사항은 펼치지 않아도 보이게 해야 합니다. 카드의 제목만으로 내용을 구별할 수 없다면 먼저 제목을 고칩니다. 단순히 표의 셀을 하나씩 세로로 쌓으면 관계가 보이지 않는 카드가 될 수 있습니다.

실제 모바일 화면에서 두 대상을 비교해 보세요. 사용자가 한 카드의 수치를 기억한 채 다른 카드까지 멀리 내려가야 한다면 카드보다 간결한 표나 비교 요약이 적절할 수 있습니다. 화면 형태를 바꾼 뒤에도 원래 표의 예외와 단위가 빠지지 않았는지 확인해야 합니다.

표와 카드 사이를 바꿀 때 접근성도 확인합니다. 카드 제목이 시각적으로만 구분되고 읽는 순서에는 없으면 보조 기술로 탐색하기 어렵습니다. 각 값 옆에 항목 이름을 명확히 두고 시간에는 요일과 단위를 함께 적습니다. 표를 유지한다면 작은 화면에서 머리글과 값의 관계가 사라지지 않는지 살피고, 필요한 열만 남겨 비교 목적에 맞게 간결하게 정리하세요.

같은 카테고리 글 보기 · 전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

이메일로 문의하기 카카오 오픈채팅