[HCI와 UX] UX가 좋다는 건 무엇일까? 사용성의 10가지 차원

UX가 좋다는 건 정확히 무엇일까?
사용성의 10가지 차원과 구매 전환율의 비밀

🤔 질문: "UX가 좋다"는 무슨 뜻일까?

"이 사이트 UX 좋네요."
"UX 개선이 필요합니다."
"사용자 경험을 최우선으로 설계했습니다."

우리는 이런 말을 매일 합니다. 하지만 정확히 무엇이 좋은 걸까요?

PM, 기획자, 디자이너가 모인 회의실에서 이런 대화가 오갑니다:

• "UX를 개선해야 해요" → "구체적으로 뭘 개선하죠?"
• "사용성이 떨어져요" → "어떤 부분이 떨어지는 건가요?"
• "이 디자인이 더 직관적이에요" → "직관적이라는 게 측정 가능한가요?"

추상적 개념은 실행되지 않습니다.

2012년, 미국 텍사스 대학의 Younghwa Lee와 Kenneth A. Kozar는 이 모호함을 끝내기로 합니다.

"웹사이트 사용성을 정확히 정의하고, 측정하고, 이것이 실제 구매 행동에 어떤 영향을 미치는지 밝혀내자."

📚 연구 배경: Usability의 구조화

📄 논문 정보

• 제목: Understanding of website usability: Specifying and measuring constructs and their relationships
• 저자: Younghwa Lee, Kenneth A. Kozar
• 저널: Decision Support Systems (Elsevier)
• 발표 연도: 2012
• DOI: 10.1016/j.dss.2011.10.004

이 연구 이전에도 "사용성(Usability)"은 HCI(Human-Computer Interaction) 분야의 핵심 개념이었습니다.

하지만 문제가 있었어요:

1. 정의가 너무 다양했다

• Jakob Nielsen: "배우기 쉽고, 효율적이고, 기억하기 쉽고, 에러가 적고, 만족스러운 것"
• ISO 9241: "효과성, 효율성, 만족도"
• 각 연구마다 다른 잣대 사용

2. 측정이 주관적이었다

• "이게 더 사용하기 쉬워요" → 얼마나?
• "이 디자인이 더 효과적입니다" → 무엇을 기준으로?

3. 비즈니스와의 연결고리가 약했다

• 사용성이 좋으면 매출이 오른다는 "믿음"은 있었지만
• 어떤 사용성 요소가 얼마나 구매에 영향을 주는지 불명확

Lee & Kozar는 이 세 가지를 동시에 해결하고자 했습니다.

🔬 연구 설계: 3단계 접근법

Phase 1: 사용성 구성요소 도출

방법:

• 기존 문헌 50편 이상 체계적 리뷰
• HCI 전문가 8명 포커스 그룹 인터뷰
• 실제 사용자 100명 예비 설문

결과:
처음엔 30개 이상의 후보 개념이 나왔고, 이를 통합·정제해 10개의 핵심 구성요소로 압축했습니다.

Phase 2: 인과관계 모델 구축

방법:

• Causal Mapping 기법 사용
• "A가 좋으면 B에 어떤 영향을 미치는가?"를 전문가들이 직접 연결
• 예: "Navigability가 높으면 → Efficiency가 올라간다" 같은 관계 맵핑

결과:
10개 요소 간의 인과관계망(Nomological Network) 도출

💡 Nomological Network란?

"법칙적 관계망"이라는 뜻으로, 추상적 개념들이 서로 어떻게 연결되어 있는지 보여주는 이론적 지도입니다.

예를 들어:

• "Consistency가 높으면 → Learnability가 올라간다"
• "Learnability가 높으면 → Ease of use가 올라간다"
• "Ease of use가 높으면 → Purchase Intention이 올라간다"

이렇게 연결된 관계망을 그려놓으면, 어느 지점을 개선하면 최종 목표(구매)에 가장 효과적인지 파악할 수 있습니다.

Phase 3: 실증 검증

방법:

• 전자상거래 사이트 사용자 412명 대상 설문
• 구매 의도(Purchase Intention) 및 실제 구매 행동(Purchase Behavior) 추적
• 구조방정식 모델링(SEM)으로 통계 검증

측정 지표:

• 10개 사용성 요소 각각 5~7개 문항으로 측정
• 예: "이 사이트는 원하는 정보를 찾기 쉽다" (Navigability)
• 예: "이 사이트는 내 입력에 즉시 반응한다" (Interactivity)

🎯 핵심 발견: 사용성의 10가지 차원

연구팀이 도출한 10개 구성요소는 다음과 같습니다:

구성요소정의실무 예시

