Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
ThomasReiss
Product and Topic Expert
Product and Topic Expert
This first half-year of 2023 yet more products are supporting SAP's design language by adopting our new visual theme, called Horizon, and introduced further user experience improvements. This includes additional SAP SuccessFactors products, SAP Concur, SAP Commerce Cloud, SAP Integrated Business Planning as well as a first set of Procurement products. We also have some interesting updates for Mobile, with our design system now available for Apple’s watchOS and Google’s Wear OS (for Android), plus updated mobile apps.

Content of this blog post:

  1. SAP SuccessFactors

  2. SAP Concur

  3. SAP Fieldglass

  4. SAP Commerce Cloud

  5. SAP Integrated Business Planning

  6. Procurement Products UX Update

  7. Mobile Products UX Update

  8. Final Words


To see other products which already support Horizon, have a look at this blog post:

To find out more about the benefits of Horizon, and its availability in our UI technologies, have a look at this blog post:

1.   SAP SuccessFactors


With the availability of the 1H2023 release, most of SAP SuccessFactors now supports the latest visual theme. The above blog post showed some examples from the 2H2022 release, below you can see some examples from Goal Management as well as from Learning.

Goal Management has been redesigned, as you can see in Figure 1 for the web, and Figure 2 for mobile. The new, more visually pleasing design provides an information layout aimed at keeping users focused on what matters.

Figure 1: Goal Planning in SAP SuccessFactors with the new visual theme.


 

Figure 2: The redesigned experience for employees looking at the current status of one of their goals in SAP SuccessFactors with the new visual theme.


 


Figure 3: Employees can easily review their goals also on their mobile phone.


We have also reimagined the experience for Learning, as you can see in Figure 4 showing the new Learning home page.


Figure 4: The Success Factors Learning home page.


We are also making good progress in the development of the Growth Portfolio where our employees will manage their skills as a key element of the Whole Self Model, while also integrating skills data across the suite.


Figure 5: The SAP SuccessFactors growth portfolio for employees.


To find out more, have a look at:

2. SAP Concur


The new visual theme is now available for SAP Concur products and gives them the fresh and modern appearance provided by this latest visual theme. Below you see some examples for booking a hotel (Figure 6) and for managing expenses (Figure 7), as well as two videos showing it live for the desktop and for mobile.


Figure 6: Booking a hotel with the SAP Concur mobile app, which uses the new visual theme.


 


Figure 7: Managing expenses with SAP Concur on desktop and mobile with the new visual theme.


To see it in action, have a look at this overview video, which also shows how you can switch themes, and shows Evening Horizon:

Here is the mobile app overview video:

3. SAP Fieldglass


The new visual theme is now available for SAP Fieldglass, which comes together with updated designs for an overall improved user experience. The information displayed has been reorganized to reduce overall clutter, and provide progressive disclosure, with more information just a click away. Also, it provides more guidance to the user.

The first example below shows the updated Worker Dashboard, which provides a summary of all the hiring manager’s workers. The ToDos guide the user proactively about their action items, giving them an overview of what needs to be completed, and the new Insights charts allow them to quickly see information like the total worker spend.


Figure 8: The worker dashboard in SAP Fieldglass, with the new visual theme.


The new worker details page contains tile which gives an overview of all the information that a hiring manager is interested in, with all the details a mere click away. We have conducted thorough user research to establish which information is most useful for hiring managers, and that is the information which we display in these tiles. In particular, spend data and tenure details are shown, as you can see in Figure 9.


Figure 9: The worker details page in SAP Fieldglass, with the new visual theme.



4. SAP Commerce Cloud


SAP Commerce Cloud has also invested in updating its user experience – not only with the new visual theme.

SmartEdit has been redesigned: Previously, finding and editing slots and nested components within a storefront page could take several clicks.​ With the Page Structure panel, shown in Figure 10, users can quickly locate and manage slots or components anywhere in the page hierarchy.

Cloud Portal of SAP Commerce Cloud now has improved usability and accessibility via updated controls, labels and action placement within the Create Endpoint wizard, shown in Figure 11.

In-application help is now embedded within the Intelligent Selling Services in context of where it’s needed. It also provides links to other helpful repositories, as you can see in Figure 12.


Figure 10: SAP Commerce Cloud SmartEdit, with the new visual theme.


 


Figure 11: The Create Endpoint wizard in SAP Commerce Cloud with the new visual theme.


 


Figure 12: Intelligent Selling Services for SAP Commerce Cloud, with the new visual theme.



5. SAP Integrated Business Planning


The new visual theme was already introduced to SAP Integrated Business Planning at the end of last year. With the 2305 release this year, the Planner Workspace has been redesigned, to offer a better overall user experience. The new design shown in Figure 13 allows users to create and share Workbooks, define variants in them to better customize their experience and to better streamline the day-to-day use cases of their planners.


Figure 13: The new Planner Workspace in SAP Integrated Business Planning, with the new visual theme.


You can find out more about this, and additional information about the 2305 release, in this blog post:

6. Procurement Products UX Update


SAP Central Invoice Management and SAP Ariba Supplier Management – Findings and Event Collaboration have applied the new visual theme as well as investing in improved user experience.

SAP Central Invoice Management


