The first notch is magical

Marcin Wichary

첫 번째 눈금은 마법이다

원문은 Marcin Wichary님이 에 게재했습니다. 이 블로그 구독하기

몇 년 전, 개성 넘치는 채널 Technology Connections가 천장과 스탠드 선풍기의 독특한 설계적 특징에 관한 17분짜리 영상을 올렸다 – 보통 선풍기는 더 자연스러운 Off → Low → Medium → High 순서가 아니라 Off → High → Medium → Low 순서로 옵션이 배열되어 있다는 내용이다. 이 채널의 주제에서는 조금 벗어난 영상이지만, 때로 기묘한 물리 법칙이 현실 세계의 디자인에 어떤 영향을 미치는지 궁금하다면 한번 보시길 바란다:

영상에서 진행자는 더 자연스러운 순서에 대해서도 이야기하는데, 보통 이런 모습이었다:

이런 종류의 인터페이스가 낯익은지 모르겠다. 나는 라디오(‘볼륨 0’이 ‘꺼짐’을 의미하던)와 TV·초기 컴퓨터 모니터(‘밝기 0’이 역시 ‘꺼짐’이던)에서 이 인터페이스를 선명하게 기억한다. 모터로 움직이든 그렇지 않든, 이 컨트롤에는 기억에 남는 특별한 무언가가 있었다. ‘꺼짐’ 영역을 벗어나거나 다시 돌아갈 때 느껴지는 묵직하고 손에 와 닿는 클릭감, 마치 인터페이스 자체를 부러뜨려야 하는 것 같은 느낌이었다.

나도 이것이 아날로그 시대의 오래된 관습이라고 생각했다. 하지만 화면 속에서도 ‘첫 번째 눈금이 특별한’ 인터페이스를 가끔 발견하곤 한다.

때로는 그 개념을 꽤 문자 그대로 옮겨온 경우도 있다. macOS에서 키 반복 속도를 조절할 때처럼 말이다:

혹은 비슷하게, Dock 확대를 설정할 때처럼:

하지만 때로는 좀 더 개념적인 형태이기도 하다. 여기서는 Nova가 확대/축소 슬라이더의 첫 번째 눈금을 ‘목록’ 옵션으로 처리한다:

또는 이런 경우도 있다. Chrome의 새로운 수평 탭은 원하는 너비로 자유롭게 조절할 수 있다. 하지만 125px 이하에서는 최소 너비인 55px로 바로 스냅되며, 간소화되고 순수하게 아이콘으로만 구성된 일회성 ‘열 보기’로 바뀐다:

이런 인터페이스들에도 장단점이 있다.

단점부터 보자면, 선풍기나 볼륨 다이얼과 마찬가지로 ‘꺼짐’으로 돌리면 노브가 물리적으로 특정 ‘값’에서 벗어나기 때문에 기억 기능이 없다는 점이다. 켜기/끄기가 별도 버튼이었다면 라디오를 선호하는 볼륨에 맞춰 둔 채 다시는 건드릴 필요가 없었을 것이다. 또한 화면상의 별도 토글보다 발견하기 어렵다는 단점도 있다. (Nothing Phone의 좀 더 전통적인 처리 방식 예시는 여기에서 볼 수 있다.)

장점은 어떨까? 공간을 적게 차지한다. 명시적인 ‘켜기’ 단계를 건너뛰고 ‘꺼짐’ 상태에서 원하는 값으로 한 번의 빠른 제스처로 바꿀 수 있다. 시각적으로도 더 단순하다고 주장할 수도 있다.

하지만 또 한편으로는, 뭔가… 마법 같다는 느낌이 있다. 잘 모르겠다. 내게는 바로 그 지점이 오래된 물리적 컨트롤과 그걸 계승한 새로운 디지털 버전들을 하나로 묶어준다. 조금 더 특별하고, 조금 다르고, 조금 독특하다. 지루하고 똑같은 부품들로 만들어진 예측 가능한 인터페이스의 단조로움을 깨뜨린다. (다만 안타깝게도 위의 화면 속 예시 중 햅틱을 활용하는 경우는 하나도 없다!)

그리고 나는 그게 참 좋다고 생각한다. 형태 코딩 등을 통해 UI에 변화를 주는 기능적인 의미에서뿐만 아니라, UI를 좀 더 흥미롭게 만든다는 점에서도 그렇다.

볼륨 이야기를 하자면, macOS는 예전에 이를 일종의 HUD로 표시했는데, ‘첫 번째 눈금이 특별한’ 라디오 다이얼과 초기 TV 화면 인터페이스 모두에서 차용한 디자인이었다:

하지만 20년이 넘은 뒤, macOS Tahoe에서는 이렇게 바뀌었다:

이 디자인이 더 일관성 있고, 가까이 배치함으로써 이 컨트롤들의 본거지가 제어 센터임을 알려준다는 주장도 이해는 된다. 그럼에도 나는 (그리고 나만 그렇게 생각하는 건 아닌 것 같다) 이 디자인이 너무나 지루하고 딱 Windows가 할 법한 접근 방식이라는 생각을 지울 수 없다. 그리고 네모난 아이콘처럼, 이번 변화 역시 macOS가 마법 같은 요소를 하나 더 잃어버린 사례라고 생각한다.

이 글은 muse-spark-1.2-contributor 모델을 사용해 번역했습니다.

댓글