In today’s fast-paced digital landscape, embedded AI is revolutionizing mobile workflows by bringing intelligence directly into applications. This integration enables faster decision-making, smarter actions, and seamless productivity without the need to switch contexts. Here are several ways embedded AI is transforming mobile experiences:
Delivering contextual assistance at the moment of need
Embedded AI offers timely support precisely when users require it, enhancing decision-making processes directly within the app.Automating repetitive tasks to boost efficiency
By automating routine tasks, AI frees up time and resources, allowing users to focus on more strategic activities.Unlocking organizational knowledge for faster and smarter decisions
AI leverages existing organizational data to provide insights that enable quicker and well-informed decision-making.Empowering users on-the-go with real-time, intelligent insights
Mobile users receive dynamic and contextually relevant information, which enhances their ability to act swiftly and effectively.Transforming mobile apps into proactive productivity tools
With embedded AI, mobile applications become active parts in driving productivity.
UX Components and Patterns for Enhanced Clarity, Trust, and Usability
To ensure the smooth integration of AI into mobile workflows, we have designed UX components and patterns that prioritize clarity, trust, and usability. These UI elements are thoughtfully crafted to embed intelligence directly into applications, thereby enriching the user experience.
AI Notice
The AI notice feature transparently communicates when and how AI is being used within an app, building trust with users by keeping them informed. It is applied on components or pages that contain AI-generated fields, appearing interactively beneath each field. Users can tap a hyperlink within the notice to access additional information about the AI technology used to generate the content, including data usage, privacy, and potential risks.
Learn more about the AI notice pattern in our design guidelines.
AI notice examples
AI Button
The AI button acts as an entry point for initiating AI-driven actions, enabling users to interact with AI seamlessly. It allows users to activate AI-powered features within a user flow, with the AI icon indicating where such features are available. Tapping the “Generate” button starts the content generation process. During this process, the button updates to “Stop Generating,” giving users the option to pause the process at any moment. Once the generation is complete or stopped, the button changes to a “Revise” button, allowing users to make adjustments or regenerate content.
Check out AI buttons to get more details.
AI buttons
AI Acknowledgement
AI acknowledgement ensures informed user consent, capturing and recording acceptance of AI functionalities. It delivers crucial information about AI services to users in a standardized manner, focusing on updates, data privacy, and potential risks, thereby establishing clear user expectations and fostering trust. To keep users informed about any AI service updates, contextual hints are recommended on the settings page, allowing users to review changes. Within the settings, users can also choose to opt out of in-app AI features and data collection. Depending on the definition of opting out, users may disable AI data collection while still being able to use AI features.
For more information, refer to AI Acknowledgement.
AI acknowledgement screens
AI Progress Indicators
AI progress indicators manage user expectations by visually displaying the status during AI processing, ensuring users know their request is actively being processed. Once content generation begins, the indicator changes its state to “processing” or “loading,” persisting until the task is completed or stopped. The indicator appears one second after the process starts and remains visible for at least 1000ms to prevent flickering, with pulses between animation loops. Offering users the option to stop the AI generation process is recommended for greater control.
Learn more about AI Progress Indicators.
AI progress indicators
AI Writing Assistant
The AI writing assistant supports content creation by providing contextual help right where it’s needed. It efficiently edits text in input fields using prompts displayed in a panel, helping users refine their input and complete writing tasks smoothly. Tapping the “Writing Assistant” button opens the panel above the keyboard, and users can close it by clicking “x” if they haven’t yet edited content. After their first edit, navigation changes to “Cancel” and “Done,” where “Done” saves changes and “Cancel” offers a confirmation dialog to keep or discard edits. Users can interact with elements outside the panel and are prompted with a dialog if they attempt to switch text fields. Each quick prompt selection updates the text instantly and increases the version number, allowing users to track changes easily.
Check out the AI Writing Assistant design guideline article for mor details.
AI writing assistant
AI User Feedback
The AI user feedback feature gathers user feedback to continually refine and enhance AI quality and functionality. It enables users to provide positive or negative feedback on their experiences with embedded AI, from component-level to page-level interactions. AI feedback can e accessed through automatic pop-ups after AI experiences, in-line thumbs-up or thumbs-down buttons next to components, or through flexible re-entry points like overflow buttons. For positive feedback, users tap the thumbs-up button, triggering a toast message confirming their submission. For negative feedback, users tap the thumbs-down button, with options to provide additional details, requiring a manual tap on “Submit” to finalize. If users reconsider negative feedback, they can change it to positive by tapping the thumbs-up button in the detail view, and the system updates the feedback accordingly.
Find out more about AI User Feedback.
AI user feedback
Use Cases – AI Writing Assistant
In the SAP SuccessFactors Mobile app, the AI writing assistant is set to serve as a powerful tool for users to efficiently draft goal descriptions. This planned feature will aid users in bypassing the often tedious and error-prone process of composing these descriptions manually. For instance, when a manager needs to set performance goals for their team members, the AI writing assistant can suggest clear and concise descriptions, ensuring alignment with company objectives and language standards. By providing a few keywords or phrases, users will be able to generate well-structured goal descriptions, reducing errors and saving valuable time. This streamlined process promises to enhance productivity while ensuring consistency and clarity in goal-setting across the organization.
Goal description using the AI writing assistant
Embedded AI Resources
For those eager to integrate embedded AI into their mobile workflows, the following resources are now available for Android and iOS: software development kits, comprehensive design guidelines, and Figma UI kits, all crafted to empower you to harness the potential of embedded AI effectively.
Unlock the power of embedded AI and transform your mobile experience today!
Get Started – In-App AI Design Guidelines for SAP Fiori for Android
Get Started – In-App AI Design Guidelines for SAP Fiori for iOS
Figma UI Kit – SAP Fiori for Android
Figma UI Kit – SAP Fiori for iOS
In today’s fast-paced digital landscape, embedded AI is revolutionizing mobile workflows by bringing intelligence directly into applications. This integration enables faster decision-making, smarter actions, and seamless productivity without the need to switch contexts. Here are several ways embedded AI is transforming mobile experiences:Delivering contextual assistance at the moment of needEmbedded AI offers timely support precisely when users require it, enhancing decision-making processes directly within the app.Automating repetitive tasks to boost efficiencyBy automating routine tasks, AI frees up time and resources, allowing users to focus on more strategic activities.Unlocking organizational knowledge for faster and smarter decisionsAI leverages existing organizational data to provide insights that enable quicker and well-informed decision-making.Empowering users on-the-go with real-time, intelligent insightsMobile users receive dynamic and contextually relevant information, which enhances their ability to act swiftly and effectively.Transforming mobile apps into proactive productivity toolsWith embedded AI, mobile applications become active parts in driving productivity. UX Components and Patterns for Enhanced Clarity, Trust, and UsabilityTo ensure the smooth integration of AI into mobile workflows, we have designed UX components and patterns that prioritize clarity, trust, and usability. These UI elements are thoughtfully crafted to embed intelligence directly into applications, thereby enriching the user experience.AI NoticeThe AI notice feature transparently communicates when and how AI is being used within an app, building trust with users by keeping them informed. It is applied on components or pages that contain AI-generated fields, appearing interactively beneath each field. Users can tap a hyperlink within the notice to access additional information about the AI technology used to generate the content, including data usage, privacy, and potential risks.Learn more about the AI notice pattern in our design guidelines.AI notice examples AI ButtonThe AI button acts as an entry point for initiating AI-driven actions, enabling users to interact with AI seamlessly. It allows users to activate AI-powered features within a user flow, with the AI icon indicating where such features are available. Tapping the “Generate” button starts the content generation process. During this process, the button updates to “Stop Generating,” giving users the option to pause the process at any moment. Once the generation is complete or stopped, the button changes to a “Revise” button, allowing users to make adjustments or regenerate content.Check out AI buttons to get more details.AI buttonsAI AcknowledgementAI acknowledgement ensures informed user consent, capturing and recording acceptance of AI functionalities. It delivers crucial information about AI services to users in a standardized manner, focusing on updates, data privacy, and potential risks, thereby establishing clear user expectations and fostering trust. To keep users informed about any AI service updates, contextual hints are recommended on the settings page, allowing users to review changes. Within the settings, users can also choose to opt out of in-app AI features and data collection. Depending on the definition of opting out, users may disable AI data collection while still being able to use AI features.For more information, refer to AI Acknowledgement.AI acknowledgement screensAI Progress IndicatorsAI progress indicators manage user expectations by visually displaying the status during AI processing, ensuring users know their request is actively being processed. Once content generation begins, the indicator changes its state to “processing” or “loading,” persisting until the task is completed or stopped. The indicator appears one second after the process starts and remains visible for at least 1000ms to prevent flickering, with pulses between animation loops. Offering users the option to stop the AI generation process is recommended for greater control.Learn more about AI Progress Indicators.AI progress indicatorsAI Writing AssistantThe AI writing assistant supports content creation by providing contextual help right where it’s needed. It efficiently edits text in input fields using prompts displayed in a panel, helping users refine their input and complete writing tasks smoothly. Tapping the “Writing Assistant” button opens the panel above the keyboard, and users can close it by clicking “x” if they haven’t yet edited content. After their first edit, navigation changes to “Cancel” and “Done,” where “Done” saves changes and “Cancel” offers a confirmation dialog to keep or discard edits. Users can interact with elements outside the panel and are prompted with a dialog if they attempt to switch text fields. Each quick prompt selection updates the text instantly and increases the version number, allowing users to track changes easily.Check out the AI Writing Assistant design guideline article for mor details.AI writing assistantAI User FeedbackThe AI user feedback feature gathers user feedback to continually refine and enhance AI quality and functionality. It enables users to provide positive or negative feedback on their experiences with embedded AI, from component-level to page-level interactions. AI feedback can e accessed through automatic pop-ups after AI experiences, in-line thumbs-up or thumbs-down buttons next to components, or through flexible re-entry points like overflow buttons. For positive feedback, users tap the thumbs-up button, triggering a toast message confirming their submission. For negative feedback, users tap the thumbs-down button, with options to provide additional details, requiring a manual tap on “Submit” to finalize. If users reconsider negative feedback, they can change it to positive by tapping the thumbs-up button in the detail view, and the system updates the feedback accordingly.Find out more about AI User Feedback.AI user feedback Use Cases – AI Writing AssistantIn the SAP SuccessFactors Mobile app, the AI writing assistant is set to serve as a powerful tool for users to efficiently draft goal descriptions. This planned feature will aid users in bypassing the often tedious and error-prone process of composing these descriptions manually. For instance, when a manager needs to set performance goals for their team members, the AI writing assistant can suggest clear and concise descriptions, ensuring alignment with company objectives and language standards. By providing a few keywords or phrases, users will be able to generate well-structured goal descriptions, reducing errors and saving valuable time. This streamlined process promises to enhance productivity while ensuring consistency and clarity in goal-setting across the organization. Goal description using the AI writing assistant Embedded AI Resources For those eager to integrate embedded AI into their mobile workflows, the following resources are now available for Android and iOS: software development kits, comprehensive design guidelines, and Figma UI kits, all crafted to empower you to harness the potential of embedded AI effectively.Unlock the power of embedded AI and transform your mobile experience today!Get Started – In-App AI Design Guidelines for SAP Fiori for AndroidGet Started – In-App AI Design Guidelines for SAP Fiori for iOSFigma UI Kit – SAP Fiori for AndroidFigma UI Kit – SAP Fiori for iOS Read More Technology Blog Posts by SAP articles
#SAP
#SAPTechnologyblog