Users are provided with a single application for accounts payable to upload invoices. It has an easy drag & drop interface, allowing multiple files to be added at once, and giving users intuitive ways of filtering the lists. If an individual invoice needs to be worked on, users are given an easy to use UI for doing this, as depicted in Figure 14. It makes it easy for users to correct invoices through easy to understand fields and proper error handling, allowing users to view invoice status, the image of the invoice and workflow in the same space. Furthermore, images can be viewed in a separate browser window that automatically refreshes if the user moves to the next invoice.


Figure 14: Invoice Management in SAP Central Invoice Management, with the new visual theme.


SAP Central Invoice Management also provides machine learning to optimize the automation for processing incoming invoices, on top of our embedded OCR extraction service. The application has easy configuration rules, and provides easy to understand recommendations from the automation process and training jobs. Particularly useful is the clear view given to users of the improvements made to the automation rate based on newly processed invoices.

SAP Ariba Supplier Management – Finding and Event Collaboration


Any user in the buyer’s organization can raise a finding against a particular supplier. The response coordinator can then easily create a team with internal and external members to collaborate on the finding, as shown in Figure 15. The collaboration takes place in-context now, making it very efficient.


Figure 15: Finding and Event Collaboration in SAP Ariba Supplier Management, with the new visual theme. The image shows the screen for collaborating on the finding.


The response coordinator collaborates with the team to analyze the finding and come up with a suitable response plan.

7. Mobile Products UX Update


iF Design Award 2023 for SAP Fiori Mentor app


We are very proud to announce that we received an iF Design Award for the SAP Fiori Mentor app.

To learn more about the SAP Fiori Mentor app, have a look here:

SAP Fiori Now Available for watchOS and Wear OS


Introducing SAP Fiori for watchOS and SAP Fiori for Wear OS – the future of enterprise mobility on your wrist! These new watch design systems bring the power of SAP Fiori to Apple Watch and Wear OS devices for a more efficient, productive and personalized experience. SAP Fiori for watchOS and SAP Fiori for Wear OS enable users to seamlessly access real-time business insights, smart notifications, and critical tasks on the go, all with a user-centric interface optimized for smart watches.


Figure 16: SAP Fiori now available for Apple watchOS and Google Wear OS.


Discover the new watch design systems based on SAP Fiori by exploring the guidelines and Figma UI Kits below.

SAP Mobile Start Improvements and New Smart Watch Companion App


These two blog posts summarize the latest improvements in SAP Mobile Start user experience:

SAP Mobile Start is now also available as a smart watch app for Apple watchOS and Wear OS. The app shows your latest to-dos, as well as business information. For the best user experience, you can filter to-dos by type, drill into details, and take care of your to-dos immediately. With Apple Watch complications, you can even see the number of your open to-dos and monitoring information right on your Watch.


Figure 17: The new Apple Watch companion app for SAP Mobile Start. The example shown in the middle shows how you can approve a leave request directly on your watch, starting from the list of ToDos.


To learn more about how SAP Mobile Start provides the best user experience for Apple devices, have a look at this blog post:

Augmented Reality 3D in SAP Product Model Viewer for Field Technicians


To further help manufacturing become more resilient, the 3D product viewer capabilities of the SAP Enterprise Product Development solution are now integrated into manufacturing, service, and maintenance processes. In SAP Digital Manufacturing, production operators now can view 3D product models in their dashboard and work environment to streamline complex assembly. In the SAP Service and Asset Manager mobile app, field engineers can use 3D augmented reality views to accelerate asset maintenance, increase first time fix rates and reduce downtime. Have a look at this video to see it in action:


Further News for Mobile UX


Have a look at these blog posts for further new on mobile design, and on updates with improved capabilities which go hand in hand with an overall improved user experience for two mobile apps:

8. Final Words


I am looking forward to hearing from you on the community about your experiences with SAP Fiori. Please continue using the community to share your learnings and best practices, either by posting articles yourselves or via comments on this post. You can also follow me in the community if you want to be notified about further similar updates from me.
5 Comments
Wallace
Active Participant
0 Kudos
Hello Thomas,

I am grateful for this post and the content.
I'm not sure this is the proper place to ask, but hoping for some guidance...

SAP brings a large amount of software, and while Fiori seems to be the desired/common UI, I remember seeing some offerings where Fiori isn't the UI - SAAS or other offerings.
Is there some sort of way to check and see if a software offering/solution from SAP uses Fiori or not before finding (or establishing) a working instance?

Thank you for the consideration; I do like this post.

Best Regards, Wallace
ThomasReiss
Product and Topic Expert
Product and Topic Expert
Hi Wallace,

I'm glad you like the post and its content!

To your question: my advice would be to look at the screenshots shown in the software offering/solution descriptions on sap.com, since we keep the images of our products there fairly up-to-date.

Regards,

Tom
RSB
Explorer
0 Kudos
Hi thomas.reiss

Thanks for the detailed blog.

Is SAP CPQ on the roadmap to be updated with the New look via SAP Fiori  (Horizon theme) ? SAP CPQ application could use a updated user experience.

 

Thanks

 
kushagrasarin2
Discoverer
0 Kudos
Hi Thomas,

Thanks for sharing the blog.

Could you please tell me how you activated the new learning home page? Is a reimagined new learning home page set to be released in the second half of 2023? or can we enable it right now?

Looking forward to your reply.

Thanks

Kushagra
shubham_kedia
Employee
Employee
0 Kudos

Great Content. Very informative and Useful.