--- title: "Nuove funzionalità per la progettazione dell'interfaccia utente delle applicazioni" date: "2016-04-13" categories: - "applications" - "development" - "mobile" tags: - "app-development" - "apps" - "mobiletogether" - "ui-design" description: Scoprite le ultime novità nel campo della progettazione dell'interfaccia utente delle applicazioni con MobileTogether, che offre nuovi controlli e funzionalità avanzate per uno sviluppo mobile ottimizzato su diverse piattaforme. --- Status: #blog Tags: #app-development #apps #mobiletogether #ui-design Categories: [low-code+no-code](/blog/it/category/low-codeno-code.md) | [mobile-development](/blog/it/category/mobile-development.md) # Nuove funzionalità per la progettazione dell'interfaccia utente delle applicazioni Come si dice, "Si ha una sola occasione per fare una prima impressione". Questo consiglio, tramandato da secoli, è ancora valido oggi in molti contesti, anche quando si parla di applicazioni per dispositivi mobili. Un'applicazione di successo è un'estensione della mano dell'utente, e un'interfaccia utente (UI) elegante e funzionale è ciò che rende questa connessione fluida. [MobileTogether](https://www.altova.com/it/mobiletogether.html) rende più facile che mai creare interfacce utente sofisticate per gestire complesse logiche di programmazione. Nella sua ultima versione, abbiamo aggiunto ancora più opzioni per sviluppare interfacce intuitive per applicazioni native iOS, Android e Windows. ![Applicazione per dispositivi mobili](/blog/images/shutterstock_107715224.jpg) ### Progettazione dell'interfaccia utente per applicazioni La progettazione dell'interfaccia utente in MobileTogether è particolarmente innovativa: il vostro layout unico viene tradotto simultaneamente per tutte le piattaforme, e potete generare codice per applicazioni native per iOS, Android, Windows Phone e Windows 8/10, il tutto basato su un'unica progettazione. Potete personalizzare il vostro design per ogni sistema operativo, oppure no. In entrambi i casi, MobileTogether genera automaticamente gli elementi del vostro design per ogni sistema operativo e per le dimensioni del dispositivo in uso. Mentre lavorate, il simulatore integrato vi permette di vedere come la vostra interfaccia utente apparirà su ciascuna piattaforma, fino al livello del singolo dispositivo:   ![Simulatore per lo sviluppo di applicazioni](/blog/images/app-simulator.png)   È possibile iniziare la progettazione dell'interfaccia utente trascinando uno dei numerosi controlli integrati nell'area di progettazione, e quindi collegando i dati del backend e definendo l'elaborazione dei dati del backend.   ![Controlli tramite app per dispositivi mobili](/blog/images/mobiletogether-controls.png)   ### Nuovi controlli dell'interfaccia utente Con ogni nuova versione del prodotto, aggiungiamo una serie di funzionalità richieste dagli sviluppatori [L'ultima versione di MobileTogether](https://www.altova.com/it/whatsnew_mobiletogether.html) sono state introdotte più di 30 nuove funzionalità, tra cui alcuni nuovi elementi di interfaccia utente: #### **Linea verticale** La nuova linea verticale di controllo si integra con la linea orizzontale esistente e può essere utilizzata nelle tabelle per evidenziare la separazione e l'allineamento delle colonne, come mostrato di seguito. Questa è solo una delle numerose nuove funzionalità disponibili [creazione e visualizzazione di tabelle nelle applicazioni mobili](https://www.altova.com/blog/scrolling-tables-data-driven-mobile-apps/) abbiamo introdotto di recente.   ![Tavolo portatile ](/blog/images/landscape-50.png)   È facile definire le linee verticali semplicemente trascinando il controllo al punto desiderato nell'interfaccia utente. #### **Controllo a cursore** Il controllo a cursore orizzontale, di uso comune, viene tipicamente utilizzato per consentire agli utenti di selezionare un valore compreso tra un minimo e un massimo predefiniti. La posizione del cursore fornisce un'indicazione generale dell'input dell'utente, anche in assenza di una scala di valori, come nel caso del cursore utilizzato per indicare il livello dei danni nell'applicazione per la consegna di pacchi mostrata di seguito.   ![Cursore orizzontale](/blog/images/slider-1.png)   #### **Pulsanti per inviare via email e per condividere** Per sfruttare al meglio la nuova funzionalità "Share Action" introdotta in MobileTogether 2.1, gli sviluppatori possono ora definire pulsanti con icone di "Invia email" e "Condividi" che gli utenti riconoscono immediatamente. Di seguito, è mostrata la stessa applicazione su iOS e Android. Si noti che le icone native di condivisione e invio email vengono utilizzate automaticamente per ciascuna piattaforma.   ![Pulsanti per inviare via email e per condividere l'applicazione](/blog/images/share-button.png)   Questi nuovi controlli si aggiungono alle funzionalità esistenti per la creazione di interfacce utente accattivanti per le vostre applicazioni mobile incentrate sui dati, all'interno di [MobileTogether](https://www.altova.com/it/mobiletogether.html). Insieme alle avanzate capacità di programmazione del backend offerte da questo framework, la vostra applicazione mobile sarà sicuramente in grado di lasciare un'ottima impressione sugli utenti finali.   MobileTogether Designer è gratuito: [provatelo subito](https://www.altova.com/it/download/mobiletogether.html)