오랜 시간 동안, 나는 제품이 정말로 완성도에 신경 쓰고 사용자를 배려하고 있는지를 알 수 있는, 거의 눈에 띄지 않지만 중요한 징표들을 묘하게 모아 왔다.

최근 그중 하나가 떠올랐다. YouTube의 (그 자체로는 아주 유용한) 자막 대본 패널에서 긴 텍스트 블록을 복사하려 하면 어떤 일이 생기는지 보자:

그리고 GitHub의 비슷한 예시는 이렇다:

GitHub에서 복사한 건 바로 쓸 수 있게 깔끔하게 넘어온다. YouTube에서 복사한 건 줄 사이에 온갖 지저분한 것들을 끼워 넣는다.

이게 왜 중요할까? 두 곳 모두 텍스트를 자주 복사하게 될 것 같은 곳인데, 엉망으로 붙여넣어진 결과를 처리하는 일은 정말, 정말 불쾌하기 때문이다.

이 도표, 전에 본 적 있을 것이다. xkcd에서 나온 것이다:

이른바 자동화의 트레이드오프, 혹은 높은 고정 비용 대 낮은 가변 비용 딜레마다.

물론 복사/붙여넣기를 많이 한다면 나름의 정리 단계를 만들거나, 멀티 커서 같은 기능이 있는 프로그래밍용 텍스트 에디터를 쓰는 등 가벼운 자동화에 투자할 수도 있다. 하지만 그런 일을 자주 하지 않거나, 자동화하는 데 얼마나 걸릴지조차 가늠이 안 된다면 어떨까? 그러면 그 투자는 두렵고 넘을 수 없어 보이고, 결국 매번 이런 짓을 반복하게 된다:

그래서 GitHub처럼 이런 수고를 덜어줄 만큼 세심하게 신경 쓴 곳을 만나면 정말 반갑다.

또 하나 짚고 넘어갈 비대칭이 있다. 이런 부분을 잘 만드는 게 그 화면을 만드는 사람들에게까지 큰일이 될 필요는 없다고 생각한다. CSS 두 줄, user-select: none으로 YouTube 문제를 고치는 모습은 이렇다:

모든 긴 텍스트 블록 상황에서 이렇게 쉬울지는 모르겠지만, 한 번 둘러보면서 내 쪽에서 할 수 있는 자잘한 일 중 사용자의 몇 분, 몇 시간짜리 지루한 작업을 덜어줄 수 있는 게 무엇인지 고민해 보는 건 좋은 습관이라고 생각한다(참고: 최근 글과 붙여넣기 그리고 또 다른 최근 글).