인터랙션 디자인 (Interaction Design)

개요·정의

<img src="https://d2xsxph8kpxj0f.cloudfront.net/310519663429662740/ffcjRzrXsTCDKgX6s8aDwC/articles/1788072428697-9994ec9ca861c0a3.webp" alt="" data-orientation="original" data-original-src="https://d2xsxph8kpxj0f.cloudfront.net/310519663429662740/ffcjRzrXsTCDKgX6s8aDwC/articles/1788072430234-b6344354c5b400ec.webp" data-source-url="https://www.udacity.com/blog/interaction-design-what-it-is-and-why-its-a-hot-career-choice/" width="600" />

© udacity

인터랙션 디자인(Interaction Design)은 사람이 제품이나 시스템에 행동을 했을 때 무엇이 어떻게 반응할지를 설계하는 분야다. 버튼을 누르는 단순한 동작부터 터치, 스와이프, 음성, 시선, 몸짓처럼 다양한 입력을 다룬다.

화면의 정적인 모습보다 행동과 반응 사이의 관계가 중심이다. 사용자가 버튼을 누르면 색이 바뀌고, 화면을 당기면 목록이 새로고침되며, 자동차의 다이얼을 돌리면 온도가 바뀌는 과정이 모두 인터랙션이다.

좋은 인터랙션은 사용자가 시스템의 작동 방식을 쉽게 예상하게 한다. 행동했는데 반응이 없거나 예상과 다른 결과가 나오면 같은 행동을 반복하거나 실수하기 쉽다. 입력과 반응 사이의 시간, 움직임, 소리, 진동도 설계 대상이다.

특징

사용자가 할 수 있는 행동을 먼저 알려줘야 한다. 화면에서 누를 수 있는 요소는 주변 요소와 구분하고, 잡아당기거나 돌릴 수 있는 물리적 부품은 형태와 위치만으로도 사용법을 어느 정도 짐작할 수 있어야 한다.

행동에는 피드백이 따라야 한다. 버튼을 누르면 눌렸다는 표시가 나타나고, 스마트폰 키보드는 소리나 햅틱으로 입력을 알려준다. 처리 시간이 길다면 진행 중이라는 상태를 보여줘 사용자가 다시 누르지 않도록 한다.

인터랙션은 꼭 손으로 할 필요가 없다. 카메라가 몸의 움직임을 읽거나 마이크가 음성을 듣고, 센서가 시선과 근육의 움직임을 감지할 수도 있다. 새로운 센서가 등장할 때마다 제품을 조작하는 방식도 함께 바뀐다.

같은 동작을 반복할 때는 결과가 일정해야 한다. 오른쪽으로 미는 동작이 한 화면에서는 삭제이고 다른 화면에서는 저장이라면 사용자는 기능을 매번 다시 배워야 한다. 익숙한 동작을 유지하면서 새로운 기능을 어떻게 추가할지가 중요한 과제다.

사례

닌텐도 스위치 2 조이콘 2

2025년 출시된 닌텐도 스위치 2의 조이콘 2(Joy-Con 2)는 기존 버튼과 스틱 외에 마우스 조작을 추가했다. 컨트롤러 옆면의 센서를 테이블이나 무릎 같은 표면에 대고 움직이면 일반 마우스처럼 포인터를 움직일 수 있다.

두 조이콘을 동시에 마우스로 사용하는 것도 가능하다. 《Drag x Drive》에서는 두 손의 조이콘을 각각 움직여 휠체어 바퀴를 미는 동작을 표현한다. 새로운 센서를 단순한 기능으로 끝내지 않고 실제 게임 동작으로 연결한 인터랙션 디자인 사례다.

메타 레이밴 디스플레이와 뉴럴 밴드

메타가 2025년 공개한 메타 레이밴 디스플레이(Meta Ray-Ban Display)는 손목에 착용하는 메타 뉴럴 밴드와 함께 작동한다. 뉴럴 밴드는 근육에서 발생하는 미세한 전기 신호를 감지해 손가락 움직임을 명령으로 바꾼다.

사용자는 안경이나 스마트폰을 직접 만지지 않고 손가락을 작게 움직여 항목을 선택하고 스크롤할 수 있다. 화면을 손가락으로 만지는 방식에서 벗어나 몸에서 발생하는 신호 자체를 입력 장치로 사용한다는 점에서 웨어러블 인터랙션의 새로운 방향을 보여준다.

애플 비전 프로

2024년 출시된 애플 비전 프로는 시선과 손, 음성을 기본 입력 방식으로 사용한다. 사용자가 원하는 항목을 바라보면 시선 추적 시스템이 위치를 감지하고, 손가락을 맞대면 선택한다. 손을 화면 앞으로 길게 뻗을 필요 없이 편하게 내려둔 상태에서도 카메라가 동작을 읽는다.

창을 잡아 공간 안에서 옮기거나 디지털 크라운을 돌려 가상 환경의 몰입 정도를 조정하는 방식도 함께 사용한다. 기존 마우스와 터치스크린의 조작 원리를 공간 컴퓨팅에 맞게 다시 만든 대표적인 인터랙션 사례다.