[기획 TIL] 7일차: 보이지 않는 소통의 설계, UI/UX 디자인의 원칙

[기획 TIL] 7일차

보이지 않는 소통의 설계, UI/UX 디자인의 원칙

[1] 오늘 배운 것 (궁극 심화 이론)

1. UI vs. UX: '조종간'과 '비행 경험'의 차이

UI와 UX는 함께 쓰이지만, 그 본질은 명확히 다릅니다. 훌륭한 UI는 훌륭한 UX의 '필요조건'이지만, '충분조건'은 아닙니다. UI/UX 디자인의 목표는, 플레이어가 '자신이 원하는 바를, 가장 막힘없이, 가장 기분 좋게' 달성하도록 돕는 것입니다.

UI (User Interface)

플레이어가 게임을 조작하기 위해 사용하는 '도구' 그 자체입니다. HP 바, 인벤토리 창, 버튼 등 눈에 보이는 모든 시각적, 물리적 요소가 해당됩니다.

UX (User Experience)

UI를 사용하여 게임과 상호작용하며 느끼는 '총체적인 감정과 경험'입니다. "인벤토리 정리가 편리했다" 와 같은 모든 감정이 UX의 영역입니다.

2. 게임 UX 디자인의 4대 원칙

① 명료성 (Clarity)

"나는 지금 무엇을 할 수 있고, 무슨 일이 일어나고 있는가?"를 플레이어가 즉시 이해할 수 있어야 합니다. 어포던스(Affordance)와 일관성(Consistency)이 핵심입니다.

② 반응성 (Responsiveness / Feedback)

"내 행동이 제대로 전달되었는가?"에 대한 즉각적인 피드백은 필수입니다. 버튼을 눌렀을 때의 효과음이나 색상 변화는 시스템의 '대답'입니다.

③ 관용성 (Forgiveness)

플레이어의 실수를 너그럽게 용서하고, 쉽게 되돌릴 수 있게 해야 합니다. "정말로 버리시겠습니까?" 확인 창이 대표적인 예입니다.

④ 몰입성 (Immersion)

UI가 게임 경험을 방해하는 '장벽'이 아니라, 세계관의 일부처럼 느껴지게 만들어야 합니다. UI의 존재를 잊게 만드는 것이 궁극적인 목표입니다.

3. 다이제시스(Diegesis) 이론: UI를 게임 세계에 녹이는 기술

'다이제시스'는 '스토리 세계'를 의미하며, UI가 이 세계 안에 있는지 밖에 있는지에 따라 4가지로 분류됩니다. 이들을 적절히 혼합하여 정보 전달의 효율성과 세계관의 몰입감 사이에서 최적의 균형점을 찾는 것이 중요합니다.

구분	설명	대표적인 예
다이제틱	게임 세계와 캐릭터 모두에게 인지됨. UI가 게임 속 실제 사물.	데드 스페이스의 체력 바, 파 크라이 2의 지도
비다이제틱	게임 세계와 캐릭터 모두에게 인지되지 않음. 가장 일반적인 UI.	화면 모서리의 HP/MP 바, 미니맵, 점수
공간적	게임 세계에는 존재하지만, 캐릭터는 인지하지 못함.	더 디비전의 정보 그래픽, 바닥의 내비게이션
메타	캐릭터는 인지하지만, 게임 세계에는 물리적으로 존재하지 않음.	화면에 피가 튀는 효과, 잠수 시 화면 변화

[2] 어려웠던 점 / 고민한 점

'몰입감'과 '정보 전달 효율성'의 상충: *데드 스페이스*의 다이제틱 UI는 몰입감 측면에서는 최고지만, 전투 중 체력을 한눈에 파악하기는 다소 불편합니다. 반면 전통적인 HP 바는 정보 전달은 확실하지만 몰입감을 해칠 수 있습니다. 이처럼 '멋진 UI'와 '편한 UI' 사이에서 어떤 가치를 우선할 것인지 결정하는 것은 항상 어려운 문제입니다.

[3] 더 알아볼 것 (Action Item)

• 인지 심리학과 행동 유도성(Affordance) 학습: 인간이 정보를 어떻게 인지하고 처리하는지 이해하면, 더 직관적이고 실수를 줄이는 UI를 설계할 수 있습니다. 특히 도널드 노먼의 '디자인과 인간 심리'는 필독서입니다.
• 접근성(Accessibility) 디자인 연구: 색맹/색약 플레이어를 위한 색상 설정, 청각 장애 플레이어를 위한 자막 및 시각적 피드백 강화 등, 모든 플레이어가 동등하게 게임을 즐길 수 있도록 하는 접근성 디자인 원칙을 학습해야겠습니다.
• UI 플로우차트(Flowchart) 및 와이어프레임(Wireframe) 제작 실습: '아이템 강화'와 같은 특정 기능을 플레이어가 어떤 순서로, 어떤 화면을 거쳐 경험하게 될지 플로우차트와 와이어프레임으로 직접 설계하는 연습이 필요합니다.