⚠️ 이 글은 페이월(paywall) 콘텐츠로, 도입부와 "Progressive Blur" 섹션까지만 무료로 공개되어 있습니다. "Metal shaders"와 "Responsive haptics" 섹션은 유료 구독자 전용이라 이메일 본문에 포함되어 있지 않습니다.
예전에 어느 기업 동기부여 행사에서, 고객에게 "키스"를 해주는 게 좋다는 걸 알게 됐다.
2017년식의, 문제가 될 만한, HR스러운 그런 방식 말고.
여기서 말하는 "키스"란 그냥 "안 해도 됐는데 해준 좋은 일"이다. 베개 위에 놓인 초콜릿. 아무것도 팔지 않는 안부 전화. 행사에 데려가는 플러스원. 사용자가 "아, 이 사람들 진짜 신경 쓰는구나"라고 생각하게 만드는 그 작고 만족스러운 디자인적 디테일 말이다.
최근에 손댄 모든 앱에 이런 것들을 추가하고 있다:
- 초월적인 아름다움을 위한 프로그레시브 블러(Progressive Blur)
- 스큐어모픽한 질감을 위한 메탈 셰이더(Metal shader)
- 살아있는 느낌을 위한 반응형 햅틱(Responsive haptics)
이런 키스들을 꼭 써야 하는 건 아니다. 하지만 쓴다면, 당신의 사용자들은 당신의 앱에 홀딱 반해버릴지도 모른다.
Progressive Blur (프로그레시브 블러)
처음엔 각진 파란색 내비게이션 바가 있었다. 그다음엔 깔끔하고 미니멀한 흰색 블록. 그다음엔 머티리얼(Material). 그러다 어느 순간(기억에서 지워버렸다) 애플이 우리 모두에게 리퀴드 글래스(Liquid Glass)를 들이밀었다. 한동안은 그게 미래였다, 아니게 되기 전까지는.
근데 이건 섹시하지도 않고, 프로스티(frosty)하지도 않다.
프로그레시브 블러는 그냥 정말 damn 좋아 보인다. 그렇지 않나?
스크롤을 올리면, 블러가 어디선가 불쑥 나타나고, 블러 반경이 화면 가장자리를 향해 부드럽게 부풀어 오르며, 앱의 색상들을 위로, 허공으로, 하늘을 향해 문질러 번지게 만든다. 마치 초월적이고 거의 타노스식 증발(Thanosian evaporation)처럼.
언어유희는 이 정도로 충분하다. 직접 봐야 안다.
프로그레시브 블러, SwiftUI 메탈 셰이더, 반응형 햅틱의 마법을 여러분과 나누고 싶어서 못 견디겠다. 그리고 만약 당신이 무료 구독자라면, 나한테 돈을 주고 싶어서 못 견디는 상태일 거라 확신한다, 음. 하지만 2주 무료 체험판으로 조금만 더 기다려야 한다.
(이하 유료 구독자 전용 — Metal shaders, Responsive haptics 섹션은 페이월로 비공개)
핵심 요약 (요지)
- 저자는 "키스(kiss)"라는 개념을 "안 해도 됐는데 해준 좋은 일"로 정의하며 글을 시작한다.
- 키스는 사용자가 "이 팀은 진짜 신경 쓴다"고 느끼게 만드는 작은 디자인 디테일을 뜻한다.
- 저자가 최근 모든 앱에 추가하고 있다는 3가지 디자인 키스는 프로그레시브 블러, 메탈 셰이더, 반응형 햅틱이다.
- 이 키스들은 필수는 아니지만, 적용하면 사용자가 앱에 애착을 갖게 될 수 있다고 주장한다.
- 무료로 공개된 첫 번째 키스는 "프로그레시브 블러"로, 내비게이션 바 디자인의 역사(각진 파란 바 → 미니멀 흰색 → 머티리얼 → 애플 리퀴드 글래스)를 유머러스하게 짚는다.
- 프로그레시브 블러는 스크롤 시 블러가 화면 가장자리로 부드럽게 번지며 색상이 위로 증발하듯 퍼지는 시각 효과로 묘사된다.
- 저자는 이 효과를 "타노스식 증발"에 비유하며 캐주얼하고 과장된 유머 톤을 유지한다.
- 나머지 두 키스인 "SwiftUI 메탈 셰이더"와 "반응형 햅틱"은 유료 구독자 전용 콘텐츠라 이메일에는 포함되지 않았다.
- 글 말미는 2주 무료 체험 구독 유도로 마무리되며, 유료 회원 혜택(페이월 아티클 50편, 조기 열람, 동시성 강의, 이북 증정 등)을 나열한다.
- 이 글은 Jacob Bartlett가 운영하는 iOS/Swift 개발자 대상 뉴스레터 Jacob's Tech Tavern의 발행글이다.