게임 장비 비교 UX: 선택 장애를 줄이는 툴팁 시각화 원칙
게임 장비 비교 화면에서 선택 장애가 생기는 이유를 분석하고 기준 장비 고정·증감 강조·조건부 효과 분리·점수화의 한계를 통해 빠르고 신뢰도 높은 선택을 돕는 툴팁 UX 설계법을 정리합니다.
장비 비교 UX의 목표는 ‘가장 높은 숫자’를 보여주는 일이 아니라 플레이어가 지금의 목적에 맞는 장비를 짧은 시간 안에 확신 있게 선택하도록 돕는 것이다. 이를 위해 비교 기준을 고정하고 변화량을 즉시 읽히게 하며 조건부 효과와 비용을 기본 능력치와 분리해 표시해야 한다.
장비 비교 UX에서 선택 장애는 왜 발생하는가?
장비 선택이 어려워지는 핵심 원인은 정보량 자체보다 서로 다른 성격의 정보를 같은 무게로 제시하는 방식에 있다. 공격력, 치명타 확률, 세트 효과, 강화 비용, 직업 전용 조건이 한 툴팁 안에서 나열되면 플레이어는 무엇을 먼저 판단해야 하는지 알기 어렵다.
특히 다음 상황에서 판단 비용이 커진다.
| 문제 | 플레이어가 느끼는 어려움 | UX 대응 원칙 |
|---|---|---|
| 기준 장비가 불명확함 | 무엇과 비교하는지 매번 기억해야 함 | 장착 장비 또는 핀 고정 장비를 기준으로 명시 |
| 증감값이 계산되지 않음 | 두 숫자를 암산해야 함 | 현재값 대비 변화량을 별도 열에 표시 |
| 조건부 효과가 섞여 있음 | 항상 적용되는 효과로 오해함 | 발동 조건과 평균 기대값을 분리 |
| 단위가 제각각임 | 공격력과 확률의 중요도를 비교하기 어려움 | 원수치와 파생 지표를 함께 제공 |
| 교체 비용이 숨겨짐 | 좋은 장비인지 감당 가능한 장비인지 알 수 없음 | 장착 조건·강화 비용·판매 손실을 노출 |
선택 장애는 대개 ‘결정할 정보가 부족해서’가 아니라 ‘결정을 위한 정보 구조가 없어서’ 발생한다. 따라서 장비 툴팁은 모든 수치를 동일하게 보여주는 데이터 시트가 아니라 판단 순서를 설계한 인터페이스여야 한다.
장비 비교 툴팁은 무엇을 먼저 보여줘야 하는가?
비교 정보는 플레이어의 질문 순서에 맞춰 배치한다.
- 바꾸면 즉시 강해지는가?: 핵심 능력치와 변화량을 먼저 보여준다.
- 어떤 전투에서 유리한가?: 조건부 효과와 대상별 효과를 다음에 보여준다.
- 지금 바꿀 수 있는가?: 레벨, 직업, 강화 재료, 장착 제한을 마지막 판단 영역에 둔다.
이 순서를 따르면 희귀도나 긴 설명문보다 실제 전투 가치가 먼저 읽힌다. 예를 들어 액션 RPG의 무기라면 공격력만 비교하지 말고 실제 피해 기대값에 영향을 주는 치명타와 공격 속도를 함께 고려해야 한다.
다만 이 식으로 계산한 DPS를 절대적인 ‘장비 점수’로 단정하면 안 된다. 광역 공격 범위, 상태 이상 축적, 생존력, 스킬 회전율처럼 식에 포함되지 않는 요소가 많기 때문이다. 점수는 빠른 분류를 돕는 보조 정보로 쓰고 원수치와 비교 근거를 숨기지 않는 편이 안전하다.
핵심 능력치와 보조 능력치를 구분하는 방법
모든 스탯을 같은 크기와 색으로 표시하면 중요한 변화가 묻힌다. 장비 종류와 플레이 스타일에 따라 핵심 능력치를 정의하고 상단 비교 영역을 제한한다.
| 장비 유형 | 우선 비교할 핵심 능력치 | 보조 정보 예시 |
|---|---|---|
| 근접 무기 | 피해량, 공격 속도, 치명타 | 경직, 방어 관통, 내구도 |
| 방어구 | 체력, 방어력, 피해 감소 | 상태 이상 저항, 이동 속도 |
| 원거리 무기 | 피해량, 발사 속도, 탄창 | 반동, 재장전 시간, 유효 사거리 |
| 장신구 | 빌드 핵심 효과, 재사용 대기시간 | 획득량, 제작 보너스, 판매가 |
핵심 능력치는 후보 장비와 기준 장비를 좌우 열로 배치하고 가운데에 변화량을 둔다. +12처럼 변화만 보여주면 의미를 잃기 쉬우므로 118 → 130 (+12)처럼 현재값과 결과값을 함께 제시하는 방식이 좋다.
색상은 방향을 빠르게 읽는 보조 신호로만 사용한다. 상승은 녹색, 하락은 적색, 동일은 중립색으로 표시할 수 있지만 색각 이상 환경과 작은 화면을 고려해 ▲, ▼, +, − 같은 문자 신호를 병행해야 한다.
조건부 효과는 어떻게 시각화해야 오해를 줄일까?
‘보스에게 피해 +25%’, ‘체력이 30% 이하일 때 공격 속도 +40%’ 같은 효과는 상시 능력치와 다르다. 같은 목록에 섞어 두면 플레이어가 실제보다 높은 성능으로 해석하거나 반대로 효과를 놓칠 수 있다.
조건부 효과는 다음 세 층으로 분리한다.
1. 발동 조건을 먼저 쓴다
효과 설명의 앞부분에 조건을 배치한다. ‘치명타 시 3초간 화상 부여’보다 ‘치명타 시: 3초간 화상 부여’가 스캔하기 쉽다. 조건, 지속 시간, 재사용 대기시간, 중첩 제한은 누락하지 않는다.
2. 전투 맥락을 라벨로 표시한다
보스전, 군중전, 저체력, 파티, 탐험 같은 라벨은 긴 설명을 읽기 전 효과의 쓰임을 알려준다. 라벨은 설계 의도를 보완하는 장치이지 정확한 규칙을 대체해서는 안 된다.
3. 평균값과 최대값을 혼동시키지 않는다
발동 확률이 있는 효과를 상시 피해 증가처럼 표시하면 잘못된 선택을 유도한다. 필요하다면 기대값을 명확히 구분한다.
예를 들어 발동 확률이 20%, 발동 중 피해 증가가 30%, 평균 유지율이 0.5라면 단순 기대 보너스는 3%다. 하지만 실제 유지율은 공격 빈도와 전투 시간에 따라 바뀌므로 UI에는 ‘이론상 평균 피해 증가’처럼 가정이 드러나는 문구를 사용한다.
flowchart TD
A[후보 장비 선택] --> B{장착 조건 충족?}
B -- 아니오 --> C[잠금 이유와 해제 조건 표시]
B -- 예 --> D[핵심 능력치 변화량 계산]
D --> E[조건부 효과 분리 표시]
E --> F[비용 및 강화 단계 비교]
F --> G[장착 또는 즐겨찾기 결정]이 흐름에서 중요한 점은 ‘장착 불가’ 상태도 비교를 막지 않는다는 것이다. 요구 레벨이 부족한 장비라도 현재 장비 대비 변화량과 해제 조건을 보여주면 플레이어는 다음 목표를 세울 수 있다.
장비 비교 UI를 3단계로 구현하는 방법
1단계: 비교 기준을 명시적으로 고정한다
기본 기준은 현재 장착 장비가 적합하다. 다만 플레이어가 여러 후보를 연속으로 비교할 때는 기준 장비를 핀으로 고정하는 기능이 유용하다. 기준이 바뀌었다면 툴팁 상단에 비교 기준: 철제 장검 +5처럼 이름과 강화 단계를 표시한다.
비교 기준 우선순위는 다음처럼 단순하게 유지할 수 있다.
- 플레이어가 핀 고정한 장비
- 같은 슬롯의 현재 장착 장비
- 같은 슬롯의 최근 선택 장비
- 비교 대상 없음
2단계: 원수치와 변화량을 함께 계산한다
데이터 모델에서 표시 수치와 계산 수치를 분리한다. 퍼센트, 소수점, 레벨 보정 규칙을 툴팁마다 중복 구현하면 화면별 결과가 달라질 수 있다.
type Stat = {
id: 'attack' | 'defense' | 'critChance';
value: number;
format: 'integer' | 'percent';
};
function compareStat(candidate: Stat, equipped?: Stat) {
const base = equipped?.value ?? 0;
const delta = candidate.value - base;
return {
current: base,
candidate: candidate.value,
delta,
direction: delta > 0 ? 'up' : delta < 0 ? 'down' : 'same',
};
}표시 단계에서는 critChance처럼 퍼센트 단위를 가진 스탯의 형식도 통일해야 한다. 내부 값이 0.125라면 화면에서는 12.5%로 변환하되 비교값과 변화량 모두 같은 자릿수 규칙을 적용한다.
3단계: 결정에 필요한 행동을 바로 제공한다
비교를 보여준 뒤 플레이어가 할 수 있는 행동을 제공한다. 대표적으로 장착, 즐겨찾기, 제작 재료 확인, 판매 비교, 강화 미리보기다. 단, 모든 행동을 동시에 노출하면 툴팁이 메뉴가 되므로 현재 상태에서 가장 가능성 높은 행동을 강조한다.
| 상태 | 우선 행동 | 함께 표시할 정보 |
|---|---|---|
| 즉시 장착 가능 | 장착 | 장착 후 핵심 스탯 변화 |
| 요구 조건 미달 | 해제 조건 확인 | 필요 레벨·퀘스트·직업 |
| 강화 단계가 다름 | 강화 미리보기 | 재료, 골드, 강화 실패 규칙 |
| 빌드용 후보 | 즐겨찾기 | 보관 위치, 세트 진행도 |
장비 점수는 언제 유용하고 언제 위험한가?
장비 점수(Item Score)는 전리품을 빠르게 정리하거나 초보자에게 후보를 추천할 때 유용하다. 그러나 하나의 점수로 모든 빌드와 전투 상황을 대표하려 하면 잘못된 유도 장치가 된다.
장비 점수를 사용할 때는 다음 원칙을 지킨다.
- 점수의 기준을 공개한다. 예: 공격력 가중치, 치명타 가중치, 슬롯별 기본 가중치
- 클래스와 빌드별 가중치를 분리한다. 탱커와 원거리 딜러가 같은 점수를 공유해서는 안 된다.
- 조건부 효과에는 ‘포함됨’ 또는 ‘미포함’ 여부를 표시한다.
- 점수보다 원수치 비교를 우선 배치한다.
- 추천 결과에 반대되는 예외를 설명한다. 예: ‘보스전에서는 이 장비가 더 유리함’
점수는 탐색 속도를 높이는 필터이며 최종 판단을 대신하는 판결문이 아니다. 숙련 플레이어가 세부 수치를 확인할 수 있는 경로를 남겨야 시스템의 신뢰가 유지된다.
자주 묻는 질문 (FAQ)
Q. 장비 비교에서 녹색이면 항상 좋은 선택인가?
아니다. 녹색은 해당 수치가 증가했다는 뜻일 뿐이다. 공격력 상승이 재사용 대기시간 증가나 생존력 하락을 상쇄하지 못할 수 있으므로 핵심 빌드와 전투 유형을 함께 봐야 한다.
Q. 모든 스탯의 변화량을 보여줘야 할까?
기본 화면에서는 핵심 스탯을 우선 표시하고 전체 스탯은 펼치기 영역이나 상세 보기로 제공하는 편이 좋다. 정보 공개를 줄이는 것이 아니라 판단 순서를 만드는 방식이다.
Q. 조건부 효과를 장비 점수에 포함해야 할까?
포함할 수 있지만 가정과 비중을 밝혀야 한다. 발동 확률, 유지 시간, 대상 수에 따라 가치가 크게 달라지는 효과는 별도 보정 또는 상황별 점수로 다루는 편이 안전하다.
정리
좋은 장비 비교 UX는 플레이어에게 더 많은 숫자를 던지지 않는다. 비교 기준을 고정하고 핵심 변화량을 먼저 보여주며 조건부 효과와 비용을 분리해 판단 가능한 순서로 제공한다.
장비 툴팁을 개선할 때는 먼저 ‘플레이어가 이 화면에서 내려야 하는 결정은 무엇인가’를 정의하자. 그 결정에 직접 연결되지 않는 정보는 숨기는 것이 아니라 다음 단계로 옮기면 된다. 이 작은 구조화가 인벤토리 체류 시간의 피로를 줄이고 장비 획득과 빌드 선택의 재미를 더 선명하게 만든다.
