Diseño de la interfaz de usuario de Android: interactivos ListView Elements

Question

Estoy buscando algunas ideas desde una perspectiva de diseño, y espero que Romain o una de las personas de Google también lo hagan. ¿Qué han hecho todos ustedes con el diseño de sus elementos ListView para que sea obvio para el usuario qué elementos de la lista son interactivos y cuáles no?

En la interfaz de usuario del iPhone, aquí es donde se incluyen las flechas del indicador de divulgación, pero se siente mal copiar/pegar esa idea en una aplicación de Android. Cuando incluimos los encabezados de las secciones, por lo general son visualmente lo suficientemente diferentes (diferentes tamaños y antecedentes) para expresar este punto, pero ¿qué ocurre cuando solo algunos de los elementos de la lista generan más información?

Agradezco todos los pensamientos sobre este tema, y ​​me gustaría ver más de estos cubiertos en las Directrices de la interfaz de usuario de Android.

Answer 1

diría que: Elementos

• ListView no son sólo muy rara vez interactivo! De lo contrario, haga su propia vista que no tenga una separación de elementos tan amplia y derrochadora (un dedo no necesita presionar sobre ellos después de todo).
• Los elementos interactivos parecen ligeramente insertados, debido a un divisor arriba y abajo.
• Importante es que cuando toca o desplaza un selector se vuelve visible.
• Si contienen alguna otra vista interactiva, como un cuadro de contacto rápido, entonces el elemento probablemente también sea interactivo.
• Las preferencias tienen este tipo de indicador de divulgación nativo de Android.

Puede ser que desee formular esta pregunta en https://ux.stackexchange.com/ en su lugar.

Answer 2

Parece que el equipo de diseño de Android nos ha dado más orientación sobre esto. Si se echa un vistazo a la página http://developer.android.com/design/building-blocks/lists.html, titulado "Listas", que consta de las siguientes directrices:

Elementos de línea elementos de la lista pueden adaptarse a una amplia gama de tipos de datos en diferentes disposiciones, incluyendo sencillo artículos de línea única, artículos de varias líneas y artículos personalizados con iconos, casillas de verificación y botones de acción.

Hay un elemento de la lista que muestra un icono a la derecha, que es del paquete de iconos de la barra de acciones de Android, 6-social-chat.png.

Esto implica que presionar este icono sería un "botón de acción" y comenzaría un chat con el amigo que coincida con ese elemento de la lista. En realidad, puedes ver esto en acción en la aplicación People en Ice Cream Sandwich.

Sin embargo, no hay un ícono de flecha de divulgación estándar. La aplicación Google Play, sin embargo, parece utilizar la flecha que apunta hacia la derecha para indicar que puede hacer el mismo tipo de cosas en los encabezados de la vista de cuadrícula "USUARIOS TAMBIÉN VISTAS" y "USUARIOS TAMBIÉN INSTALADOS". Esto está en el paquete de íconos como 1-navigation-next-item.png . Esto funciona como un "botón de acción" que entra en una actividad de detalle, que creo que está cerca de lo que originalmente estabas preguntando.

Sin embargo, usaría esto con moderación, ya que parece que la mayoría de los elementos de la lista (y elementos de la grilla) se espera que sean interactivos.Si hay muchos elementos de la lista que no lo son, entonces consideraría cambiar el fondo o el color de la fuente para indicar que está desactivado.