2010-12-29 12 views
13

Sto cercando alcune idee dal punto di vista del design e spero che Romain o uno dei ragazzi di Google lo raccolgano. Cosa avete fatto tutti con il design dei vostri elementi ListView per rendere evidente all'utente quali elementi della lista sono interattivi e quali no?Progettazione dell'interfaccia utente Android: Interactive ListView Elements

Nell'interfaccia utente di iPhone, è qui che sono incluse le frecce dell'indicatore di divulgazione, ma è sbagliato copiare/incollare quell'idea in un'applicazione Android. Quando includiamo intestazioni di sezione, di solito sono visivamente differenti (dimensioni e sfondo diversi) per rendere questo punto, ma nei casi in cui solo alcuni degli elementi dell'elenco portano a più informazioni?

Apprezzo tutti i pensieri su questo argomento, e mi piacerebbe vedere più di questi coperti nelle linee guida per l'interfaccia utente Android.

+0

perché è sbagliato copiare la freccia di divulgazione in Android? Penso che sia un indicatore universale –

+0

Quindi ti consiglio di leggere più attentamente le Linee guida di progettazione Android: http://developer.android.com/design/patterns/pure-android.html – Devunwired

risposta

4

direi che: elementi

  • ListView non sono solo molto raramente interattivo! Altrimenti, crea la tua opinione personale che non ha una separazione degli elementi così ampia e dispendiosa (un dito non ha bisogno di premerli dopo tutto).
  • Gli elementi interattivi sembrano leggermente inseriti, a causa di un divisore sopra e sotto.
  • Importante è che quando si tocca o si scorre un selettore diventa visibile.
  • Se contengono qualche altra vista interattiva, come una casella di contatto rapido, anche l'elemento probabilmente è interattivo.
  • Le preferenze hanno questo tipo di indicatore di divulgazione nativo per Android.

Si potrebbe desiderare di fare questa domanda su https://ux.stackexchange.com/ invece.

+0

Questo è un buon punto sulle preferenze che utilizzano il Indicatore per indicare che un clic verrà eseguito correttamente, l'avevo dimenticato. Mi piacerebbe vedere esempi di persone che hanno personalizzato oltre questo. Grazie per il tuo contributo. – Devunwired

8

Sembra che il team di progettazione di Android ci abbia fornito ulteriori indicazioni al riguardo. Se si dà un'occhiata alla pagina http://developer.android.com/design/building-blocks/lists.html, dal titolo "Liste", ha queste linee guida:

List example from Android Design

Elementi pubblicitari Elenco articoli in grado di ospitare una vasta gamma di tipi di dati in diverse modalità, tra cui semplice elementi a riga singola, elementi a più righe e elementi personalizzati con icone, caselle di controllo e pulsanti di azione.

C'è una voce di elenco che mostra un'icona all'estrema destra, che proviene dal pacchetto di icone della barra delle azioni di Android, 6-social-chat.png. 6-social-chat.png

Ciò significa che aver toccato questa icona sarebbe un "pulsante di azione" e avviarebbe una chat con l'amico che corrisponde a quell'elemento dell'elenco. Puoi effettivamente vederlo in azione nell'app People in Ice Cream Sandwich.

Tuttavia, non è presente un'icona freccia di divulgazione standard. L'app Google Play però sembra utilizzare la freccia che punta a destra per indicare che è possibile fare lo stesso genere di cose nelle intestazioni della vista griglia "UTENTI ANCHE VISUALIZZATI" e "UTENTI ANCHE INSTALLATI". Questo è nel pacchetto di icone come 1-navigation-next-item.png 1-navigation-next-item.png. Funziona come un "pulsante di azione" che entra in un'attività di dettaglio, che penso sia vicino a ciò che stavi chiedendo in origine.

Lo userei con parsimonia, dal momento che sembra che la maggior parte degli elementi della lista (e degli elementi della griglia) debbano essere interattivi.Se ci sono molti elementi di lista che non lo sono, allora prenderei in considerazione la possibilità di cambiare lo sfondo o il colore del carattere per indicare che è disabilitato.