Visión Creativa
Nos hemos enfocado en el diseño de Android con estos tres puntos principales: Sedúceme, simplifica mi vida y sorpréndeme. Esta es la visión creativa.
Principios de Diseño
Estos principios de diseño fueron desarrollados por el Equipo de Experiencia de Usuario Android teniendo en mente los intereses de los usuarios.
Material Design
Material design es una guía completa para el diseño de los elementos visuales, movimientos e interacciones en todas las plataformas y dispositivos.
Teléfonos y Tablets
Los aspectos más importantes de los teléfonos y tablets son la pantalla de inicio, la navegación global del dispositivo y las notificaciones.
Android Wear
Diseñar apps para dispositivos wearable que utilizan Android Wear es significativamente diferente a diseñar para teléfonos o tablets.
Android TV
La interfaz de usuario de Android TV proporciona ciertos elementos para poder ejecutar tus apps con una grata experiencia en pantallas grandes.
Dispositivos y Pantallas
Android está presente en millones de teléfonos, tablets y otros dispositivos en una amplia variedad de tamaños y formas de pantallas.
Temas
Los Temas en Android sirven para aplicar un estilo consistente a una aplicación o a una actividad. Especifica las propiedades visuales de los elementos.
Retroalimentación táctil
La mayoría de los elementos de la interfaz de Android tienen retroalimentación táctil incorporada, facilitando así la incorporación durante el desarrollo.
Medidas y cuadrículas
Los dispositivos varían tamaño físico y en la densidad de pantalla. Para facilitar el diseño de tu app observa las medidas y cuadrículas de esta guía.
Tipografía
El lenguaje de diseño de Android se basa en las herramientas de tipografía tradicionales como la escala, espacio, cadencia y alineamiento con la cuadrícula.
Colores
El color que predomina es el azul. Los colores tienen a su vez un tono similar un poco más oscuro que puede ser usado como complemento cuando sea necesario.
Iconografía
Un icono es una imagen que proporciona una rápida e intuitiva representación de una acción, un estado o una aplicación. Una buena iconografía es esencial.
Tu marca
Usa el color de tu marca, para destacar los elementos de tu aplicación como pueden ser las cajas de verificación, botones o pestañas entre otros.
Estilo de escritura
Tu estilo de escritura debe ser conciso, simple y amistoso, Ten cuidado con el formato de texto, es decir, con el uso de las mayúsculas y la puntuación.
Nuevo en Android
Echa un vistazo a todo lo nuevo que hay en las últimas versiones de Android: Lollipop 5.0, Kitkat 4.4, Jelly Bean 4.1 e Ice Cream Sandwich 4.0.
Gestos
Los gestos permiten a los usuarios la interacción con tu app manipulando los objetos en pantalla que tu proporcionas. Estos son los gestos soportados.
Estructura de una app
La estructura de tu aplicación dependerá de la cantidad de contenido y tareas (superficiales) que quieres que puedan realizar tus usuarios gracias a tu app.
Navegación
Pocas cosas pueden frustrar a los usuarios más que una navegación que se comporta de forma incoherente o inesperada. Sigue estas pautas para evitarlo.
Action Bar (Barra de Acciones)
La action bar es un elemento en la zona superior de la app, que muestra el estado o ubicación actual dentro de la aplicación además de botones de acción.
Navigation Drawer (Cajón de Navegación)
El navigation drawer es un panel lateral que aparece desde el lado izquierdo de la pantalla y muestra las opciones principales de navegación de la app.
Layout Multi-Panel
Cuando escribes una app para Android, piensa que los dispositivos que soportan este sistema operativo tienen diferentes tamaños y tipos de pantalla. Asegúrate de que tu app proporciona una disposición agradable, balanceada y consistente al ajustar su contenido a las...
Vistas deslizables
Las vistas deslizables permiten al usuario moverse eficientemente desde un elemento hasta otro con un simple gesto mejorando la navegación en tu app.
Pantalla Completa
Puedes hacer que los usuarios se sumerjan profundamente al mostrar el contenido en Pantalla Completa para así minimizar todas las distracciones al mínimo.
Selección
La contextual action bar (CAB) es una barra de acciones temporal que superpone la barra de acciones existente en tu app tras la selección de un elemento.
Confirmar y Reconocer
En algunas situaciones, cuando el usuario va a realizar una acción, es una buena idea que puedan confirmar o reconocer esa acción a través de texto.
Notificaciones
El sistema de notificaciones permite a tu app mantener al usuario informado sobre todo lo que ocurra como un nuevo mensaje o algún evento del calendario.
Android Puro
El diseño de tu app se tiene que basar en Android Puro, ya que si utilizas características del diseño de otras plataformas confundirías al usuario.
Widgets
Los widgets son una parte esencial de la personalización de la pantalla de inicio para que el usuario pueda acceder a información de tu app rápidamente.
Ajustes
Los ajustes sirven para que los usuarios indiquen las preferencias que desean en tu app y así el comportamiento de la app se adapte a sus necesidades.
Ayuda
Aquí puedes ver las pautas de diseño para proporcionar “Ayuda” en tu app, además de una serie de consejos para que muestres a los usuarios más entusiastas.
Compatibilidad
Presta atención a la compatibilidad de tu aplicación con dispositivos que ejecutan una versión antigua o que incluyen botones físicos en vez de virtuales.
Accesibilidad
La Accesibilidad es una medida de como un producto puede utilizarse con éxito por personas con habilidades completamente diferentes.
Pestañas (Tabs)
Las tabs (pestañas) en la action bar facilitan explorar y desplazarse entre las vistas o aspectos fundamentales de tu app, además de clasificar los datos.
Listas (Lists)
Las listas muestran varias líneas de elementos en una disposición vertical. Pueden utilizarse para agrupar conjuntos de datos y facilitar la navegación.
Listas en Cuadrícula (Grid Lists)
Las Listas en Cuadrícula son una alternativa a las listas normales. Son excelentes para mostrar conjuntos de datos que se representan a través de imágenes.
Desplazamiento (Scrolling)
El desplazamiento permite por el contenido mediante gestos de deslizamiento. La velocidad de los desplazamientos depende de la velocidad de los gestos.
Menús Spinners
Los menús spinner proporcionan una forma rápida de seleccionar un valor entre un conjunto de datos. Tocar uno desplegará el menú para ver todos los valores.
Botones (Buttons)
Los botones comunican claramente que ocurrirá una acción si son presionados. Pueden tener una imagen, un texto, o ambas cosas al mismo tiempo.
Campos de Texto (Edit Texts)
Los campos de texto (Edit Texts en Android Studio) permiten al usuario introducir textos en tu app. Pueden ser tanto de línea única como de varias líneas.
Barras de Búsqueda (Seek Bars)
Las barras de búsqueda (seek bars) o los deslizadores (sliders) facilitan seleccionar un valor dentro de un rango de valores continuo o discreto.
Progreso y Actividad
Progreso y actividad se resume en que las barras de progreso y los indicadores de actividad avisan al usuario de que algo está ocurriendo durante un tiempo.
Interruptores (Switches)
Los interruptores (switches) permiten al usuario seleccionar opciones. Hay tres tipos de interruptores: Checkboxes, Radio Buttons, Switches on/off.
Diálogos (Dialogs)
Los diálogos sirven para que los usuarios tomen ciertas decisiones u obtengan información adicional que la app requiere para poder continuar una tarea.
Pickers
Los pickers proporcionan un modo sencillo que permite seleccionar un valor único dentro de un conjunto de valores. Son excelentes para las fechas u horas.
Android Auto
Android Auto proporciona una interfaz de usuario estandarizada y un modelo de interacción para el usuario que funciona en todos los vehículos.