Engineering - 라포랩스 팀블로그 · 2025. 12. 30.
텍스트 접근성을 개선했더니 거래액이 올랐습니다.
AI 엔지니어링 브리핑
퀸잇은 스마트폰의 글자 크기 설정을 앱에 반영하면서도 화면이 흐트러지지 않도록 개선했고, 그 결과 사용자의 탐색과 거래액을 함께 높였습니다.
문제 & 배경
- 문제 & 배경: 퀸잇 이용자의 65% 이상이 기본보다 큰 글자를 설정했지만 앱이 이를 반영하지 않아 특히 4050 사용자가 작은 글자를 읽어야 했고, 기존의 단순 확대 방식은 화면 구성까지 무너뜨렸습니다.
기술 & 해결책
- 기술 & 해결책: 작은 글자는 더 크게, 큰 글자는 덜 확대하는 5단계 글자 크기 체계를 만들고, React Native에서 받은 기기 설정을 Cookie로 서버와 공유해 Next.js의 SSR·SSG·CSR 어디서든 화면이 처음부터 올바른 크기로 보이도록 구현했습니다.
교훈 & 주의점
- 교훈 & 주의점: 2주간의 AB 테스트에서 주문 횟수와 ARPU, 클릭과 찜하기가 증가했으며, 접근성 기능은 단순한 편의 개선이 아니라 비즈니스 성과로 이어질 수 있으므로 렌더링 방식별 초기 화면 깜빡임과 레이아웃 변화까지 함께 해결해야 합니다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.