QR코드 UX 설계

QR코드는 인쇄물이 담지 못하는 동영상·사진 등 부가 정보에 스마트폰으로 접근하게 해주는 오프라인-온라인 연결 수단이지만, 기사나 참고자료마다 개별 QR코드를 박아 넣는 방식은 실제 사용 경험을 충분히 고려하지 못한 채 기술만 거칠게 적용한 사례가 되기 쉽다. 조선일보가 지면 기사 하단마다 QR코드를 넣은 사례에서, 지면 제약상 코드 크기가 작아지면서 정작 당시 아이폰용 QR코드 리더 앱들은 그런 작은 크기를 인식하지 못했고, 카메라를 가까이 대면 초점이 맞지 않아 인식이 되지 않는 근본적인 사용성 문제가 드러났다.

이 문제에 대한 손쉬운 대안들은 각각 한계를 가진다. QR코드를 크게 인쇄하면 인식률은 높아지지만 지면을 낭비하고, 스마트폰을 쓰지 않는 독자에게는 무의미한 공간이 된다. 매체 전용 QR 리더 앱을 별도 개발·배포하는 방법도 있으나, 이미 포털들이 코드리더를 내장한 상황에서 특정 매체만을 위한 전용 앱을 설치할 독자는 많지 않다. 저자가 제시하는 더 나은 방법은 개별 콘텐츠마다 QR코드를 다는 대신, 모바일 홈페이지에 오늘의 멀티미디어 정보를 모은 '인덱스 페이지'를 만들고 그 인덱스로 연결되는 QR코드 하나만 지면에 배치하는 것이다. 기사마다 카메라를 들어 스캔하고 다시 지면으로 돌아오는 반복 행동(포고스티킹, pogo-sticking)을 없애고, 자주 이용하는 독자는 그 인덱스 페이지를 북마크해두면 된다는 것이 핵심 아이디어다.

같은 문제의식은 인쇄물 전반에 적용된다. 참고문헌마다 QR코드를 넣은 도서 사례(약 70개의 QR코드가 실린 "모바일 이노베이션")를 예로 들며, 매번 카메라 초점을 맞춰야 하는 경험은 각주에 URL 전문을 적어두는 것보다는 낫지만 여전히 나쁜 UX로 지적된다. 여기서도 해법은 동일하다 — 참고자료마다 개별 QR코드를 흩뿌리기보다, 참고문헌을 온라인 구매 사이트와 연결한 인덱스 페이지를 별도로 제공하는 편이 독자에게도 편리하고 도서 판매에도 도움이 된다는 것이다.

핵심 내용

• QR코드는 인쇄물의 오프라인-온라인 연결 수단이지만 크기가 작으면 인식 실패 위험이 크다 (당시 아이폰 리더 앱은 작은 QR코드 미지원)
• 미봉책 두 가지의 한계: ① QR코드 확대 인쇄 → 지면 낭비, ② 전용 리더 앱 개발 → 포털 앱과 경쟁에서 채택률 낮음
• 근본 해법은 개별 QR코드를 없애고 '멀티미디어 인덱스 페이지'로 연결하는 QR코드 하나만 배치하는 것
• 반복 스캔·복귀 행동인 포고스티킹(pogo-sticking)을 줄이는 것이 목표
• 인덱스 페이지는 북마크 가능해 반복 이용자의 재접근 비용을 낮춤
• 동일 원칙이 도서 참고문헌 QR코드에도 적용됨 — 개별 QR코드보다 온라인 인덱스 페이지 제공이 더 나은 UX

관련 개념

• 정보 구조 설계 IA — 인덱스(색인) 페이지 설계와 정보 구조화 원칙
• 딥링크 — 오프라인 콘텐츠를 특정 온라인 화면으로 연결하는 또 다른 기술적 접근
• 모바일 데이터 자동 인식 — 카메라 스캔이 아닌 텍스트 인식 기반의 오프라인-온라인 연결 방식과의 대비

출처

• 조선일보 지면의 아쉬운 QR코드 적용 사례 — 2011-09-23, 無異