Components
Quick access
Components for Building Hints
Normal Icon
The Normal Icon is a standard symbol used to represent a hint. It acts as a non-intrusive signal that there's additional information or a tip available.
-> When you want to offer basic guidance without overwhelming the UI.
Label
A Label is a text-based hint that provides clear and concise instructions or information directly on the screen.
-> Ideal for straightforward instructions or when you want to label a certain part of your interface for quick user recognition.
Target Element
The Target Element hints highlight an already existing element on the page to draw focus or provide information.
-> Use this when you need to draw attention to new features, settings, or any interface elements that might require user action.
Customizing your hints
After selecting your experience structure, it's time to infuse it with content that resonates with your users.
You can start your component from scratch (A), Jimo provides a diverse set of building blocks across three categoriesâText, Media Assets, and Interactionsâthat you can manually select to tailor each component of your experience.
There are now also presets which are some preselected templates (B) to quickly structure your steps. These presets provide a quick and efficient way to assemble the steps of your experience with a consistent and professional layout. You can also apply a preset that's a copy of your previous step.
Component's building blocks
Text Elements
Heading: Craft compelling titles and headers to grab attention and set the context.
Paragraph: Convey detailed information with descriptive text to guide users through the experience.
Label: Use labels to annotate images, videos, and other interactive elements for clarity.
Media Assets
Image/Video: Enhance your component with illustrative images or explanatory videos. (5MB size limit.)
Profile: Personalize the experience by including profile pictures or avatars, particularly effective in social proof or testimonial components.
Interactions
Primary Button (CTA): Encourage users to take action with a prominently styled button.
Secondary Button (CTA): Offer an alternative action with a less dominant button style.
You can now trigger any already published experiences via CTAs.
To then customize the attributes of each added block use the navigator or just click on the element directly in the preview. It will open the setup options on the side. Click anywhere else on the component to display the general options.
Last updated
