UI- und Layout-Elemente für mehr Übersicht hinzufügen

Create Your Free Account

By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.

Diese Übung ist Teil des Kurses

Einführung in KI-Apps in Sigma

Geringe SchwierigkeitSchwierigkeitsgrad

4.9+

Kapitel 1 führt in die Grundlagen zum Erstellen von KI-Apps in Sigma ein – mit dem Schwerpunkt darauf, wie Apps Nutzereingaben integrieren, um aktionsbasierte Workflows zu steuern. Ein besonderer Fokus liegt auf verknüpften Eingabetabellen, einem der wichtigsten Bausteine für Sigma-Apps. Du lernst, wie du verknüpfte Eingabetabellen erstellst, die Warehouse-Daten neben vom Nutzer eingegebenen Werten anzeigen und so direkte Interaktion mit den zugrunde liegenden Datensätzen ermöglichen. Das Kapitel behandelt außerdem Best Practices für die Steuerung von Nutzereingaben, einschließlich der Kontrolle, welche Datentypen eingegeben werden dürfen, und der Definition, wann Tabellen bearbeitbar sind. Am Ende dieses Kapitels verstehst du, wie du Nutzereingaben sicher und effektiv erfasst, während du die Datenintegrität innerhalb deiner App wahrtst.

Exercise 1: Was sind AI Apps?Exercise 2: Eine fertige App für Kreditzusagen erkunden Exercise 3: Eine fertige App für Beförderungen von Kreditsachbearbeitern Exercise 4: Vorhandene Daten mit verknüpften Eingabetabellen anreichern Exercise 5: Verknüpfte Eingabetabellen verstehen Exercise 6: Eine verknüpfte Eingabetabelle erstellen Exercise 7: Beförderungsvorschläge erfassen Exercise 8: Verhalten verknüpfter Eingabetabellen testen Exercise 9: Eingaben in verknüpften Eingabetabellen steuern Exercise 10: Bearbeitungen an der Eingabetabelle der Kreditbearbeiter steuern

In Kapitel 2 lernst du, wie du deine KI-Apps mit Modals und Aktionssequenzen noch interaktiver und reaktionsfähiger machst. Modals ermöglichen es dir, fokussierte Pop-up-Fenster innerhalb deiner App zu präsentieren – so erhalten Nutzer zusätzliche Informationen oder einen Bereich für detailliertere Eingaben, ohne die Hauptoberfläche zu überladen. Du siehst, wie Modals die Bedienbarkeit verbessern und Nutzer durch spezifische Aufgaben führen. Außerdem werden Aktionssequenzen eingeführt, mit denen Apps dynamisch auf Nutzeraktionen wie das Klicken eines Buttons oder das Auswählen einer Tabellenzeile reagieren. Du lernst, wie du mehrere Effekte durch eine einzige Interaktion auslöst, um Workflows zu automatisieren und Nutzererlebnisse zu vereinfachen. Zusammen bieten dir Modals und Aktionssequenzen leistungsstarke Werkzeuge, um Apps zu bauen, die sich intuitiv, interaktiv und zielgerichtet anfühlen.

Exercise 1: Modals nutzen, um Entscheidungen und Eingaben zu erfassen Exercise 2: Erstelle ein Modal, um Beförderungsvorschläge zu erfassen Exercise 3: Aktionssequenzen für App-Workflows verwenden Exercise 4: Grundlegende Aktionssequenzen verstehen Exercise 5: Eine Aktionssequenz zum Öffnen eines Modals erstellen Exercise 6: Ein Modal zum Öffnen und Schließen auslösen Exercise 7: Modals mit Steuerungswerten befüllen Exercise 8: Ein Modal mit IDs von Kreditberater*innen befüllen Exercise 9: Nominierungen mit einer Aktionssequenz protokollieren Exercise 10: Bedingte Aktionssequenzen hinzufügen Exercise 11: Doppelte Nominierungen verhindern

Kapitel 3 konzentriert sich auf die Verfeinerung der Benutzeroberfläche und des Gesamterlebnisses deiner KI-Apps. Zunächst lernst du Popovers kennen – ein vielseitiges UI-Element, mit dem sich Filtermenüs ausblenden oder kontextbezogene Informationen nur bei Bedarf anzeigen lassen. So bleiben Apps aufgeräumt, während Nutzer trotzdem leicht auf Steuerelemente und Details zugreifen können. Das Kapitel behandelt außerdem verschiedene Design- und Strukturierungsfunktionen, die sowohl die Nutzbarkeit als auch die visuelle Anmutung verbessern. Du erfährst, wie du Navigations-Buttons, Trennlinien und Registerkarten-Container einsetzt, um Inhalte zu strukturieren und Nutzer gezielter durch deine App zu führen. Am Ende von Kapitel 3 weißt du, wie durchdachtes Layout und Design deine KI-Apps intuitiver, hochwertiger und angenehmer in der Nutzung machen.

Exercise 1: Popovers nutzen, um die Oberfläche einer App zu vereinfachen Exercise 2: Konfiguriere ein Popover, das Seitenelemente enthält Exercise 3: Buttons für Navigation und Interaktion nutzen Exercise 4: Einen „Clear filters“-Button in einem Popover hinzufügen Exercise 5: UI- und Layout-Elemente für mehr Übersicht hinzufügen

Aktuelle Übung

Exercise 6: Die Beförderungs-App für Kreditsachbearbeiter aufräumen Exercise 7: Alles zusammenführen Exercise 8: Abschluss