Android: patrones de interfaz de usuario

En este capítulo, veremos los diferentes patrones de interfaz de usuario que están disponibles en Android para diseñar aplicaciones que se comporten de una manera consistente y previsible.

Componentes de UI Patterns

Una buena aplicación de Android debe seguir los siguientes patrones de interfaz de usuario:

  • Barra de acciones
  • Confirmando y reconociendo
  • Settings
  • Help
  • Selection

Ahora discutiremos en detalle los patrones de interfaz de usuario mencionados anteriormente.

Barra de acciones

La barra de acción es una barra dedicada en la parte superior de cada pantalla que generalmente persiste en toda la aplicación. Le proporciona varias funciones clave que son las siguientes:

  • Hace que las acciones importantes sean destacadas y accesibles
  • Admite navegación constante y cambio de vista dentro de las aplicaciones
  • Reduce el desorden al proporcionar un desbordamiento de acción para las acciones que se utilizan con poca frecuencia
  • Proporciona un espacio dedicado para darle una identidad a su aplicación

Componentes de la barra de acción

La barra de acción tiene cuatro componentes principales que se pueden ver en la siguiente imagen.

El nombre y la funcionalidad de estos componentes se discuten a continuación:

No Señor Componentes de la barra de acción
1

App Icon

El icono de la aplicación establece la identidad de su aplicación. Se puede reemplazar con un logotipo o marca diferente si lo desea.

2

View control

Si su aplicación muestra datos en diferentes vistas, este segmento de la barra de acción permite a los usuarios cambiar de vista.

3

Action buttons

Muestra las acciones más importantes de tu aplicación en la sección de acciones.

4

Action overflow

Mueva las acciones utilizadas con menos frecuencia al desbordamiento de acciones.

Confirmando y reconociendo

Cuando un usuario invoca una acción en la interfaz de usuario de su aplicación, es una buena práctica confirm o acknowledge esa acción a través de un brindis o un cuadro de diálogo.

Existe una diferencia entre Confirmar y Reconocer.

Confirmando

Cuando le pedimos al usuario que verifique que realmente desea continuar con una acción que acaba de invocar, se llama confirmación. Como puede ver en la siguiente imagen:

Reconociendo

Cuando mostramos un brindis para que el usuario sepa que la acción que acaba de invocar se ha completado, esto se llama reconocimiento, como puede ver en la siguiente imagen:

Configuraciones

El lugar de su aplicación donde los usuarios pueden indicar sus preferencias sobre cómo debe comportarse su aplicación se denomina Configuración. El uso de la configuración puede beneficiar a los usuarios de su aplicación de las siguientes maneras:

  • Settings ayudar al usuario a predeterminar lo que sucederá en determinadas situaciones

  • Uso de settings en su aplicación ayude a los usuarios a sentirse en control

Colocación de ajustes

Los desarrolladores de Android prefieren que la opción de "configuración" sea siempre parte del desbordamiento de la acción que se menciona anteriormente. Como los usuarios no utilizan con frecuencia esta opción, la práctica común es colocarla debajo de todos los demás elementos excepto "Ayuda". Como puede ver en la siguiente imagen:

Ayuda

Algunos de los usuarios de su aplicación pueden tener alguna dificultad al usar su aplicación y buscarán algunas respuestas y las quieren dentro de la aplicación. Así que siempre haga que la "ayuda" sea parte de su aplicación.

Colocación de ayuda

Al igual que "Configuración", el diseño estándar de colocar la opción "Ayuda" está en action overflow. Siempre conviértalo en el último elemento del menú y etiquételo siempre como "Ayuda". Incluso si la pantalla de su aplicación no tiene otros elementos de desbordamiento de acciones, debería aparecer "Ayuda" allí. Como puede ver esto en la siguiente imagen:

Selección

La versión de Android 3.0 cambió el gesto de presión larga al gesto global para seleccionar datos. El gesto de pulsación larga ahora se utiliza para seleccionar datos, combinando acciones contextuales y funciones de gestión de selección para datos seleccionados en un nuevo elemento llamadocontextual action bar (CAB).

Uso de la barra de acción contextual (CAB)

El CAB de selección es una barra de acción temporal que se superpone a la barra de acción actual de su aplicación mientras se seleccionan los datos. Aparece después de que el usuario mantenga presionado un elemento de datos seleccionable. Como puede ver en la siguiente imagen:

Desde la barra de CAB, el usuario puede realizar las siguientes acciones:

  • Seleccione elementos de datos adicionales tocándolos
  • Desencadena una acción del CAB que se aplica a todos los elementos de datos resaltados
  • Descarte el CAB mediante el botón Atrás de la barra de navegación o el botón de marca de verificación del CAB