Situation Handling – Guideline Overview

<div> <div>Guideline</div> <div>Topics Covered</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fsap-products%2Fsap-s4hana-only%2Fsituation-handling%2Fsituation-handling">Situation Handling - Overview</a></div> <div> <ul> <li>Overview of the Situation Handling framework</li> <li>When to use Situation Handling</li> <li>Progressive disclosure pattern for Situation Handling</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fsap-products%2Fsap-s4hana-only%2Fsituation-handling%2Fsituation-handling-controls">Situation Handling Controls</a></div> <div> <p>Describes the UI components used for the different progressive disclosure levels. With each level, the amount of detail increases.</p> <ul> <li>Situation indicator (XS): The smallest control for flagging an issue</li> <li>Situation description (S): Summary of the exceptional circumstance</li> <li>Situation preview (M): Information about the situation and an action</li> <li>Situation detail view (L): Contains all the information users need to solve a situation</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fsap-products%2Fsap-s4hana-only%2Fsituation-handling%2Fsituation-detail-view">Situation Detail View</a></div> <div> <p>In-depth description of the situation detail view. This can be:</p> <ul> <li>A situation page in the <em>My Situations</em> app</li> <li>A situation section in a business app</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fsap-products%2Fsap-s4hana-only%2Fsituation-handling%2Foverview-in-a-situations-app">Overview in a Situations App</a></div> <div>Describes the <em>My Situations</em> app that allows users to view and manage all the situations they are responsible for.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Fwriting-and-wording%2Fux-writing%2Fsituation-handling-framework-ui-text-guidelines">Situation Handling Framework – UI Text Guidelines</a></div> <div>UX writing guidelines for configuration texts and end user texts.</div> </div>