채팅창을 작게 만들지 않는 랜덤 채팅 레이아웃 기준

랜덤 채팅에서 메시지가 좁은 칸에 갇히면 배너나 이펙트가 아무리 좋아도 대화를 따라가기 어려워. 접속 상태, 프로필, 광고가 조금씩 자리를 차지하니 메시지 영역부터 정해 봐. 실제 지원 기기에서 키보드와 큰 글자를 함께 확인하는 것도 필요해. 화면이 넓어졌다는 이유만으로 안전한 대화가 보장되는 것은 아니니 차단과 신고 동작도 따로 살펴봐.

메시지 중심의 화면 배분

세로 화면에서 대화가 몇 줄 보이는지 세어 봐. 상단 배너와 프로필 카드가 겹치면 대여섯 줄만 남을 수 있어. 여덟 줄은 시작점을 잡을 참고값이지 모든 화면의 정답은 아니야. 긴 메시지와 큰 글자에서도 맥락을 읽을 수 있는지가 중요해. 고정 요소는 스크롤 중에도 공간을 차지하니 꼭 필요한 상태 정보만 남겨 봐.

가로 화면에서도 입력창을 눌러 확인해. 세로에서 맞는 비율이 가로에서는 메시지 두 줄만 남길 수 있어. 가로를 지원한다면 기기별 배치를 따로 점검하고, 지원하지 않는다면 화면 방향 제한이 실제로 적용되는지 확인해. 아래쪽 입력창과 버튼 줄이 두 겹으로 쌓여 대화를 가리지 않는지도 봐.

대화 밖의 이펙트

선물, 입장, 반응이 메시지 목록에 계속 쌓이면 사람이 쓴 문장이 밀려 올라가. 짧은 상태 표시나 목록 바깥의 표현으로 분리해 봐. 이펙트를 겹쳐 띄운다면 대화 내용을 덮지 않도록 위치와 시간을 제한해. 나중에 기록을 다시 볼 때 필요한 메시지를 찾을 수 있어야 하고, 중요한 상태 변경은 이펙트에만 의존하면 안 돼.

같은 표현이 연달아 들어올 때는 묶어서 보여 주거나 빈도를 줄여. 사용자가 이펙트와 움직임을 끌 수 있는 설정도 필요해. 끈 상태에서는 조용한 상태 표시로 의미를 남겨 봐. 시스템의 움직임 줄이기 설정을 적용한 경우에도 신고, 연결 상태, 상대 변경이 알아볼 수 있게 표시되는지 확인해.

가까운 신고와 나가기

불편한 메시지를 받았을 때는 대화를 끊고 필요한 기록을 남기는 기능을 찾기 쉬워야 해. 상단 메뉴 깊숙이 숨기기보다 메시지를 길게 누르거나 입력창 가까이에서 접근할 수 있게 해봐. 차단 시 상대 알림, 기록 보관, 재연결 여부는 실제 정책에 맞춰 알려 줘. 화면에 적힌 설명만으로 차단 성공을 판단하지 말고 실제 후속 연결도 확인해.

전송과 나가기처럼 실수하면 곤란한 버튼은 떨어뜨려 둬. 차단한 상대가 다시 연결되지 않는지도 별도 계정으로 점검할 필요가 있어. 신고 제출이 실패하면 성공한 것처럼 닫히지 않고 다시 시도할 방법이 남아야 해. 즉시 위험한 상황에서는 앱 신고와 별개로 필요한 현지 긴급 지원을 이용할 수 있게 안내를 마련해.

키보드와 연결 끊김 점검

키보드를 올린 뒤 마지막 메시지와 입력창이 가려지지 않는지 봐. 새 메시지가 올 때는 사용자가 지난 대화를 읽는 중인지도 고려해야 해. 무조건 아래로 이동하면 읽던 위치를 잃을 수 있으니 새 메시지 표시와 이동 버튼을 비교해 봐. 큰 글자에서도 버튼이 겹치거나 작성 중인 내용이 잘리지 않는지 실제 기기로 확인해.

연결을 끊은 상태에서 메시지를 보내 보고 전송 중, 실패, 재시도 상태를 확인해. 상태가 없으면 같은 말을 여러 번 보낼 수 있어. 다시 연결됐을 때 중복 전송이 생기는지도 봐. 긴 단어와 주소, 여러 줄 메시지로 말풍선이 화면 밖으로 나가는지 점검하고, 사용자가 작성한 내용은 오류가 나도 필요 이상으로 지우지 마.

떠나기 전 확인

• 대화 영역은 실제 메시지 중심
• 채팅 효과는 메시지와 구분한 오버레이
• 입력창 가까이 신고·차단 배치

메시지 공간, 이펙트, 신고와 나가기, 키보드 순서로 점검해 봐. 수정 전 화면을 남기고 같은 대화·같은 기기·같은 글자 크기로 비교하면 변화가 보여. 브라우저 미리보기에서 좋아 보여도 실제 키보드와 화면 안전 영역은 다를 수 있어. 차단과 신고는 화면 캡처에 더해 서버 처리와 다시 연결되는 상태까지 확인해야 해. 확인하지 못한 기기나 역할은 남겨 두고, 작은 화면과 긴 메시지에서 발견한 문제부터 고쳐 나가면 돼.