MENU
    Migliori pratiche di progettazione delle app
    • 05 Aug 2024
    • 2 Minuti da leggere
    • Contributori

    Migliori pratiche di progettazione delle app


    Sommario dell'articolo

    x:::(Info)
    Before diving into design best practices, imparate come user research{target=_blank} è la base per una progettazione di successo delle app, che vi consente di creare le applicazioni più efficaci per le vostre operazioni e di garantire il massimo valore dal vostro investimento di tempo.

    Questo articolo si riferisce a due applicazioni della Tulip Library: App Design Templates{target=_blank} e App Design Best Practices{target=_blank}.
    :::

    Un buon design è contestuale, il che significa che le decisioni vengono prese considerando le esigenze specifiche del vostro settore, degli operatori e dei processi e cambieranno a seconda dello scopo e della funzione di ogni app e fase. Le migliori pratiche per le Life Sciences{target=_blank} per le applicazioni differiscono dalle best practice per la progettazione della produzione in generale.

    Tuttavia, tutti i settori vorranno standardizzare i layout e gli schemi di colore delle app e creare componenti clonabili, ove possibile. I modelli di app e le guide di stile riducono la quantità di decisioni che i costruttori di app devono prendere in ogni momento, mentre una libreria di componenti riduce la rielaborazione e consente una costruzione più rapida delle app.

    Per iniziare, date un'occhiata ai nostri modelli di design in Tulip Library{target=_blank} e utilizzate le seguenti best practice per personalizzare questi modelli e creare app intuitive e navigabili.

    Tulip Library Design Template Page 2.png{width="500" height="315"}

    Standardizzare i modelli di app

    La coerenza del layout delle app in tutta l'organizzazione va oltre l'aspetto estetico. Creando layout riconoscibili e selezionando in modo mirato i colori per trasmettere un significato, è possibile ridurre in modo significativo la necessità di formazione degli utenti finali.

    Per iniziare, si possono utilizzare i seguenti modelli Tulip Library templates{target=_blank} per iniziare.

    Template - Colors.png
    Schemi di colore standardizzati assicurano che le app siano intuitive e che gli operatori possano navigare rapidamente e facilmente tra le schermate.

    Template - Typography.png
    Le dimensioni dei caratteri devono essere coerenti e leggibili. Adattare le dimensioni dei caratteri alla risoluzione del {{glossario.Interfaccia}}. (dispositivo di visualizzazione).

    Template - Buttons.png
    I pulsanti delle azioni primarie devono essere del colore più deciso sullo schermo e non devono confondersi con lo sfondo. Non si vuole che gli operatori perdano tempo a cercare ciò di cui hanno bisogno.

    Template - Button Icons.png
    L'aggiunta di icone ai pulsanti fornisce un contesto visivo all'azione che il pulsante esegue.

    Creare una libreria di componenti

    La creazione di componenti o modelli che i costruttori di app possono copiare e incollare senza sforzo accelera drasticamente lo sviluppo. Considerate la possibilità di creare una libreria dei seguenti componenti per app comunemente utilizzati:

    • Layout di base dell'app (ad esempio, tablet o cellulare)
    • Layout delle fasi (ad esempio, allineamenti di contenitori e pannelli)
    • Barre di navigazione superiori e inferiori
    • Barre di menu
    • Schermate di instradamento o terminali
    • Cruscotti
    • Moduli (ad esempio, moduli per eventi o difetti)
    • Liste di controllo
    • Acquisizione di misure
    • Informazioni comuni affiancate (ad esempio, una tabella interattiva appare spesso accanto ai record di una tabella incorporata)

    Template - Table and Table Records.png
    Esempio di schermata a 2 pannelli che consente agli utenti di visualizzare i dati in una tabella e di modificare i campi utilizzando un modulo

    Template - Side by Side.png
    Esempio di schermata a 2 pannelli in cui le informazioni principali vengono inserite nel pannello più a sinistra

    Template - Modals.png
    Esempio di una fase modale che richiama l'attenzione dell'utente sull'attività da svolgere

    Template - Dashboard.png
    Esempio di configurazione di un cruscotto per la visualizzazione delle analisi

    Seguire le migliori pratiche di progettazione

    Scoprite le intuizioni degli esperti in materia di progettazione di app nella guida della Tulip Library App Design Best Practices{target=_blank} della Biblioteca Tulipano. Approfondite i suggerimenti su colori, testi e widget per migliorare l'attrattiva della vostra app e l'esperienza dell'utente.

    Colore

    Color 1.jpg

    Color 2.jpg

    Color 3.jpg

    Color 4.jpg

    Testo

    Text 1.jpg

    Text 2.jpg

    Text 3.jpg

    Text 4.jpg

    Text 5.jpg

    Text 6.jpg

    Widget

    Widget 1.jpg

    Widget 2.jpg

    Widget 3.jpg

    Widget 4.jpg

    Widget 5.jpg

    Widget 6.jpg


    Questo articolo è stato utile?