new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

GitHub Primer · all subjects

feature-onboarding/teaching-bubble

3 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Teaching bubble overview

A teaching bubble is a popover that calls attention to a feature in a specific part of the page. Teaching bubbles should be used to educate the user and enrich the task at hand. Use teaching bubbles to highlight a new feature or important feature that extends or improves the user's experience on the page.

Teaching bubble usage guidelines

Show one teaching bubble at a time. Include a headline that states the purpose of the message. Keep messages short and concise, around 160 characters. Make it clear how to easily dismiss the popover. Include supplementary information when applicable, with a 'Learn more' link in the message body that opens a new window or tab without destroying a user's work or context. Do not point to hidden elements. Do not use a teaching bubble if the user cannot immediately interact or benefit from the highlighted feature. Do not derail users; call-to-actions should not remove the user from their current context.

Teaching bubble variations

Default: use a descriptive dismiss button over a close icon, with 'OK, got it' as the default dismissal button copy. Condensed: use a close icon for condensed messages and apply the correct tab order for screen readers to easily dismiss at the end of the message. Multiple buttons: invite the user to engage with the value proposition promised, include dismiss as a secondary button labeled 'OK, dismiss', and links that take the user to a new page should be linked from the text and open in a new tab or window to prevent losing context. Emoji: use emojis to inject personality into the message. Pictograms: use pictograms to represent the feature. Illustrations and GIFs: visually communicate or demonstrate a complex feature with illustrations and GIFs to supplement a message.

Give your agent this brain