Come progettare un layout di base efficace

Panoramica

:::(Info) (NOTA) Prima di leggere questo articolo, assicuratevi di avere familiarità con lasezione "Come utilizzare un layout di base":

Il layout di base è il cuore della formattazione dell'applicazione. Una corretta formattazione del layout di base semplifica lo sviluppo di ogni fase.

Come progettare un layout di base efficace

Quando si progetta un'applicazione, una delle prime cose da fare è decidere come sarà il layout di base.

Il layout di base è un disegno che viene applicato a ogni fase dell'applicazione. I widget aggiunti al layout di base sono presenti per impostazione predefinita in tutti i passi successivi.

Si può accedere al Layout di base in basso a sinistra nell'Editor dell'app.

:::(Info) (NOTA) Se al layout di base vengono aggiunti dei trigger, questi saranno applicabili a tutti i passi dell'applicazione; tuttavia, non è possibile accedervi da un passo diverso dal layout di base:

Poiché il layout di base è il modello per il resto dei passi dell'applicazione, ha senso disporre i widget del layout di base alla periferia del passo.

I passaggi che seguono illustrano la creazione di un layout di base di esempio e danno un'idea di come progettare il proprio.

1. Decidete di quali widget avrete bisogno in ogni (o quasi) passo.

Alcuni esempi ragionevoli sono: pulsanti che consentono di passare alla fase successiva o precedente, un logo aziendale e un timer per monitorare il tempo trascorso dall'operatore in ogni fase.
2. Decidete dove posizionare i widget del layout di base.

Un buon punto di partenza è la creazione di un'intestazione e/o di un piè di pagina per l'applicazione. Di seguito, si può vedere un layout visivo per un'intestazione e un piè di pagina costruiti utilizzando rettangoli, pulsanti, testo e un'immagine caricata.

1. Lasciate molto spazio per i nuovi contenuti in ogni fase.

I widget del layout di base dovrebbero essere disposti in modo da lasciare la massima area visiva al centro del passo.

1. Prendere nota dei widget che si desidera o è necessario sbloccare dal layout di base.

Quando si progetta un layout di base, è importante annotare i widget da sbloccare in determinati passaggi. Cercate di mantenere questi widget visivamente separati dagli altri aspetti del layout di base, per creare transizioni meno drastiche.
2. Considerate l'estensibilità del design del layout di base.

Infine, considerate l'estensibilità del design. Nell'esempio dell'App precedente, il pulsante Menu potrebbe occupare la maggior parte della larghezza del piè di pagina; tuttavia, ciò comporterebbe un notevole lavoro di riprogettazione se si decide di aggiungere un altro widget. Lasciando spazio per altri widget, si riduce la necessità di riconfigurare quelli esistenti in futuro.

Avete trovato quello che cercavate?

Potete anche andare su community.tulip.co per porre la vostra domanda o vedere se altri hanno affrontato una questione simile!