비싸 보이는 화면의 정체

디지털에서 럭셔리를 시각적 드라마로 착각하기 쉽습니다. 큰 타이포, 어두운 배경, 느린 트랜지션, 시네마틱한 이미지. 분위기에는 도움이 되는데 그것만으로는 안 됐습니다. 사이트가 비싸게 느껴지는 건 방문자가 "뭐가 중요하지, 뭐가 바뀌었지, 다음에 뭘 하지"를 한 번도 궁금해하지 않았을 때였습니다.

조용한 인터페이스는 주의력을 존중합니다. 스스로를 크게 설명하지 않고, 위계와 여백과 모션과 피드백으로 방문자가 해석해야 할 양을 줄입니다.

위계

위계가 서비스의 첫 형태입니다. 페이지는 방문자가 뭘 하러 왔는지 알고 그 경로를 자연스럽게 만들어야 합니다. 브랜드 사이트라면 첫 화면이 욕구를, 두 번째가 실체를, 깊은 페이지들이 신뢰를 만드는 순서고요.

모션과 피드백

모션은 상태를 명확하게 하는 용도지 우유부단함을 장식하는 용도가 아닙니다. 호버, 메뉴 전환, 이미지 리빌, 로딩. 촉감은 있되 절제되게. 디자이너의 타이밍을 감상하라고 사용자를 기다리게 만드는 순간 프리미엄이 아니게 됩니다.

타이포가 곧 인터페이스

브랜드 사이트에서 타이포는 스타일링이 아니라 첫 번째 인터페이스입니다. 방문자는 뭔가 클릭하기 한참 전에 이미 타입에게 응대받고 있습니다. 위계에 안내받고, 행길이에 속도 조절되고, 간격의 리듬에 진정되거나 초조해집니다. 싸 보이는 사이트는 대부분 색 문제가 아니라 타이포 규율 문제였습니다.

저희 타입 시스템의 규칙은 몇 개 안 됩니다. 디스플레이는 타이트하게 자르고 넓게 트래킹해서 헤드라인이 대화가 아니라 건축처럼 굴게 합니다. 본문은 행길이를 엄격하게 지킵니다. 한국어에는 keep-all을 걸어서 단어가 중간에 부러지지 않게 합니다. 부러진 단어는 가장 작은 단위의 깨진 약속이라서요. 그리고 굵기로 소리치지 않습니다. 강조는 위치와 여백에서 나옵니다.

조용함도 측정된다

조용함은 측정 가능합니다. 첫 유의미한 인상까지 걸린 시간. 페이지가 보상을 주기 전에 방문자가 내려야 하는 결정 수. 분노 클릭. 흐름을 놓쳐 되돌아간 스크롤 역행. 이런 건 마케팅 대시보드에는 안 나오는데, 비싸 보이는 사이트와 비싸 보이려는 사이트의 차이는 전부 여기서 났습니다.

저희는 이 신호들을 매출 지표와 같은 주기로 봅니다. 럭셔리 표면에서는 이게 시차를 둔 매출 지표라서요. 방향을 잃지 않은 방문자는 머물고, 머문 사람은 돌아오고, 돌아온 사람은 사거나 살 사람에게 말합니다.