Cards Overview
Content Designers are strongly encouraged to include visuals on the card front whenever possible.
Fronts: Each card should have a title describing the content on the back of the card. It is strongly suggested that you not exceed 140 characters (including spaces) for the card title.
Backs: Allow the designer to add text describing the item identified on the Card front. While the text copy on the back of the card is scrollable, it is not recommended to exceed 4,000 characters including spaces. For best practice, we recommended to keep copy under 2,000 characters including spaces.
Different Card Type Templates
Displayed are available Card types with their descriptions. It is important to know that card types have some built in formatting features and a WYSIWYG that help in the creation of content.
These Card templates are designed with a singular action feature in mind, e.g., video, question, etc.
- Content
- Video
- Embedded File
- Checklist
- Question
- This or That
- Feedback
- Discussion
- Order Up
- Likert
- WebView
All of the templates have the same features for the front of the cards.
- Upload image. You can choose between golden image or full-bleed. You can opt to show the image on the back at the top.
- Title input with WYSIWYG. You can choose to show the title on the back at the top.
- Exclude the Card from the index Card.
- Prevent the Card from flipping.
- Dark mode
- Mark as new
Content Card
Provides simple, straightforward information and answers to specific questions or statements of fact.
Card Back Features:
- Content input with WYSIWYG.
- Add a Resource. *Launches a modal.
- Input small footer text to be displayed at the bottom of the Card.
Video Card
Insert full-screen video as well as add content on the back.
Card Back Features:
- Link or Upload a video.
- Description input with WYSIWYG.
- Add a Resource. *Launches a modal.
- Input small footer text to be displayed at the bottom of the Card.
Embedded File Card
Insert a file of any type that can be downloaded and viewed by the user.
Card Back Features:
- Upload a file.
- Content input with WYSIWYG.
- Add a Resource. *Launches a modal.
- Input small footer text to be displayed at the bottom of the Card.
- Insert a file of any type that can be downloaded and viewed by the user.
Card Back Features:
- Content input with WYSIWYG. You can decide to display this above or below the checklist.
- Add a checklist option.
- Input small footer text to be displayed at the bottom of the Card.
Question Card
Provide valuable data or integrate into an individual's certification track.
Card Back Features:
- Content input with WYSIWYG.
- Add an answer. Add as many as you would like.
- Add an answer variant.
- Add answer remediation.
- Choose different options. Knowledge check is checked by default.
Nothing checked
- When answered correctly, show question again after XX amount of time.
- When answered incorrectly, show question again after XX amount of time.
- Show question again until answered correctly options.
Survey checked
- When answered, show question again after XX amount of time.
This or That Card
A fun way to quiz learners.
Card Back Features:
- Choose pre-determined answer buckets.
- Create custom answer buckets.
- Choose survey mode.
- Add a question. Questions will display randomly in app.
Feedback Card
Collect information from users.
Card Back Features:
- Content input with WYSIWYG.
- Add as many custom input fields as you need.
- Add a Resource. *Launches a modal.
- Input small footer text to be displayed at the bottom of the Card.
Discussion Card
Collect comments and questions from users in a discussion field.
Card Back Features:
- Set a date range to allow responses.
- Make participants anonymous.
- Add a Moderator connection to a user of your choice.
Order Up Card
Have users put a set of choices in a certain order.
Card Back Features:
- Content input with WYSIWYG.
- Add answer options. Answers can be re-arranged.
- Choose survey mode for no wrong order.
Likert Card
Create a scale for your learners' opinions.
Card Back Features:
- Choose number of ticks, min, and max value
- Label the ticks
- Choose show labels or numbers
- Add a Resource. *Launches a modal.
Webview Card
Embed a website via URL on the back of a card.
Card Back Features:
- Add URL
- Choose to display the website at full-bleed.