SuccessFactors UX Guidelines

Your centralized resource for user experience design in SuccessFactors.

This is a collection of reusable UI elements with clear rules, principles, and constraints for the design development in SuccessFactors. In addition to general principles, this includes a library of components, patterns, floorplans and layouts. The results are fixed specifications for the design and the possibility of reusing various design elements.

Background blue 2

align-image-left

Introduction

Get an overview of the SuccessFactors UX Guidelines.

Introduction

Background blue 2

align-image-left

Components

See a list of components that we use in SuccessFactors.

Overview of Components

Background blue 2

align-image-left

Patterns

See a list of patterns that we use in SuccessFactors.

Overview of Patterns

Background blue 2

align-image-left

Gen AI UX

Get an overview of the resources available for AI design at SAP.

AI Design Guidelines Introduction

Resources

Design System Management

Meet the team who can engage co-located colleagues when they have design system and Fiori questions, or request custom component/pattern.

SuccessFactors Web UI Kit

Explore the library that is intended to be used in conjunction with the SAP Web UI Kit and includes additional configured components, SuccessFactors-specific components, and more.

SuccessFactors Embedded AI Web UI Kit

Explore the kit intended to be used as a reference and an enablement tool for modules looking to adopt AI functionality.

SuccessFactors Joule Web UI Kit

Explore the hands-on guide for SuccessFactors Joule designers, with collections of typical SuccessFactors use cases and a library of reusable component combinations.

SuccessFactors iOS Stencils

Explore the SuccessFactors iOS mobile library of stencils that we use for building native mobile experiences.

SuccessFactors Android Stencils

Explore the SuccessFactors Android mobile library of stencils that we use for building native mobile experiences.