1. Ease of Understanding	콘텐츠와 UI의 의도를 사용자가 쉽게 파악할 수 있는 정도	"장바구니" vs "구매 대기 목록" - 어느 쪽이 이해하기 쉬운가?
2. Ease of Learning	처음 접한 사용자도 짧은 시간 내에 기능을 익힐 수 있는 정도	첫 방문자도 3분 내에 상품 검색 → 구매까지 완료할 수 있는가?
3. Effectiveness	사용자가 원하는 작업을 정확히 완수할 수 있는 정도	검색했을 때 원하는 상품이 실제로 나오는가? (검색 정확도)
4. Efficiency	동일 작업을 빠르게 수행할 수 있도록 설계된 정도	구매까지 몇 번의 클릭이 필요한가? (클릭 수 최소화)
5. Operability	사용자가 시스템을 원활히 조작할 수 있는 정도	버튼이 즉시 반응하는가? 로딩이 빠른가?
6. Attractiveness	시각적 디자인이 쾌적하고 몰입감을 주는 정도	색상, 레이아웃, 타이포가 조화롭고 전문적인가?
7. Navigability	원하는 정보나 기능을 쉽게 탐색할 수 있는 구조	메뉴 구조가 명확한가? 어디서든 홈으로 돌아갈 수 있는가?
8. Interactivity	사용자 입력에 대해 즉각적이고 유의미하게 반응하는 정도	필터 선택 시 즉시 결과 업데이트, 호버 시 미리보기 등
9. Supportiveness	사용자의 의도를 돕는 정보와 가이드가 충분히 제공되는 정도	툴팁, 플레이스홀더, 예시 입력, 에러 메시지 등
10. Consistency	전반적인 UI 요소와 동작 방식이 일관되게 유지되는 정도	모든 페이지에서 버튼 위치, 용어, 색상이 동일한가?

📊 충격적 결과: 어떤 요소가 구매를 만드는가?

발견 1: 모든 요소가 동등하지 않다

10개 요소 중 특히 3가지가 구매 전환율에 직접적이고 강력한 영향을 미쳤습니다:

🏆 Top 3 전환율 결정 요소

1. Navigability (탐색성)

• 경로계수(β): 0.42 (p<0.001)
• "원하는 걸 찾을 수 없으면 떠난다"

2. Supportiveness (지원성)

• 경로계수(β): 0.38 (p<0.001)
• "뭘 어떻게 해야 할지 모르면 포기한다"

3. Interactivity (상호작용성)

• 경로계수(β): 0.31 (p<0.01)
• "반응이 없으면 불안해진다"

발견 2: 간접 효과도 있다

어떤 요소는 직접 구매에 영향을 주지 않지만, 다른 요소를 통해 간접적으로 영향을 줍니다.

인과관계 체인 예시:

Consistency (일관성)
↓
Ease of Learning (학습 용이성) ↑
↓
Efficiency (효율성) ↑
↓
Navigability (탐색성) ↑
↓
Purchase Intention (구매 의도) ↑

해석:

• Consistency 자체는 구매에 직접 영향 없음
• 하지만 일관성이 높으면 → 배우기 쉬워지고 → 작업이 빨라지고 → 탐색이 쉬워지고 → 결국 구매로 이어짐

이를 연구에서는 "Mediation Effect(매개효과)"라고 부릅니다.

발견 3: Attractiveness의 역설

놀랍게도 Attractiveness(매력성)는 구매 의도에 유의미한 영향이 없었습니다 (β=0.09, p>0.05).

이게 무슨 뜻일까요?

"예쁜 디자인"만으론 구매를 만들지 못한다는 겁니다.

물론 Attractiveness가 중요하지 않다는 게 아닙니다. 다만:

• 첫인상을 좋게 하고(유입 증가)
• 브랜드 인지도를 높이지만
• 직접적인 전환 결정 순간에는 Navigability나 Supportiveness가 더 중요하다는 거죠.

🔍 실무 적용: 체크리스트로 만들기

이 10개 차원을 실무에서 바로 쓸 수 있는 체크리스트로 변환해봤습니다.

✅ 전환율에 직접 영향 (최우선)

1. Navigability (탐색성)

• ☐ 메인 메뉴는 3레벨 이내인가?
• ☐ 검색 기능이 모든 페이지에 있는가?
• ☐ 현재 위치(Breadcrumb)가 명확한가?
• ☐ 원하는 정보까지 3클릭 이내인가?

2. Supportiveness (지원성)

• ☐ 입력 필드에 예시가 있는가?
• ☐ 에러 메시지가 해결 방법을 제시하는가?
• ☐ 툴팁/도움말이 적재적소에 있는가?
• ☐ FAQ나 챗봇이 접근 가능한가?

3. Interactivity (상호작용성)

• ☐ 버튼 클릭 시 즉시 피드백이 있는가?
• ☐ 로딩 시 진행 상태가 보이는가?
• ☐ 필터 적용 시 실시간 결과 반영되는가?
• ☐ 호버/포커스 상태가 명확한가?

