UX 패턴을 관찰하는 6가지 질문

먼저 던질 질문

화면을 볼 때 무엇을 기준으로 분석해야 할까

핵심 관점

UX 관찰 질문은 체크리스트가 아니라 사고 순서다. 사용자의 상황을 먼저 보고, 그 다음 결정, 행동, 상태 변화, 회복 가능성, 접근성을 차례로 확인해야 화면의 문제가 분리된다.

관찰이 유효해지는 장면

: 처음 사용하는 대시보드의 Empty State. 사용자는 현재 상태를 이해하고, 다음에 무엇을 할 수 있는지 알며, 행동의 결과를 어느 정도 예측할 수 있다.

처음 가입한 사용자의 대시보드가 비어 있다면 "데이터가 없습니다"보다 "첫 프로젝트를 만들어보세요", "샘플 프로젝트로 둘러보기", "팀원 초대하기" 같은 안내가 더 적합하다.

사용자는 데이터가 없는 이유보다 무엇부터 해야 하는지를 알고 싶어 한다.

UX 패턴을 관찰할 때는 화면의 모양보다 사용자가 어떤 판단을 해야 하는지 먼저 본다.

관찰이 얕아지는 장면

: 모든 빈 화면에 같은 문구를 쓰는 경우.

처음 사용 상태, 검색 결과 없음, 권한 없음, 오류로 인한 데이터 없음에 모두 "표시할 항목이 없습니다"를 쓰면 사용자는 원인과 다음 행동을 알 수 없다.

이런 문제는 구현 단계에서도 자주 반복된다. 정상 상태만 만들고 예외 상태를 나중에 붙이면 문구, 포커스, 버튼 상태, 재시도 흐름이 제각각이 된다.

연구 프레임과 근거

관찰 질문은 휴리스틱 평가의 실무 버전이다

패턴을 볼 때 좋은지 나쁜지로 끝내지 말고 사용자가 무엇을 알고 있는지, 무엇을 예측하는지, 실수했을 때 어디로 돌아갈 수 있는지를 나눠 봐야 한다. 이 질문은 Nielsen의 시스템 상태, 사용자 통제, 오류 예방, 오류 회복 휴리스틱과 맞닿아 있다.

결제 폼을 관찰한다면 버튼 색보다 총액 확인, 입력 오류 위치, 뒤로 가기 후 입력값 보존, 실패 후 재시도 경로를 봐야 한다. 이 관찰 방식은 화면 평가를 취향에서 증거로 옮긴다.

실무 해석

WCAG의 지각 가능성, 조작 가능성, 이해 가능성, 견고성도 관찰 질문에 포함해야 한다. 키보드 이동, 포커스 순서, 스크린 리더 안내, 색상 외 단서를 같이 보면 패턴이 실제 사용자에게 작동하는지 더 정확히 판단할 수 있다.

프레임으로 쓰는 기준

• 사용자가 지금 어떤 맥락에 놓였는지 한 문장으로 쓴다
• 이 화면이 줄여주는 판단 비용이 무엇인지 찾는다
• 실패했을 때 사용자가 어디로 돌아갈 수 있는지 확인한다

자주 빠지는 함정

질문을 너무 많이 만들면 리뷰가 흐려진다. 반복해서 쓸 질문은 적고 강해야 하며, 답이 행동으로 이어져야 한다.

추가 관찰 대상

• 같은 검색 결과 없음 화면을 커머스, 문서 사이트, 관리자 도구에서 비교한다
• 결정이 명확한 요금제 화면과 CTA가 분산된 요금제 화면을 비교한다
• 키보드 내비게이션이 좋은 모달과 좋지 않은 모달의 흐름을 직접 기록한다

연구 질문으로 남길 것

• 질문들이 서로 겹치지 않고 독립적인가
• 각 질문이 실제 화면 리뷰에서 바로 쓸 수 있을 만큼 구체적인가

출처

• Nielsen Norman Group, 10 Usability Heuristics for User Interface Design: https://www.nngroup.com/articles/ten-usability-heuristics/
• W3C, Web Content Accessibility Guidelines WCAG 2.2: https://www.w3.org/TR/WCAG22/
• WAI-ARIA APG, Dialog Modal Pattern: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
• WAI-ARIA APG, Alert Pattern: https://www.w3.org/WAI/ARIA/apg/patterns/alert/