figma3분 읽기

큐레이션 요약

프레스 스타트: 컨트롤러

원문 읽기(새 탭에서 열림)

게임 인터페이스는 사용자가 어떤 입력 장치를 쓰는지에 따라 형성된다. 초기 게임의 단순한 시작 화면부터 현대 AAA 게임의 복잡한 메뉴·탭·인벤토리 구조까지 발전했지만, 방향키와 버튼을 중심으로 한 컨트롤러는 일관된 탐색 경험과 근육 기억을 유지해 왔다. 앞으로 AR·VR 같은 기술은 입력 장치와 인터페이스의 경계를 물리적 공간까지 확장할 것으로 보인다.

게임 인터페이스의 발전

  • 1958년의 Tennis for Two부터 초기 아케이드 게임까지는 인터페이스가 매우 단순했다.
  • Pong, PAC-MAN, Super Mario Bros. 같은 게임은 사실상 단일 화면과 시작 버튼만으로 플레이가 가능했다.
  • 현대 AAA 게임은 다음과 같은 다양한 기능을 제공한다.
    • 여러 게임 모드
    • 캐릭터 및 코스튬 커스터마이징
    • 게임 내 상점
    • 월드 맵과 인벤토리
    • 퀘스트와 설정 메뉴
  • 이에 따라 게임 UI는 단일 타이틀 화면에서 메뉴, 탭, 화면 간 연결로 구성된 복합적인 허브 구조로 확장됐다.

컨트롤러가 만든 일관된 탐색 원칙

  • Atari 2600부터 PlayStation 5까지 컨트롤러는 방향 입력과 버튼을 핵심 구조로 유지했다.
  • 세대가 바뀌어도 기본적인 조작 방식이 크게 변하지 않아 플레이어는 기존의 근육 기억을 활용할 수 있었다.
  • 컨트롤러의 공통 규칙은 게임 UI 설계의 기반이 됐다.
  • 플랫폼마다 완전히 새로운 탐색 방식을 만들 필요가 줄어들어 디자인·개발 비용도 절감된다.
  • 게임이 거대한 문화 산업으로 성장하고 스트리밍, e스포츠 등으로 확장됐지만, 플레이어와 게임을 연결하는 핵심 장치는 여전히 컨트롤러다.

입력 장치가 인터페이스를 결정한다

  • 디지털 인터페이스는 사용하는 표면과 입력 방식에 맞춰 설계된다.
    • 데스크톱: 마우스
    • 모바일: 손가락 터치
    • TV: 리모컨
  • 마우스는 빠르고 정밀하며 여러 버튼을 제공한다.
    • 화면을 한 번에 가로질러 이동할 수 있다.
    • 몇 픽셀 크기의 작은 컨트롤도 조작할 수 있다.
    • 가운데 버튼, 오른쪽 클릭처럼 추가 기능을 제공한다.
  • 따라서 데스크톱 UI는 작고 밀도 높은 컨트롤과 많은 정보를 한 화면에 배치할 수 있다.
  • 손가락은 마우스 커서보다 크고 정밀도가 낮기 때문에 모바일 UI는 다음과 같은 특성을 갖는다.
    • 크고 둥근 버튼
    • 충분한 버튼 간격
    • 오작동을 줄이는 넓은 터치 영역
  • 모바일은 탭, 스와이프, 핀치 같은 제스처도 적극적으로 활용한다.
  • 마우스와 손가락은 모두 화면의 특정 위치를 가리키는 “포인터”라는 공통점을 가지지만, 정밀도와 조작 방식의 차이가 UI 형태를 바꾼다.

2D 메뉴에서 3D 공간으로

  • 기존 게임에서는 플레이어가 컨트롤러로 2D 인터페이스를 탐색하고, 게임 속 3D 세계를 조작했다.
  • 최신 기술에서는 플레이어의 신체와 주변 환경 자체가 입력 영역이 되기 시작했다.
  • AR·VR 컨트롤러는 기존의 버튼과 방향 입력을 넘어 공간 이동, 손동작, 시선 등 새로운 상호작용을 가능하게 한다.
  • 입력과 경험의 관계를 분석하면 게임뿐 아니라 차세대 디지털 인터페이스가 어떻게 이동하고 반응해야 하는지도 이해할 수 있다.

실용적인 시사점

새로운 인터페이스를 설계할 때는 화면 구성보다 먼저 입력 장치의 특성을 파악해야 한다. 정밀한 마우스에는 높은 정보 밀도를, 손가락에는 큰 터치 영역을, 컨트롤러에는 명확한 방향 이동과 일관된 포커스 규칙을 적용하는 방식이 효과적이다. AR·VR에서는 화면 안의 UI뿐 아니라 사용자의 몸과 주변 공간까지 인터페이스로 고려해야 한다.

큐레이션 요약을 이어서 읽어보세요.