✅ 간접 영향 (기반 구축)

4. Consistency (일관성)

• ☐ 모든 페이지에서 버튼 위치가 동일한가?
• ☐ 용어 사용이 통일되었는가? (예: "구매" vs "결제" 혼용 금지)
• ☐ 색상 시스템이 일관적인가?

5. Ease of Learning (학습 용이성)

• ☐ 첫 방문자를 위한 온보딩이 있는가?
• ☐ 주요 기능이 한 눈에 파악되는가?
• ☐ 재방문자가 이전 경험을 재사용할 수 있는가?

6. Efficiency (효율성)

• ☐ 반복 작업에 단축키가 있는가?
• ☐ 최근 검색/조회 이력이 저장되는가?
• ☐ 자동완성 기능이 있는가?

✅ 기본 품질 (테이블 스테이크)

7. Effectiveness (효과성)

• ☐ 검색 결과가 의도와 일치하는가?
• ☐ 필터가 실제로 작동하는가?
• ☐ 데이터가 정확한가?

8. Ease of Understanding (이해 용이성)

• ☐ 버튼 텍스트가 명확한가?
• ☐ 아이콘이 보편적인가?
• ☐ 전문 용어를 피했는가?

9. Operability (조작성)

• ☐ 페이지 로딩이 3초 이내인가?
• ☐ 모바일에서도 터치 영역이 충분한가?
• ☐ 키보드만으로도 조작 가능한가?

10. Attractiveness (매력성)

• ☐ 브랜드 아이덴티티가 드러나는가?
• ☐ 시각적으로 프로페셔널한가?
• ☐ 트렌디한 디자인인가?

💼 실전 사례: 어떻게 개선할까?

Case 1: 전자상거래 검색 개선

문제:
사용자가 "운동화" 검색 → 1,234개 결과 → 이탈률 68%

분석 (10개 차원 적용):

• Navigability: 카테고리 필터가 복잡함 (6레벨 깊이)
• Supportiveness: 어떻게 필터링하는지 가이드 없음
• Interactivity: 필터 선택해도 즉시 반영 안 됨 (페이지 새로고침)

개선:

1. 카테고리를 3레벨로 단순화
2. "인기 필터" 상단 노출 + 툴팁 추가
3. Ajax 기반 실시간 필터링 구현

결과:

• 이탈률 68% → 41% (40% 개선)
• 평균 체류시간 1.2분 → 3.8분
• 전환율 2.1% → 3.6% (71% 증가)

Case 2: SaaS 온보딩 개선

문제:
가입 후 7일 내 이탈률 73%, "뭘 해야 할지 모르겠어요" 피드백 다수

분석:

• Ease of Learning: 기능이 많지만 튜토리얼 없음
• Supportiveness: 첫 화면이 빈 대시보드
• Consistency: 용어가 페이지마다 다름 ("프로젝트" vs "워크스페이스")

개선:

1. 인터랙티브 온보딩 투어 (5단계)
2. 빈 상태에 "시작하기" 템플릿 제공
3. 용어 통일 + 용어집 페이지 추가

결과:

• 7일 이탈률 73% → 52%
• 첫 주 활성 사용자 27% → 48%
• 유료 전환율 8% → 14%

🤔 한계와 열린 질문

이 연구의 한계

1. 맥락의 한정

• 대상: 일반 전자상거래 사이트
• 질문: SaaS, 콘텐츠 사이트, 모바일 앱에도 동일한가?
• B2B vs B2C에서 중요도가 바뀔 수 있음

2. 행동 데이터 부재

• 측정 방법: 설문 응답 (자기 보고)
• 문제: 실제 행동과 인식이 다를 수 있음
• 개선 방향: 로그 데이터, 히트맵, A/B 테스트 결합 필요

3. 시대적 변화

• 연구 시점: 2012년 (모바일 전환기)
• 질문: 2025년 현재, 우선순위가 바뀌었을까?
• 예: 당시엔 중요하지 않았던 "Responsiveness(반응형)"는?

4. 문화적 차이

• 실험 대상: 미국 사용자
• 질문: 한국, 중국, 유럽에서 동일한 패턴인가?
• 예: 한국은 "빠른 배송 정보"가 더 중요할 수도

후속 연구 아이디어

1. 도메인별 가중치 연구

• 전자상거래 vs SaaS vs 콘텐츠 플랫폼
• 각 산업에서 10개 요소의 상대적 중요도 비교

2. 실시간 행동 데이터 통합

• 설문 + 로그 분석 + 아이트래킹
• "말로는 A가 중요하다 하지만, 실제론 B를 본다" 같은 불일치 탐구

3. 모바일 vs 데스크톱 차이

