Grundlagen
Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann. Sie bietet eine Kombination aus Icon, einer Heading und einer unterstützenden Beschreibung. Optional kann sie durch interaktive Elemente wie Buttons oder Links ergänzt werden. Ziel ist es, leere Seiten visuell aufzulockern und dem User kontextbezogene Hinweise zu geben, wie er fortfahren kann.
Best practices
Achte bei der Verwendung einer IllustratedMessage darauf, dass ...
- das Icon zum Kontext der Seite passt und nicht ablenkt.
- der Text klar beschreibt, warum der Zustand leer ist und was als Nächstes zu tun ist.
- Handlungsaufforderungen mit interaktiven Elementen wie Buttons oder Links unterstützt werden.
Verwendung
Verwende eine IllustratedMessage, um ...
- dem User visuelles und inhaltliches Feedback zu geben, wenn keine Daten vorhanden sind.
- Vorschläge oder Handlungsoptionen aufzuzeigen, die dem User helfen, Inhalte zu erstellen oder zu entdecken.
- gesperrte Bereiche freundlich und verständlich zu gestalten, um zum Beispiel Wartezeiten zu überbrücken.