Card types
Text
Keep text cards short, preferably 1 sentence or 1-3 lines of text
Short text cards allow the user to keep engaged with the ‘conversation’ and are not a barrier for people who may struggle to read long sections of text
✅ the right way - users can easily read through this and are ready for what comes next
❌ The wrong way - trying to explain too many things in one card that the user is as risk of disengaging with
Card types:
Text:
Keep text cards short, preferably 1 sentence or 1-3 lines of text
Short text cards allow the user to keep engaged with the ‘conversation’ and are not a barrier for people who may struggle to read long sections of text
Image:
Our technology compresses all images to ensure they are not a barrier for your target users who we know are very sensitive to data costs
It’s a great idea to support a statement in a text card with an image. Examples include:
When you introduce the “teacher/learner” characters in a text card, you can follow it with an image card showing a picture of that person (real image or stock image)
When you introduce a product in a text or call out card, you can show an image of the product to bring it to life
Images of scenarios can help the user to really grasp what will be happening (e.g. when you discuss product delivery, you can include an image of the product being offloaded from a truck by a delivery agent). This helps the learner to visualise what will happen and reinforce the process.
Survey:
There are multiple benefits of survey cards:
You (the organisation) can get critical qualitative data back from your users (e.g. how did you hear about our organisation? what kind of business do you run? how did you find the training today?)
They serve to include the user into the lesson, as if the “teacher” was asking them a question in a classroom. They can also serve the purpose of an “icebreaker” that would usually be used in a classroom training environment, and create an atmosphere of positivity by nudging the user to feel excited or motivated about the training (e.g. ”How are you feeling today?” —> “I’m ready to learn”, “I’m excited to be here” etc)
There are 3 options with survey cards:
Multiple Choice - this allows you to ask the user to choose one of several options (eg. Do you feel confident about selling X product? “Yes, I’m confident” “quite confident” “Not confident”)
Free Text - helpful when you want the user to add their opinion or you don’t want to add a large number of multiple choice options. (NB. for users who may not be very literate, asking them to type in their answer could slow down the training and could be a slight obstacle.)
Number - this allows you to ask for ratings such as “on a scale of 1 to 10, where 1 is bad and 10 is amazing, how would you rate the training today?”
Call out:
These cards are an effective way to highlight key points/ actions
They can serve as ‘chapter headings’ in the training, to mark the start of a new topic etc
Use call out cards to break up a series of text cards, ensure you use a variety of backgrounds and add different emojis!
Button:
This is helpful when you want the user to click on a url to access more information or to download an app, for example
Video
The rule of thumb for videos is that they should be very short (i.e. approx 30 seconds)
Videos are a “nice to have” but users with poor internet connections may find that videos are slow to load or do not load at all. It’s useful to assume that some users will not be able to watch the video and may feel like they are missing out on something
Important to have an alternative for those that can’t access video (e.g. a text version)
We have noted that some users skip videos because they know they use a lot of data
For app walkthroughs, do a screen recording in portrait mode (very important!) and talk over the top