• 화면 크기에 따른 사용성 요소 우선순위 변화
• 예: 모바일에선 Operability가 더 중요할 수도

4. AI 시대의 새로운 차원

• 2012년엔 없던 "Personalization(개인화)", "Conversational UI(대화형)" 등
• 이들을 기존 10개에 어떻게 통합할까?

📝 Lessons Learned

1. "UX 개선"은 시각적 예쁨이 아니라, 구매 행동을 유도하는 구조적 설계다

Attractiveness가 구매에 직접 영향이 없었다는 결과가 이를 증명합니다. 물론 예쁜 디자인은 중요해요. 하지만 그것만으론 부족합니다. 사용자가 원하는 걸 찾고(Navigability), 도움을 받고(Supportiveness), 즉각 반응받는(Interactivity) 구조가 먼저입니다.

2. 추상적 개념도 구조화하면 실무에 옮겨 쓸 수 있다

"UX가 좋다"는 말은 너무 모호합니다. 하지만 이를 10개 차원으로 쪼개면: 측정 가능해지고, 우선순위를 정할 수 있고, A/B 테스트 설계가 명확해지고, 팀 간 커뮤니케이션이 정확해집니다.

3. 고객 여정에서 '인터랙션 부족' 지점을 추적하는 분석 설계가 중요하다

이탈률이 높은 페이지가 있다면, 10개 차원으로 진단하세요: Navigability 문제? → 메뉴 구조 개선, Supportiveness 문제? → 가이드 추가, Interactivity 문제? → 피드백 강화

4. PM/기획자에게 '좋은 UX'란 심미성보다 전환율 구조에 가까운 개념이다

디자이너는 Attractiveness를 챙기면 됩니다. 하지만 기획자는 사용자가 목표를 달성하도록 돕는 구조를 설계해야 합니다. 이 논문은 그 구조가 무엇인지 명확히 보여줍니다.

5. 모든 요소가 동등하지 않다 - 전환율에 직접 영향 주는 것부터 챙겨라

리소스가 한정되어 있다면, Navigability → Supportiveness → Interactivity 순으로 개선하세요. Consistency나 Attractiveness는 그 다음입니다.

🎬 마치며: 측정할 수 없으면 개선할 수 없다

경영학의 아버지 피터 드러커는 이렇게 말했습니다:

"측정할 수 없으면 관리할 수 없고, 관리할 수 없으면 개선할 수 없다."

UX도 마찬가지입니다.

"UX가 좋다/나쁘다"는 주관적 인상이 아니라, 10개의 구체적 차원으로 쪼개서 보는 순간, 비로소:

• 무엇이 문제인지 알게 되고
• 어디를 고쳐야 할지 명확해지고
• 개선 효과를 측정할 수 있게 됩니다

Lee & Kozar의 연구는 이렇게 말합니다:

"사용성은 추상적 이상이 아니라, 측정 가능하고 설계 가능한 구조다."

다음번 회의에서 "UX 개선이 필요해요"라고 말하는 대신, 이렇게 말해보세요:

"Navigability를 높이기 위해 메뉴 구조를 3레벨로 단순화하고, Supportiveness를 위해 툴팁을 추가하면, 전환율이 30% 개선될 것으로 예상합니다."

구체적인 언어는 구체적인 행동을 만듭니다. 🚀

📚 References

원문:

• Lee, Y., & Kozar, K. A. (2012). Understanding of website usability: Specifying and measuring constructs and their relationships. Decision Support Systems, 52(2), 450-463. DOI: 10.1016/j.dss.2011.10.004

이론 배경:

• Nielsen, J. (1994). Usability Engineering. Morgan Kaufmann.
• ISO 9241-11 (2018). Ergonomics of human-system interaction — Part 11: Usability: Definitions and concepts.
• Venkatesh, V., Morris, M. G., Davis, G. B., & Davis, F. D. (2003). User acceptance of information technology: Toward a unified view. MIS Quarterly, 27(3), 425-478.

관련 방법론:

• Hair, J. F., et al. (2010). Multivariate Data Analysis (7th ed.). Pearson. (구조방정식 모델링)
• Laukkanen, M. (1998). Conducting causal mapping research. In Managerial and Organizational Cognition (pp. 168-191). Sage.

💡 다음 스텝: 당신의 서비스에 적용하기

이 프레임워크를 당신의 프로젝트에 바로 적용하고 싶다면:

1. 진단부터 시작: 10개 차원 체크리스트로 현재 상태 평가
2. 데이터 수집: 사용자 설문 + 로그 분석으로 병목 지점 파악
3. 우선순위 설정: Navigability, Supportiveness, Interactivity 중심으로
4. A/B 테스트: 개선 전후 전환율 측정
5. 반복: 측정 → 개선 → 측정 사이클 구축

측정 가능한 UX는 개선 가능한 UX입니다. ✨