Do you want to follow the AI Design Practice roadmap? Visit AI Design Roadmap
INTRODUCTION
Before start designing your AI UI interface, be sure to follow these AI guidelines divided into 2 categories
- SAP Generative AI Guidelines: General guidelines about design components for AI experiences
- SuccessFactors Generative AI Library: Adapted guidelines for HXM experiences (in progress)
SAP Generative AI Guidelines:
SAP Gen. AI Patterns
You can start identifying from your crafted AI User Journey the AI Patterns that you need to integrated in your experience design.
You can identify the AI Patterns in this Gen.AI Pattern Map
Discover the Gen. AI Patterns Map
Gen. AI UI Starter Kit
AI UI Foundation Elements
Discover the 3 main AI UI foundation elements - AI Colors, AI Icon & AI Button
SAP Gen. AI UI Starter Kit
You can start using these first UI components & elements into your design being sure to be compliance to the design system.
You can re-use AI UI components here:
Discover the Gen. AI UI Starter Kit
Joule Web UI Kit
SAP’s Joule Web UI Kit includes:
- Joule design foundations
- Joule core components
- Joule core UX patterns
- Joule content
You can re-use AI UI components here:
SF Gen. AI Library (Owner: Piao, Junjie)
For ad-hoc SF User journeys experiences, you can refer to this Figma template board that guide you to adapted UI components for different HXM situations
You can re-use AI SF AI components here:
Discover the SF Gen. AI Library
You can visualize the current ongoing AI Design projects at SAP SuccessFactors here:
Discover the SAPSF AI Design projects
Contacts & Owners:
- Alexander Schreiber - Design Lead @SAP
- Jennifer Aue - Accountable Lead @SAP
- Junjie Piao - Lead AI Design @SAPSF
- Ellie Kemery - UXR Lead @SAP
- Fredy Pascal - Lead AI UXR @SAPSF