AI Notice
We will continue to evolve this pattern and the usage guidelines based on insights from product teams and other experts across SAP. Please submit feedback for improvements through Jira or schedule a design consultation.
Status:
- Guidelines reviewed by the Fiori Mobile team
- Component enhancements are in progress
Intro
An AI notice informs users when content is AI-generated, reminding them to double-check its accuracy. It should be displayed whenever users engage in AI-related activities, such as receiving AI recommendations or generating AI-driven content. Providing an AI notice is pivotal for achieving transparency and building trust when incorporating AI into product experiences.
AI notice for key value form cell, list picker form cell, switch form cell, and picker form cell
Usage
Do
- Use an AI notice to inform the user where content is AI-generated.
- Use an AI notice for components or pages that contain AI-generated content.
- Use recommended AI service names and stay consistent across the app.
- Use the same verb for the same type of form cells. For example, for text inputs, use “Created with AI”. For list picker form cells, switch form cells, and picker form cells, use “Suggested by AI”.
Don't
- Don’t use an AI notice when text is created without AI involvement.
- Don’t hide the AI notice.
- Don’t overwhelm users with excessive AI notice usage; balance transparency and user experience.
Variations
Text Variants
An AI notice is displayed as helper text below form cells if they contain AI content.
AI-Generated Content
An AI notice displaying “Created with AI” indicates that some or all of the content is AI-generated. The AI content can be triggered through a conversational experience or by a local action embedded in the main screen.
AI-Recommended Content
An AI notice displaying “Suggested by AI” indicates that the content is recommended by AI, but the content may be drawn from a data source other than AI.
The AI notice is supported in text inputs, list picker form cell, pickers, switch form cell.
From top to bottom: AI notice for key value form cell, list picker form cell, switch form cell, picker form cell
AI Naming
AI naming variants
Resources
SAP Fiori for iOS: AI Notice
SAP Fiori for Web: AI Notice
Related Components/Patterns: Text Inputs, List Picker Form Cell, Pickers, Switch Form Cell