선택지 설명을 마우스 호버에만 의존하지 않기: 터치 플레이어도 확정 전에 비용을 알 수 있도록

선택지의 자원 소모량, 필요한 시간, 알려진 제한이 마우스 포인터를 올렸을 때만 나타난다면 터치 버전에는 충분한 정보를 바탕으로 결정할 수 있는 수단이 빠져 있는 셈입니다. 수정할 때는 선택을 바꿀 만한 알려진 비용부터 선택지 옆에 적으세요. 보충 설명은 눌러서 열도록 해도 됩니다. 필요에 따라 마련하는 확정 전 요약은 현재 결정을 점검하는 용도이지, 중요한 조건을 처음 공개하는 자리가 되어서는 안 됩니다.

항상 표시할 정보인지 판단하려면 이렇게 물어보세요. 이 문장을 알게 된 플레이어가 다른 선택지를 고를 수 있는가? 그렇다면 접힌 영역이나 안내 없는 동작 뒤에 숨겨서는 안 됩니다. 예를 들어 ‘유일한 통행증을 소모합니다’는 결정에 필요한 조건입니다. 통행증을 누가 발급했고 왜 효력이 있는지는 현재 선택에 영향을 주지 않을 때만 상세 정보에 둘 수 있습니다.

보기, 선택, 확정이라는 세 가지 동작도 구분해야 합니다. ‘비용 보기’를 누르면 글만 펼쳐지고, 선택지를 누르면 아직 확정하지 않은 후보로 표시되며, 명확한 확정 버튼을 눌러야 이야기가 진행되는 방식입니다. 선택지를 누르는 즉시 확정되는 작품이라면 설명을 여는 조작부와 확정 영역을 뚜렷하게 분리해야 합니다. 설명을 읽으려고 한 번 눌렀을 뿐인데 선택까지 확정되어서는 안 됩니다.

이 글은 가상의 교육용 사례인 《안개 항구의 마지막 배》를 사용합니다. 인물, 수치, 상호작용은 문제를 설명하기 위해 설정한 것으로, 실제 이용자 사례나 실측 결과가 아닙니다. DramaFork에 이미 구현된 제품 기능을 나타내는 것도 아닙니다.

먼저 선택지마다 알려진 조건을 나열한 다음 표시 위치를 정하세요. 글자 수부터 맞추려고 줄이면 결정적인 제한을 삭제할 수 있습니다.

원고를 검토할 때 다시 물어보세요. ‘이 내용을 지우면 판단이 달라지는가?’ 그렇다면 판단에 영향을 주는 불확실성까지 포함해 항상 표시하는 계층으로 옮깁니다. ‘적용 조건’을 일괄적으로 접어 두어서는 안 됩니다. 선택 가능 여부와 지불해야 할 양을 결정하는 조건은 항상 보여야 하며, 선택에 영향을 주지 않는 보충 설명만 눌러서 열도록 할 수 있습니다. 상세 정보는 중요한 내용을 넣어 두는 보관함이 아니며, 요약으로 처음에 공개하지 않은 정보를 뒤늦게 보완할 수도 없습니다.

세 가지 방식은 함께 사용할 수 있지만 역할이 다릅니다. 항상 표시하는 핵심 정보는 선택지를 나란히 비교하기 좋지만 페이지의 세로 공간을 차지합니다. 눌러서 여는 상세 정보는 긴 설명을 담을 수 있지만 확인 단계가 늘어납니다. 확정 전 요약은 결정을 되돌리기 어렵거나 실수로 확정하기 쉬운 경우에 적합하지만 진행 흐름을 끊습니다.

짧은 선택지가 두 개뿐이라면 조건을 항상 보여 주고 확정 동작을 명확히 하는 것만으로 충분할 수 있습니다. 네 개의 선택지에 여러 조건이 붙어 있다면 먼저 정보 순서를 통일해 같은 기준으로 비교하게 한 다음, 보충 설명을 열어 볼 수 있게 하세요. 평범한 대사마다 확인 창을 붙이지는 마세요.

사례 속 린야오는 배표 2장과 전달할 문서 한 부를 가지고 있으며, 출항까지는 15분이 남아 있습니다. 뱃사공에게 즉시 문서를 전달해 달라고 하거나 부두에 남아 동료를 기다릴 수 있습니다. 교육용 설정에 따르면 문서 전달에는 배표를 모두 써야 하므로 그날 밤에는 더 이상 여객선을 탈 수 없습니다. 기다리면 배표는 쓰지 않지만 이번 문서 운송선을 놓칩니다. 문서가 도착한 뒤의 영향은 아직 밝혀지지 않았습니다.

초안에는 ‘뱃사공에게 문서 전달 부탁하기’와 ‘동료가 돌아오기를 기다리기’만 표시되고, 비용은 마우스 포인터를 올렸을 때 나오는 설명에 숨겨져 있었습니다. 첫 수정안은 다음과 같습니다.

• 뱃사공에게 문서 전달 부탁하기: 배표 2장 소모. 오늘 밤 여객선 탑승 불가. 옆에 ‘전달 조건 보기’를 둡니다.
• 동료가 돌아오기를 기다리기: 배표 소모 없음. 이번 문서 운송선을 놓침. 옆에 ‘대기 조건 보기’를 둡니다.

