온보딩·가이드·도움말
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
온보딩 흐름 Onboarding Flow
첫 사용자가 제품의 핵심 기능을 이해하도록 안내.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
제품 투어 Product Tour
화면을 순회하며 주요 기능을 소개.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
코치마크 Coach Mark
특정 컨트롤을 가리키고 수행 방법을 설명.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
스포트라이트 Spotlight
강조할 UI만 밝게 남기고 주변을 어둡게 처리.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
단계별 가이드 Guided Tour
사용자가 순서를 따라 기능을 학습하도록 구성.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
워크스루 Walkthrough
작업 시나리오를 단계별로 시연하거나 안내.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
상호작용 튜토리얼 Interactive Tutorial
실제 클릭·입력을 통해 기능을 학습.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
기능 발견 Feature Discovery
잘 알려지지 않은 기능을 맥락에 맞게 노출.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
신기능 안내 Feature Announcement
새 기능 출시·변경 사항을 설명.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
새로운 기능 안내 What's New
업데이트 후 바뀐 기능을 모아 보여줌.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
문맥 도움말 Contextual Help
현재 작업 위치에 필요한 설명을 제시.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
빈 화면 온보딩 Empty-state Onboarding
데이터 없는 초기 화면에서 첫 동작을 안내.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
체크리스트 온보딩 Checklist Onboarding
설정 완료에 필요한 작업을 목록으로 제시.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
점진적 공개 Progressive Disclosure
현재 필요한 정보만 보이고 고급 옵션은 뒤에 제공.
온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.
동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.
Onboarding, Guides & Help
Open an entry for its visual reference, comparisons and source-language text.
Onboarding Flow 온보딩 흐름
A flow introducing first-time users to the product's core functions.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Product Tour 제품 투어
A sequence that introduces important features by visiting relevant screens.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Coach Mark 코치마크
An annotation pointing to a specific control and explaining how to use it.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Spotlight 스포트라이트
An emphasis effect that keeps a target interface area bright while dimming its surroundings.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Guided Tour 단계별 가이드
A sequence that teaches features by having the user follow ordered steps.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Walkthrough 워크스루
A step-by-step demonstration or guide through a task scenario.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Interactive Tutorial 상호작용 튜토리얼
A tutorial that teaches through actual clicking and input.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Feature Discovery 기능 발견
Contextual exposure of features users may not yet know about.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Feature Announcement 신기능 안내
An explanation of a newly released feature or a change.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
What's New 새로운 기능 안내
A collection of changes and new features shown after an update.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Contextual Help 문맥 도움말
Explanatory information provided where the current task requires it.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Empty-state Onboarding 빈 화면 온보딩
Guidance toward a first action on an initial screen with no data.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Checklist Onboarding 체크리스트 온보딩
A checklist of tasks required to complete setup.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.
Progressive Disclosure 점진적 공개
Showing information needed now while revealing advanced options later.
Specifying onboarding, guidance, and help.
Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.