UX PATTERN
Onboarding
Interfaces can be overwhelming for users while they learn how to use it. In those cases, onboarding patterns guide users making that learning curve smaller. Usually found when logging in for first time, on floating tooltip, stepped content or checklists to follow.
218. Modal Blackout with Steps, Forms and Animations
218. Modal Blackout with Steps, Forms and Animations
_23.27.14/w=1920,quality=90,fit=scale-down)
145. Communication Preferences on Sign Up Flow_22.41.58/w=1920,quality=90,fit=scale-down)
145. Communication Preferences on Sign Up Flow
Input FieldHypertextPagination
_19.04.51/w=1920,quality=90,fit=scale-down)
_12.03.02/w=1920,quality=90,fit=scale-down)
_17.34.19/w=1920,quality=90,fit=scale-down)
173. Share Invitation to Live Movie
173. Share Invitation to Live Movie
HypertextNavbarLive StateEmpty StateCopy to ClipboardAvatarShare ThumbnailInvitation Link
_00.32.31/w=1920,quality=90,fit=scale-down)
_13.07.18/w=1920,quality=90,fit=scale-down)
_14.57.25/w=1920,quality=90,fit=scale-down)
158. Automatic Tooltip Blackout (2)
158. Automatic Tooltip Blackout (2)
132. Amazon - Store Tooltip Reminders
132. Amazon - Store Tooltip Reminders
TooltipHypertext
_06.19.15_p._m..png&w=1920&q=90)
_01.10.02_p._m..png&w=1920&q=90)
_18.45.21/w=1920,quality=90,fit=scale-down)
_11.47.50_a._m..png&w=1920&q=90)
_09.48.53_p._m..png&w=1920&q=90)
46. Dribbble - Posting Graphics Online
46. Dribbble - Posting Graphics Online
_01.47.59_p._m..png&w=1920&q=90)
_08.28.52_p._m..png&w=1920&q=90)
355. Jira - Feature Presentation Tooltip
355. Jira - Feature Presentation Tooltip
TooltipHypertextPagination
333. Static Tooltip with Steps
333. Static Tooltip with Steps
329. Postman - Onboarding Tooltips
329. Postman - Onboarding Tooltips
318. Binance - Tooltip on Features
318. Binance - Tooltip on Features