Personalizza interfaccia utente Telefono

Puoi personalizzare l'interfaccia utente del dialer in modo che rifletta il tuo marchio e garantisca un aspetto coerente in tutte le app.

La personalizzazione del dialer prevede le tre seguenti attività:

Per indicazioni sull'esperienza utente, consultare la checklist del dialer .

Applica lo stile globale

Il primo passaggio di personalizzazione consiste nell'applicare uno stile globale e appropriato al marchio a tutte le visualizzazioni in Dialer.

Impostando i colori, l'aspetto del testo e altri aspetti globali dell'interfaccia utente di Dialer in modo che riflettano il loro marchio, le case automobilistiche creano un'esperienza utente coerente in tutte le loro app. (Per esempi dell'interfaccia di Dialer, visita l'app Dialer. Questa sezione spiega cosa può essere personalizzato a livello globale per Dialer e fornisce linee guida per effettuare scelte di stile ottimizzate per il veicolo.

Cosa può essere definito globalmente

I produttori di automobili possono personalizzare i seguenti aspetti dell'interfaccia utente in più visualizzazioni del dialer:

• tavolozza dei colori
• Tipografia
• Dimensionamento degli elementi dell'elenco
• Forma e dimensione dell'avatar
• Aspetto dell'icona
• Aspetto della barra delle applicazioni
• Aspetto del pulsante
• Aspetto del dialogo

Quando si apportano modifiche allo stile, tenere a mente le seguenti linee guida.

Linee guida generali di stile

Per Dialer, rispetta le stesse convenzioni stilistiche delle altre app nella tua interfaccia utente, con scelte di design ottimizzate per le esperienze a bordo dei veicoli.

Cosa è richiesto

Segui i nostri requisiti UX generali, che includono:

• Rapporto di contrasto
• Dimensioni minime del tipo e del target di contatto
• Tema scuro
• Distanza tra i bersagli toccabili

Questi requisiti contribuiscono a creare un'interfaccia utente ottimizzata per il veicolo, intuitiva e coerente.

Visualizzazioni del dialer di stile

Il passaggio successivo dopo aver applicato lo stile globale è quello di applicare uno stile personalizzato facoltativo a viste specifiche del dialer.

Alcuni elementi presenti solo in viste specifiche, come i pulsanti della tastiera, potrebbero trarre vantaggio da uno stile personalizzato, in linea con il tuo marchio e gli interni della tua auto. Per esempi dell'interfaccia di Dialer, visita l'app Dialer.

Cosa è personalizzabile in viste specifiche

Quattro delle viste del dialer presentano elementi specifici per la vista per i quali le case automobilistiche potrebbero voler fornire uno stile personalizzato.

Per un motivo specifico, le case automobilistiche possono sovrascrivere lo stile di una funzionalità globale dell'interfaccia utente, come l'aspetto del testo, in qualsiasi vista del dialer.

Quando si personalizzano le viste specifiche del dialer, tenere presenti le linee guida generali sullo stile fornite per la personalizzazione degli stili globali.

Modificare i layout

Facoltativamente, in determinate circostanze le case automobilistiche possono modificare i layout del Dialer.

Le case automobilistiche possono:

• Adatta i layout per adattarli meglio alle dimensioni dello schermo
• Riorganizzare gli elementi di un layout per un'auto o un luogo specifico
• Modificare un layout per disabilitare una funzionalità che non supportano

Le modifiche al layout che vanno oltre i semplici aggiustamenti, in particolare quando comportano la disattivazione di una funzionalità, devono essere eseguite con cautela per garantire che Dialer rimanga funzionante.

Quando si apportano modifiche che disattivano funzionalità o riorganizzano elementi di un layout, attenersi alle linee guida generali sullo stile e assicurarsi che le restanti funzionalità di Dialer funzionino come previsto.

Adatta i layout alle dimensioni dello schermo

Se le versioni predefinite dei layout del dialer non sono ottimali per le dimensioni specifiche dello schermo di un'auto, i produttori di automobili possono modificarle.

Per adattare i layout alle dimensioni dello schermo sono necessari due passaggi:

• Impostazione dell'altezza e della larghezza complessive dello schermo nelle sovrapposizioni delle risorse
• Garantire che gli elementi e gli obiettivi di tocco in ogni vista del dialer siano opportunamente separati e facilmente accessibili

Per ulteriori considerazioni di stile che potrebbero influire sui layout, consultare le linee guida generali sullo stile.

Riorganizzare gli elementi del layout

In alcuni casi, le case automobilistiche potrebbero voler riorganizzare i layout per adattarli agli interni di una particolare auto. Ad esempio, nelle auto con il piantone dello sterzo a destra, una casa automobilistica potrebbe voler riorganizzare il layout della vista "Tastiera" per spostare la tastiera sul lato destro dello schermo anziché su quello sinistro.

Per ulteriori considerazioni di stile che potrebbero influire sui layout, consultare le linee guida generali sullo stile.

Modifica i layout per disabilitare le funzionalità

Se le case automobilistiche scelgono di disabilitare una funzione del dialer rimuovendone l'accesso nei loro layout, devono assicurarsi che le funzionalità rimanenti non vengano involontariamente influenzate. L'app deve continuare a rispettare le linee guida per la modifica del layout riportate in questa sezione, nonché le restrizioni imposte all'utente in base allo stato di guida dell'auto, come il blocco dell'accesso alle Impostazioni durante la guida.

Inoltre, è importante rimuovere i riferimenti a qualsiasi funzionalità disabilitata da tutti i layout che vi fanno riferimento. Ad esempio, le case automobilistiche che non desiderano supportare la visualizzazione dei contatti "Preferiti" non devono solo disattivare la scheda "Preferiti" nella barra delle applicazioni, ma devono anche nascondere o rimuovere l'opzione "Preferiti" nella visualizzazione dei dettagli dei contatti.

Requisiti UX

Utilizzare questo elenco per verificare che le personalizzazioni di stile e layout di Dialer soddisfino tutti i requisiti di progettazione.

Per maggiori dettagli sulle linee guida MUST, SHOULD e MAY in ogni area di personalizzazione, visita i link nella colonna di sinistra.