[9월 TIL #6] 사용자 맥락에 맞는 기능 알리기 Contextual Feature Onboarding

논문 쓰기 도구 작업에 더 적극적으로 도움을 드리기로 하면서, 자연스럽게 온보딩 방식에 대한 이야기를 나누게 됐다. 그 과정에서 지금 기준으로 사용자와 제작자 모두의 의도를 가장 잘 존중하는 기능 온보딩 방식 중 하나라고 생각한 Contextual Feature Onboarding을 알아봤다.

---

Contextual Feature Onboarding은 제품에 처음 진입했을 때 여러 기능을 한 번에 설명하는 Feature Tour와 달리, 사용자가 특정 기능을 필요로 하거나 사용하려는 순간에 맞춰 필요한 안내를 제공하는 방식이다. 중요한 건 단순히 설명을 줄이는 것이 아니라, 설명의 타이밍을 사용자 행동의 맥락에 맞추는 것이다.

대표적인 패턴으로는 Tooltip / Hotspot, Interactive Walkthrough, Empty State가 있다.

Tooltip / Hotspot
기능을 발견하게 하고, 짧게 설명하는 방식

Hotspot은 새로운 기능이나 주목해야 할 지점을 시각적으로 드러내 발견을 유도하고, Tooltip은 해당 UI에 붙어 무엇을 하는 기능인지 설명한다. 둘은 비슷해 보이지만 역할이 조금 다르다.

실제 제품에서는 Hotspot → Tooltip 형태로 함께 쓰이는 경우가 많다. 사용자가 아직 기능의 존재조차 모를 수 있다면 Hotspot으로 시선을 끌고, 그다음 Tooltip으로 기능의 의미나 사용법을 설명하는 식이다.

즉, Hotspot은 발견, Tooltip은 설명에 가깝다.

Interactive Walkthrough
사용자가 실제 행동을 하면서 기능을 익히는 방식

Interactive Walkthrough는 Tooltip과 완전히 다른 UI라기보다, 여러 안내가 순서와 사용자 행동에 따라 연결된 flow pattern에 가깝다.

이미지 출처 <- 여기 사례 엄청 많음

예를 들어

버튼을 눌러보세요 → 값을 입력해보세요 → 저장해보세요

처럼 사용자가 실제 행동을 수행해야 다음 단계로 진행된다.

그래서 Walkthrough의 각 단계는 Tooltip 형태로 보일 수도 있다. 차이는 UI 모양보다 행동 조건과 흐름이 존재하느냐에 있다.

정리하면, Tooltip은 안내를 보여주는 UI pattern,
Interactive Walkthrough는 여러 안내와 사용자 행동을 연결한 flow pattern이라고 볼 수 있다.

Empty State
아직 아무것도 없는 화면 자체를 온보딩에 활용하는 방식

Empty State는 팝업이나 Tooltip을 추가하는 대신, 아직 데이터가 없는 화면 자체를 안내 공간으로 활용한다.

단순히 '아직 프로젝트가 없습니다'라고 끝내는 것이 아니라,

무엇을 할 수 있는지 설명하고
첫 행동을 유도하는 CTA를 제공하고
예시나 템플릿을 함께 보여주는 식이다.

즉, 비어 있는 상태를 단순한 결핍 상태로 두지 않고 사용자가 다음 행동을 이해하는 학습 공간으로 활용하는 방식이다.

이 방식의 장점은 별도의 팝업 없이도 자연스럽게 사용법을 알려줄 수 있다는 점이다. 사용 흐름을 방해하지 않는다는 면에서도 Contextual Onboarding과 잘 맞는다.

이 패턴들의 공통점은 사용자가 필요로 하지 않는 순간에 설명을 강요하지 않는다는 것이다. 제작자는 반드시 알려야 할 기능을 적절한 순간에 노출할 수 있고, 사용자는 자신의 흐름을 끊지 않은 채 필요한 순간에만 도움을 받을 수 있다.

그래서 기존의 일괄적인 Feature Tour보다 “무엇을 설명할 것인가”뿐 아니라 “언제 설명할 것인가”를 사용자 행동에 맞추는 것이 Contextual Feature Onboarding의 핵심이라고 볼 수 있다.

그리고 각 패턴의 역할을 나눠 보면 더 명확하다. Hotspot은 발견, Tooltip은 설명, Interactive Walkthrough는 행동을 통한 학습, Empty State는 첫 행동 유도. 이렇게 정리하고 나니 Contextual Feature Onboarding은 단순히 “설명을 덜 하는 온보딩”이 아니라, 사용자의 맥락과 타이밍을 존중하면서 필요한 순간에만 개입하는 방식에 더 가깝다고 느껴졌다. 굿!