단어 밑의 빨간 물결선, 그걸 처음 만든 사람을 기리며

무슨 일이 있었나

워드나 메신저에서 오타를 내면 단어 밑에 빨간 물결선이 스윽 그어지죠. 문법이 어색하면 초록색 물결선이 뜨고요. 너무 당연해서 '이걸 누가 발명했지?' 생각조차 안 해봤을 거예요. 마이크로소프트의 베테랑 개발자 레이먼드 챈(오래된 윈도우 뒷이야기를 들려주는 'The Old New Thing' 블로그로 유명하죠)이, 바로 이 빨간·초록 물결선을 세상에 처음 선보인 동료 엔지니어의 부고를 전하며 추모하는 글을 올렸어요.

이게 왜 대단한 발명이냐면

지금은 너무 흔하지만, 이 빨간 물결선이 나오기 전엔 맞춤법 검사가 영 불편했어요. 글을 다 쓴 다음에 '맞춤법 검사' 버튼을 따로 눌러야 했고, 그러면 틀린 단어를 하나씩 찾아가며 '이거 고칠래요? 무시할래요?' 하고 창이 팝업으로 계속 끼어들었거든요. 글 흐름이 뚝뚝 끊기니까 여간 짜증 나는 방식이 아니었죠.

빨간 물결선의 혁신은 '끼어들지 않는 피드백'이에요. 내가 글을 쓰는 동안 컴퓨터가 뒤에서 조용히 맞춤법을 검사하다가, 틀린 것 같으면 시끄럽게 창을 띄우는 대신 그냥 밑에 물결선만 슬쩍 그어둬요. 나는 흐름을 안 끊고 계속 쓰다가, 나중에 여유 있을 때 물결선 그어진 곳만 손보면 되는 거죠. 이런 걸 '비강제적(non-modal) 피드백' 혹은 '주변광 같은(ambient) 피드백'이라고 불러요. 사용자를 가로막지 않으면서도 필요한 정보를 전달하는, UX 디자인의 교과서적인 사례가 됐죠.

보이지 않는 곳의 고생

쉬워 보여도 1990년대 컴퓨터 성능을 생각하면 만만한 일이 아니었어요. 사용자가 글자를 칠 때마다 타이핑이 버벅거리면 안 되니까, 맞춤법 검사를 화면 뒤편에서 살금살금 돌려야 했거든요. 방금 고친 문단만 다시 검사하고, 사전을 빠르게 뒤지고, 그러면서도 입력 반응 속도는 그대로 유지하는 정교한 작업이었어요. 나중엔 문법 검사용 초록 물결선까지 더해지면서, 색깔로 '맞춤법'과 '문법'을 구분하는 직관적인 약속까지 자리 잡았죠.

한국 개발자에게

이 이야기가 주는 교훈은, 좋은 UX는 '기능을 추가하는 것'이 아니라 '사용자를 방해하지 않는 것'에서 나온다는 거예요. 무언가 알려주고 싶을 때 무조건 팝업이나 알림으로 들이미는 대신, 이 빨간 물결선처럼 '필요한 사람만 알아채고, 급하지 않으면 무시할 수 있는' 조용한 신호로 설계하는 거죠. 폼 입력 검증, 코드 에디터의 린트 표시(우리가 매일 보는 VS Code의 그 물결선이 바로 이 발명의 후예예요!), 알림 디자인 등 거의 모든 화면 설계에 그대로 써먹을 수 있는 원칙이에요.

마무리

한 줄로 줄이면, '가장 좋은 안내는 사용자의 흐름을 끊지 않는 안내'예요. 매일 보면서도 당연하게 여겼던 빨간 물결선, 그걸 처음 떠올린 사람 덕분에 우리 글쓰기가 한결 편해졌다는 게 새삼 고맙네요. 여러분이 매일 쓰는 도구 중에, 이렇게 '조용해서 오히려 위대한' UI가 또 뭐가 있을까요?