Tag: discover fiori design

Learning Floorplans – and Layouts, Too

When we think of floorplans in an everyday context, we might imagine an architectural drawing that shows the shape, size, and arrangement of rooms in a building viewed from above. This comes already close to the definition of floorplans in SAP Fiori. In SAP Fiori, the term ‘floorplan’ describes a specific combination of layout and […]
2289  | 
Saskia Guckenburg

SAP Fiori’s Rich Text Editor – What You See Is What You Get

Beacon is a series of content to help you discover and learn about SAP Fiori. This nugget shines a light on SAP Fiori’s rich text editor (RTE) built with SAPUI5 controls. As you might already know, the RTE is a control for data input and editing. ‘Rich’ comes from the complex formatting possibilities. As a ‘What You See […]
2201  | 
Saskia Guckenburg

Listen to Drago and Sebastian – Concepts for Motion Design

The podcast below accompanies the Beacon nugget, Meaningful Motion in UI. In the SAP Fiori Design Guidelines, the section about motion design has been updated with new content. Drago and Sebastian, SAP UX designers for motion design, discuss the concepts that have been newly introduced: duration, easings, and direction. Listen to the podcast below to […]
1660  | 
Sebastian Moreno

Microcopy in SAP Fiori: Every Word Counts

Microcopy are the snippets of text that guide you through a user interface. Great microcopy pays off in a big way by delighting users, saving time, and improving the rate of task completion. Profit from our experiences and find out what to consider when writing microcopy for your own SAP Fiori app. 1) Buttons… and […]
2427  | 
Saskia Guckenburg

Listen to Jim – Make the Most of the Guidelines

The podcast below accompanies the Beacon nugget, Structured How You Work: SAP Fiori Design Guidelines. Thoughtful guidance The SAP Fiori Design Guidelines provide you with a lot of design information straight out of the box. With so many insightful articles, you may not necessarily know where to start. Listen to Jim to find out how to use the structure […]
1285  | 
Saskia Guckenburg

The System Behind SAP Fiori Visual Design

Visual design is a lot more than colors or icons. It’s about a system of colors, typography, layouts, icons, charts, and motions that requires a profound expertise in communication design. A thoughtful visual design system enhances the user experience and makes the brand recognizable. It brings the data forward and makes the content more consumable. […]
2737  | 
Jeong-Sook Lee

Meaningful Motion in UI

When motion fills the gap between frames, the story comes to life and becomes more understandable. A great story has a beginning, middle, and an end. As such, motion facilitates comprehension by creating the full picture for us, while holding our attention.
2447  | 
Dragomir Ralchev

Structured How You Work: SAP Fiori Design Guidelines

So, you’ve come across the SAP Fiori Design Guidelines, but are feeling a bit overwhelmed by so many detailed articles? Wondering how to find the information you need?
2199  | 
James Vernon Edenstrom