Bear(노트 앱)는 간단한 이미지 크기 조절 기능을 제공하는데, 한 가지 센스 있는 디테일이 더 있다 — 이미지들이 서로 가까이 있으면, 하나를 조절할 때 다른 이미지의 너비에 맞춰 스냅된다:

Finder에서는 열이 모든 파일 이름이 잘리지 않고 보이는 데 필요한 너비에 정확히 스냅된다 — 1픽셀도 낭비 없이:

(덧붙이자면: 오늘 소개하는 사례 중 스냅 순간에 트랙패드의 햅틱 피드백을 제대로 활용하는 건 이곳이 유일하다. 영상에 표시해 보려 했는데, 아직 최종적으로 생각 중인 시각적 처리는 아니다. 이런 햅틱 시각화가 유용하게 느껴지는지 알려주면 좋겠다!)

macOS는 창들을 서로 가까이 가져가면 정말 흥미로운 동작을 보여준다. 자석처럼 잡고 있는 것을 다른 쪽으로 끌어당기는 일반적인 스내핑 대신, 어느 방향으로든 잠시 더 이상 진행하지 못하게 막는다. 여기에 어울리는 비유를 찾자면 아마 풀일 것이다:

처음에는 좀 어색하게 느껴지지만, 나는 마음에 든다. 덜 강압적이고, 원치 않을 때 해제할 수단(옵션이나 조합 키)이 필요하지 않다. 전혀 방해가 된다는 느낌이 들지 않기 때문이다.

높이를 맞출 때도 똑같이 동작하는데, Bear에서처럼 말이다:

Figma에서는 일반적인 스내핑을 기반으로, 내가 어색하게 “셀프 스내핑(self-snapping)”이라 부르던 기능을 도입했다. 오브젝트가 컨테이너 안에 있을 때, 별도의 오토 레이아웃/플렉스박스 설정 없이도 컨테이너가 반대편에서 감지한 간격에 맞춰 패딩을 스냅한다:

이 다섯 가지 사례(그리고 이전에 소개한 사례 하나)를 공유하는 이유는 이들이 근사한 한 가지를 잘 보여준다고 생각하기 때문이다. 바로 관료주의 없는 정밀함이다. 각 경우마다 메뉴 어딘가에 무거운 명시적 옵션이 있다고 상상해 볼 수 있다…

• Bear: Set Image Width…
• macOS: Match Window Heights
• Finder: Restore Column Width
• Figma: Unify Padding

…그런 방식은 느리고 번거롭게 느껴졌을 것이다.

대신 이 기능들은 직접 조작(direct manipulation)의 자유를 그대로 두면서, 그 구조가 분명히 유용해지는 순간에 거의 눈에 띄지 않을 정도의 구조를 살짝 더한다. (물론 접근성 등의 이유만으로도 메뉴나 커맨드 팔레트 어딘가에 명시적인 옵션을 여전히 두고 싶을 수는 있다.)

나는 이렇게 조용히 뒤를 받쳐주고 결과물을 더 깔끔하게 만들어 주는 기능이 좋고, 거의 정렬된 것이 아예 정렬되지 않은 것보다 더 나빠 보일 수 있다는 점을 제작자들이 이해하고 있다는 사실이 마음에 든다.