Questo documento illustra alcune best practice per la progettazione e la distribuzione delle informazioni. Segui queste linee guida, se applicabili, per garantire la migliore esperienza utente.
Design first, codice secondo
Scopri i principi e i modelli di progettazione prima di iniziare a sviluppare su Glass. Per saperne di più, consulta le guide di Design.
Per ricevere un feedback sulla progettazione in anteprima, crea e invia il tuo design Flusso Glass al team di revisione.
Non utilizzare un elemento della sequenza temporale fissato come Avvio app
Gli utenti possono richiamare Glassware e le relative funzionalità in due modi: utilizzando un comando vocale o touch del menu principale di OK Glass o un menu contestuale di una scheda della sequenza temporale.
Non devi mai forzare gli utenti a bloccare una scheda della cronologia con voci di menu relative allo scopo del lancio di Glassware. L'API Mirror è progettata per le notifiche periodiche basate sulle impostazioni configurate dall'utente.
Fornire voci di menu per avviare GDK Glassware o chiamare l'API Mirror è sufficiente a condizione che l'esperienza sia coerente con il pattern di progettazione delle notifiche periodiche e non utilizzi l'API Mirror per l'interattività immediata.
Ad esempio, un'adozione di animali domestici non deve inserire una scheda della sequenza temporale e obbligare gli utenti a fissarla per accedere alle funzionalità in un secondo momento (ad esempio, "Cerca cani", "Cerca gatti", "Cerca uccelli" e così via). Gli elementi Glassware dovrebbero invece consentire agli utenti di impostare criteri per gli animali domestici che vogliono e di inviare periodicamente schede che soddisfino tali criteri. Queste schede possono quindi contenere voci di menu per eseguire azioni quali "Leggere la biografia" e "Adottare animali domestici".
Design e modelli della carta standard
Se possibile, utilizza progettazioni di carte e modelli approvati. Se i modelli non funzionano:
- Utilizza gli stili in base_style.css se utilizzi l'API Mirror.
- Segui le regole generali per la spaziatura interna e la spaziatura come modelli incorporati.
Rispetta i requisiti per i contenuti multimediali
Se pubblichi contenuti multimediali, segui queste linee guida:
- Tutti i video pubblici vengono riprodotti in streaming e non sono associati a elementi della sequenza temporale.
- Le proporzioni video sono 16:9.
- La risoluzione video è di 640 × 360 pixel.
- Formato H.264
Raggruppare e impaginare correttamente
I pacchetti e l'impaginazione ti consentono di raggruppare le schede, ma devi utilizzarle correttamente nelle seguenti situazioni.
Cofanetti
- Utilizza pacchetti per gruppi di schede simili, ma che non devono trovarsi sulla stessa carta.
- Progetta le schede di copertina del bundle in modo che siano sintesi diverse da quelle contenute nel bundle.
- Invia una notifica all'utente con un suono di notifica solo una volta per ogni gruppo.
Casi in cui i pacchetti funzionano bene:
- Un thread di email o messaggi brevi
- Tre SMS tra le stesse persone
- Cinque foto scattate a un'ora l'una dall'altra
- Articoli correlati inseriti tutti contemporaneamente
- Un elenco degli eventi principali e degli aggiornamenti dei risultati di una partita sportiva in corso
Casi in cui i pacchetti non funzionano bene:
- Tutti i contenuti del tuo servizio
- Molti titoli inviati a Glass nel corso di una giornata
Impaginazione
Utilizza l'impaginazione per gli elementi della sequenza temporale che non rientrano in una singola scheda a causa dei vincoli di spazio, ma dovrebbero essere sempre nella stessa scheda.
Casi in cui l'impaginazione funziona bene:
- Un'unica email, notizia o contenuti simili che non rientrano in una scheda
Casi in cui l'impaginazione non funziona bene:
- Un gruppo di schede distinte, ad esempio notizie o email
Segui la progettazione dei menu standard
Voci di menu personalizzate
- A ogni azione della voce di menu deve essere associata un'icona 50 × 50. Utilizza le icone del menu Glass per mantenere la coerenza con la UI di Glass.
- Se possibile, limita i nomi visualizzati a un numero limitato di parole. Utilizza un verbo imperativo con o senza un oggetto.
- Utilizza l'icona e il nome visualizzati predefiniti per le voci di menu incorporate, a meno che tu non stia utilizzando una voce di menu per un elemento molto diverso.
- Le icone sono completamente di colore bianco e su sfondi trasparenti.
- Utilizza nomi brevi e utilizzabili delle voci di menu. I verbi imperativi con o senza oggetti funzionano alla grande, come negli esempi seguenti.
- Le voci di menu "Ignora" rimuovono la scheda della cronologia solo dalla sequenza temporale, pertanto crea una voce di menu personalizzata solo se questa è richiesta. In generale, devi lasciare che gli elementi della sequenza temporale vengano decaduti naturalmente nel tempo e non richiedere agli utenti di gestire attivamente l'app.
- I nomi non devono superare i 15 caratteri. Ad esempio:
| Scadente | Buoni |
|---|---|
| Estendi la registrazione | Estendi video |
| Invia un messaggio a Luca | Invia messaggio |
Voci di menu integrate
Rispondi o Rispondi a tutti: le risposte vocali hanno lo scopo di acquisire comandi vocali in formato libero. Non utilizzare le risposte vocali per acquisire un insieme limitato di opzioni, come le possibili mosse in un gioco.
Elimina: consente di ignorare la scheda della sequenza temporale e di eliminare i contenuti corrispondenti alla scheda della cronologia in tutti i punti in cui è archiviata (archiviazione locale e del server). Non confondere gli utenti offrendo una voce di menu "Elimina" se la funzionalità che offri è "Ignora".
Non utilizzare l'API Mirror per l'interattività immediata
L'API Mirroring non è progettata per ricevere richieste dagli utenti e rispondere in tempo reale o con una bassa latenza. Se si tratta di un requisito, utilizza GDK.
Ad esempio, l'API Mirror Glassware funziona bene con il comando "Prendi una nota", perché gli utenti non devono attendere una risposta da Glassware dopo aver richiamato il comando.
Al contrario, "trovare una ricetta, gli spaghetti" non funziona bene con l'API Mirroring Glassware, perché gli utenti si aspettano che i risultati di ricerca vengano visualizzati immediatamente. Con l'API Mirror, gli utenti devono attendere un po' di tempo prima che una scheda venga inserita nella sequenza temporale per continuare a utilizzare Glassware, il che non costituisce una buona esperienza utente.
Questo vincolo si applica ai comandi vocali principali nella scheda Home di Glass, nonché alle voci di menu nelle schede e nelle immersioni.
Creare contenuti in modo appropriato
Quando crei contenuti per le schede, ogni scheda deve essere concisa e contenere un'informazione logica. Inoltre:
- Utilizza le immagini invece del testo, quando possibile
- Mostra le immagini nelle proporzioni originali (ritagliare è buona).
- Lascia vuota l'area centrale del piè di pagina di una scheda. Il menu contestuale di ok Glass è visualizzato qui e blocca tutti i contenuti sottostanti.
- Se vuoi, utilizza la classe CSS
auto-resizeper ridimensionare automaticamente le dimensioni dei caratteri in base ai contenuti. - Segui le nostre linee guida per la scrittura.