전달 조건을 펼치면 ‘뱃사공이 보수로 배표 2장을 모두 받습니다. 넘긴 문서는 되찾을 수 없습니다. 수신인의 반응은 알 수 없습니다’라는 내용이 나타납니다. 여기서 첫 수정안의 누락이 드러납니다. 문서를 되찾을 수 없다는 사실은 선택에 영향을 주므로 펼친 영역에만 남겨 두어서는 안 됩니다. 최종적으로 항상 표시할 문구는 ‘뱃사공에게 문서 전달 부탁하기: 배표 2장 소모. 오늘 밤 여객선 탑승 불가. 넘긴 문서는 되찾을 수 없음’이어야 합니다. 상세 정보에는 선택에 영향을 주지 않는 문서 인계 설명만 보충합니다.

플레이어는 읽기를 마치고 상세 정보를 접은 뒤 전달을 선택하고, 이 사례에서 채택한 요약으로 이동합니다. ‘문서를 넘기고 배표 2장을 소모합니다. 남은 배표는 0장입니다. 오늘 밤에는 여객선을 탈 수 없으며 문서는 되찾을 수 없습니다.’ 동작 이름은 각각 ‘선택으로 돌아가기’와 ‘전달 확정’으로 적어, 뜻이 모호한 ‘확인’만 쓰지 않도록 합니다.

이번 교육용 절차 점검의 핵심 성과는 누락된 조건을 찾아낸 것입니다. 요약은 이미 공개한 정보를 확인하는 자리이며, 마지막 단계에서 갑자기 새로운 손실을 추가해서는 안 됩니다. 돌아갈 때 후보 선택 상태를 유지하면 플레이어가 다시 비교할 수 있습니다.

첫 번째 실패는 눈에 보이는 조작부 없이 마우스 호버를 길게 누르기로 바꾸는 것입니다. 플레이어는 여전히 어디에 설명이 있는지 모르며, 길게 누르기를 다른 조작으로 받아들일 수도 있습니다. 길게 누르기는 보조 방식으로 사용할 수 있습니다. 핵심 조건은 바로 읽을 수 있어야 하고, 보충 설명을 여는 조작부에는 명확한 글자 안내가 있어야 합니다.

두 번째 실패는 설명 아이콘이 누르기 어렵거나 즉시 확정 영역에 너무 가까이 붙어 있는 것입니다. ‘열 수 있는가’뿐 아니라 ‘보려다가 잘못 선택하지는 않는가’도 문제입니다. W3C의 설명에는 최소 타깃 크기 요건과 예외가 제시되어 있습니다. 모든 버튼의 크기를 같게 해야 한다는 뜻은 아니며, 이를 근거로 페이지가 인증받았다고 주장할 수도 없습니다. 설명을 여는 조작부와 확정 영역의 위치, 조작 결과를 함께 점검해야 합니다.

세 번째 실패는 상세 정보 오버레이가 다른 선택지를 가리고, 닫으면 페이지가 맨 위로 이동하는 것입니다. 항목별 비교가 필요할 때는 제자리에서 펼치고 조작 이름을 ‘조건 접기’로 바꿀 수 있습니다. 상세 정보가 아주 길면 별도로 보여 줘도 되지만, 돌아온 뒤에는 원래 선택지 위치로 복귀해야 합니다.

네 번째 실패는 색상, 아이콘, 말줄임표만으로 손실을 나타내는 것입니다. 배표 아이콘에 ‘−2’를 표시했다면 옆에 ‘배표 2장 소모’라는 글이 있어야 합니다. 좁은 화면에서 줄이 바뀔 때 ‘되찾을 수 없음’이 잘려서는 안 됩니다. 글자를 확대한 상태에서는 제목이 넘치는지만 볼 것이 아니라 조건 전체와 확정 버튼까지 점검해야 합니다.

아래 점검표를 중요한 선택 지점마다 복사해 편집자가 문구를 작성한 다음, 화면 구현 담당자가 대조하도록 하세요.

이 점검표는 의사결정 정보의 제시만 다루며, 전체 접근성 평가를 대신할 수 없습니다. 요약은 선택 사항이지만, 확정 전에 실제 조건을 확인하는 일은 요약의 유무와 관계없이 필요합니다. 읽는 동안 자원이 바뀐다면 먼저 새로운 비용을 보여 주고 플레이어가 다시 결정하게 해야 합니다. 요약을 사용한다면 함께 갱신해야 하며, 오래된 내용을 그대로 써서는 안 됩니다.

이야기 속 미지의 정보와 화면의 설명 누락도 구분해야 합니다. 사례에서 수신인의 반응은 공개하지 않아도 되지만, 인물이 이미 아는 배표 비용을 숨겨서는 안 됩니다. 스포일러를 줄인다는 것은 아직 밝혀지지 않은 결과를 미리 공개하지 않는 것이지, 눈앞의 거래 조건을 가리는 것이 아닙니다. 어떤 결과가 인물의 추측에 불과하다면 ‘그럴 수 있다’고 쓰고, 요약에서 확정된 사실로 바꾸지 마세요.

시간제한이 있는 선택에서는 읽는 시간도 제한 시간에 포함할지 정하고 화면에 설명해야 합니다. 읽는 동안에도 시간이 흐른다면 핵심 조건을 모두 유지하면서 항상 표시하는 문구를 간결하게 다듬고, 반드시 펼쳐야 하는 내용을 줄이세요. 상세 정보 버튼만으로 읽기 부담이 해결되지는 않습니다. 최종 인계 기준은 플레이어가 숨겨진 동작을 발견하지 않아도 행동하기 전에 무엇을 내주고 무엇을 얻는지 알 수 있는가입니다.