Configura un popover per contenere i controlli della pagina

Questo esercizio riprende da dove avevi lasciato, ma alla pagina Review & Nominate dell’app sono stati aggiunti diversi controlli di filtro. Ai dirigenti di Oakmark piacciono questi controlli, ma vogliono che tu li raggruppi per un’interfaccia meno affollata.

Aiutali comprimendo i controlli in un popover.

Questo esercizio fa parte del corso

Introduzione alle AI Apps in Sigma

Visualizza il corso

Esercizio pratico interattivo

Passa dalla teoria alla pratica con uno dei nostri esercizi interattivi

Inizia esercizio

Questo esercizio fa parte del corso

Introduzione alle AI Apps in Sigma

InicianteNível de habilidade

4.8+

6 reviews

Inizia il corso gratis

Il Capitolo 1 introduce i concetti fondamentali per creare AI Apps in Sigma, con un focus su come le app integrano l’input dell’utente per attivare workflow basati su azioni. Grande attenzione è dedicata alle tabelle di input collegate, uno dei blocchi costitutivi più importanti per le app di Sigma. Scoprirai come creare tabelle di input collegate che mostrano i dati del data warehouse accanto ai valori inseriti dagli utenti, consentendo un’interazione diretta con gli insiemi di dati sottostanti. Il capitolo copre anche le best practice per governare l’input dell’utente, incluso il controllo dei tipi di dati inseribili e la definizione di quando le tabelle sono modificabili. Al termine del capitolo, avrai una solida comprensione di come raccogliere input in modo sicuro ed efficace mantenendo l’integrità dei dati all’interno della tua app.

Exercise 1: Che cosa sono le AI Apps?Exercise 2: Esplorare un'app completa per l'approvazione di prestiti Exercise 3: Un'app completa per le promozioni dei loan officer Exercise 4: Arricchire i dati esistenti con tabelle di input collegate Exercise 5: Capire le linked input tables Exercise 6: Creare una tabella di input collegata Exercise 7: Raccogliere le candidature per la promozione Exercise 8: Testare i comportamenti delle linked input table Exercise 9: Gestire l'inserimento dati nelle tabelle di input collegate Exercise 10: Gestire le modifiche alla tabella di input dei loan officer

Nel Capitolo 2 impari a rendere le tue AI app più interattive e reattive usando modali e sequenze di azioni. I modali ti permettono di mostrare finestre popup mirate all’interno della tua app, offrendo agli utenti accesso a informazioni aggiuntive o a uno spazio per un input più dettagliato senza appesantire l’interfaccia principale. Vedrai come i modali possano migliorare l’usabilità e guidare gli utenti attraverso attività specifiche. Il capitolo introduce anche le sequenze di azioni, che permettono alle app di rispondere dinamicamente ad azioni dell’utente come il clic su un pulsante o la selezione di una riga di tabella. Imparerai ad attivare più effetti da una singola interazione, aiutando ad automatizzare i workflow e snellire l’esperienza utente. Insieme, modali e sequenze di azioni ti offrono strumenti potenti per creare app che risultano intuitive, interattive e mirate.

Exercise 1: Usare i modali per raccogliere decisioni e input dell’utente Exercise 2: Crea un modal per raccogliere le candidature per la promozione Exercise 3: Usare le sequenze di azioni per i flussi di lavoro dell'app Exercise 4: Capire le sequenze di azioni di base Exercise 5: Creare una sequenza di azioni per aprire un modal Exercise 6: Attivare l'apertura e la chiusura di un modal Exercise 7: Compilare i modali con i valori dei controlli Exercise 8: Compilare un modal con gli ID dei loan officer Exercise 9: Registrare le candidature con una sequenza di azioni Exercise 10: Aggiungere sequenze di azioni condizionali Exercise 11: Prevenire nomination duplicate

Il Capitolo 3 è dedicato a perfezionare l’interfaccia e l’esperienza complessiva delle tue AI app. Inizi imparando i popover, un elemento UI versatile usato per nascondere menu di filtro o mostrare informazioni contestuali solo quando servono. Questo aiuta a mantenere le app pulite pur offrendo agli utenti accesso facile ai controlli e ai dettagli. Il capitolo esplora anche una gamma di funzionalità di design e organizzazione che migliorano sia l’usabilità sia l’impatto visivo. Imparerai a integrare pulsanti di navigazione, divisori e contenitori a schede per strutturare i contenuti e guidare gli utenti nella tua app in modo più efficace. Al termine del Capitolo 3, capirai come scelte ponderate di layout e design possano rendere le tue AI app più intuitive, rifinite e piacevoli da usare.

Exercise 1: Usare i popover per semplificare l'interfaccia di un'app Exercise 2: Configura un popover per contenere i controlli della pagina

Esercizio in corso

Exercise 3: Sfruttare i pulsanti per navigazione e interazione Exercise 4: Aggiungere un pulsante 'Clear filters' in un popover Exercise 5: Aggiungere elementi di UI e di layout per l'organizzazione Exercise 6: Rifinire l'app per le promozioni dei loan officer Exercise 7: Mettere tutto insieme Exercise 8: Riepilogo