- SAP Managed Tags:
SAP Fiori for Android got a new boost in 2024! We rolled out new and improved components and patterns, along with a suite of helpful resources like a revamped Figma design kit and video tutorials.
This upgrade gives app developers and designers enhanced tools to create top-notch enterprise apps on Android. Think of it as a supercharged toolkit for building sleek, user-friendly apps that seamlessly integrate into the SAP ecosystem.
New Figma Design Kit for SAP Fiori for Android
The Figma Design Kit “SAP Fiori for Android” is now available on the Figma Community. We’ve improved the kit providing a better user experience, added more helpful information, and fixed bugs to make designing enterprise apps smoother than ever.
Highlights:
- Comprehensive information card: provides details on usage, technical names, updates, and the component description now links directly to the SAP Design Guidelines.
- Window size classes support: enhances optimization for different screen sizes.
- Improved component properties: provides a more structured layout and consistent naming.
- New page layout: includes usage examples for each component and pattern.
- Variables for styles: include color modes, accent colors, semantic colors, and icon sizes.
- Page hierarchy: improved organization for better readability.
You can find the latest SAP Design Kits on Figma.com/community
New Components & Patterns in the Design System
We’ve released new components and patterns for the design system! In addition, we’ve enhanced existing components and patterns with new features, accessibility improvements aligned with WCAG 2.2, and important bug fixes. Here are a few highlights of the year:
Feedback and Progress Indicators
Feedback patterns help users stay informed about intended or unintended situations during app usage. To ensure users are always aware of the system status, additional progress indicators have been added to the design system. These indicators support various use cases and help minimize the perception of disruption during loading or calculations. We introduce the following three new components and patterns:
Illustrated Message
The illustrated message pattern combines a solution-oriented message with an engaging illustration and a conversational tone. This approach transforms potentially negative situations into neutral or even positive experiences, making users feel understood and valued.
Illustrated Message in the SAP Design Guidelines
Multi-Message Handling
If multiple information, error, or warning messages occur at the same time, the new pattern of multi-message handling provides the user with a clear structure for processing them. Clear iconography and semantic colors guide users in prioritizing their actions based on the importance of each message.
Multiple Message Handling in the SAP Design Guidelines
Skeleton Loading
A schematic skeleton representation of content helps communicate anticipated information to the user and allows the system to display partially loaded content while still fetching the complete data.
Skeleton Loading in the SAP Design Guidelines
Native File Viewer
The native file viewer allows users to preview their files without leaving the app's context. It supports images, videos, and text-based media.
Native File Viewer in the SAP Design Guidelines
Multiple enhancements for our components and patterns
From “A” like “Attach” to “T” like “Timeline”, we’ve introduced multiple enhancements to our current components and patterns. You can find a summary of these updates from recent releases on the “What’s New” page in the Figma Design Kits.
Updates for BTP SDK for Android
In 2024, SAP BTP SDK for Android published four major releases, featuring updates to UI components, foundation, flows, and more. Most components and patterns from the SAP Fiori for Android design system are also available out of the box through the SAP BTP SDK. Additionally, our components are now available in Jetpack Compose, making app development even more efficient.
To find out more, check out the release updates.
New Mobile Design System Services for SAP Customers and Partners
We are excited to announce that the SAP Design System Team now offers services for SAP customers and partners to learn about SAP Fiori for Android and iOS.
SAP Fiori for Android & iOS Release Rollouts
In the SAP Fiori for Android and iOS release rollouts, we showcase the latest UI additions and enhancements of the SAP BTP software development kits for Android and iOS. We will then conclude with a demo that walks you through the changes and improved component capabilities.
Based on the release schedule, up to four sessions are planned per calendar year.
Find more information on the Design Services page.
UX Feedback Session for Mobile Apps
In the UX Feedback Session for Mobile Apps, we'll explore your mobile solution and gather insights from your experience using the SAP BTP SDK/MDK for Android and iOS.
Our expert mobile UX design team will provide valuable feedback and answer your questions about your app's design and SAP Fiori mobile design components. We're excited to learn about your specific use cases and welcome your suggestions to further improve our mobile UX components.
Find more information on the Design Services page.
Publications
Google i/O
SAP Mobile Start was featured at Google i/O 2024 as the first adopter of adaptive layouts. Within the SAP Fiori for Android design system, we leverage adaptive layouts to deliver content for an optimized user experience across various form factors and window size classes.
Learn more about Adaptive Layouts in SAP Fiori for Android.
DevToberfest 2024
DevToberfest, an SAP TechEd Event, is a celebration by developers for developers. It features expert insight, tutorials, collaboration opportunities, and coding sessions.
In our session “Build Elegant Enterprise Apps for Android with SAP Fiori and SAP Build Code”, Natalie Stainton and Mark Fogle will guide you through the process of designing and building a robust, scalable, and functional Android app tailored to your enterprise needs. From design to development, SAP Fiori for Android is used to create a delightful enterprise app. The session will showcase how SAP Fiori for Android is utilized from design to development.
What’s Next
2025 just started. We are excited to announce more updates about SAP Fiori for Android. For the latest updates, please visit our SAP Fiori Design Guidelines.
Authors: Marisa Wollner (Design Manager, SAP Fiori for Android) and Yuepei Guo (Design Lead, SAP Fiori for Android)
