Android es una plataforma móvil extremadamente popular. Actualmente, los dispositivos Android son utilizados por más personas que cualquier otro tipo de dispositivo móvil. Como diseñador, esto le brinda la oportunidad de crear una aplicación que pueda ser utilizada por millones de personas. Al mismo tiempo, comenzar a usar el diseño de Android puede parecer abrumador, especialmente si no tienes experiencia previa en diseño móvil. Pero no te preocupes! Los consejos mencionados en este artículo lo ayudarán a diseñar una excelente experiencia móvil para usuarios de Android.
Aprende las reglas básicas de diseño para Android
Al igual que con otras disciplinas, cuando se trata de aprender cosas nuevas, debe aprender algunas reglas básicas para hacer las cosas bien. Estas reglas establecerán una base sólida para su diseño.
- ¿Qué aplicación de Android está altamente descargada?
- ¿Por qué tan pocos desarrolladores implementan el modo inmersivo (pantalla completa) para juegos en Android?
- ¿Hay alguna forma de desincronizar todas las fotos de Google+ de tu galería de Android?
- ¿Puedo cambiar el título de la aplicación de Android después de publicarla?
- ¿Cuánto puede ganar un desarrollador por una aplicación o juego en PlayStore que gana casi 100k descargas?
Aprende el lenguaje de diseño de Android
Es un hecho bien conocido que las mejores aplicaciones presentadas en el mercado se crean de acuerdo con las reglas establecidas en las directrices de la plataforma. Cuando se trata de diseñar una aplicación para Android, aprender Material Design debería ser un primer paso natural para usted como diseñador. El diseño de materiales es mucho más que solo pautas de plataforma; Es un documento que describe el lenguaje visual. Como lo describe Google: “Nos desafiamos a nosotros mismos a crear un lenguaje visual para nuestros usuarios que sintetice los principios clásicos del buen diseño con la innovación y la posibilidad de la tecnología y la ciencia”.
Crea una fuerte jerarquía visual
No puede crear una excelente experiencia de usuario sin tener una jerarquía visual adecuada en su interfaz de usuario. Es por eso que cuando se trata de aplicaciones de Android, los elementos fundamentales de Material Design son cuadrículas y espacios en blanco. Debe centrarse en eliminar todos los elementos puramente decorativos y centrarse en lo que es realmente importante: el contenido.
Aproveche los patrones comunes del sistema
Muchos diseñadores creen que cuando se trata de crear un nuevo producto, necesitan diseñar cada patrón de interacción de su aplicación desde cero. Le recomiendo que evite seguir este camino. Cada componente personalizado que será diferente del lenguaje de diseño de materiales puede aumentar la carga cognitiva en los usuarios (simplemente porque no les resultará familiar y tendrán que aprender a usarlo). Pero incluso si logra crear un componente personalizado, su solución le costará mucho más dinero. Pasarás mucho tiempo no solo diseñándolos sino también implementándolos durante la fase de desarrollo.
Los componentes estándar (diseños estándar, navegación, esquemas de color, etc.) reducirán los gastos generales de diseño e ingeniería, tanto con respecto a la inversión inicial como al soporte a largo plazo. Tanto Android como iOS tienen muchos patrones que se consideran estándares de la industria.
Usar movimiento para describir relaciones espaciales entre vistas
Cuando se trata de diseño plano, puede ser difícil establecer relaciones sólidas entre diferentes páginas o elementos de la interfaz de usuario. Sin una conexión clara y lógica, los usuarios podrían preguntarse cómo se conectan las diferentes páginas entre sí. La herramienta que ayuda a crear esta conexión se llama animación. La metáfora del material pone mucha atención en el diseño de movimiento porque no solo ayuda a transmitir el significado de la interfaz de usuario, sino que también hace que la interfaz sea más dinámica.
En este ejemplo, el movimiento se usa para crear una conexión lógica entre dos estados diferentes: buscar pistas de música y escuchar una pista favorita. Imagen: Anish Chandran
No te olvides de la accesibilidad
En el intento de crear una aplicación hermosa, muchos diseñadores ignoran una regla esencial del buen diseño: la accesibilidad. Accesible es lo que permite a los usuarios de todas las habilidades usar la IU con éxito. Como dice Material Design: “Un producto bien diseñado es accesible para usuarios de todas las capacidades, incluidos aquellos con baja visión, ceguera, discapacidad auditiva, discapacidad cognitiva o motriz”.
La accesibilidad comienza con cosas pequeñas como seleccionar el contraste correcto para los elementos de la interfaz de usuario y la copia de texto. El W3C recomienda las siguientes relaciones de contraste para el texto del cuerpo y el texto de la imagen:
- El texto pequeño debe tener una relación de contraste de al menos 4.5: 1 contra su fondo
- El texto grande (a 14 pt en negrita / 18 pt en regular y superior) debe tener una relación de contraste de al menos 3: 1 contra su fondo
Perspectivas de los UXers y PMs líderes en la industria en China
UXer Talks
Incluso los grandes diseñadores pueden caer en la trampa del problema de bajo contraste. Algunas partes de esta página son apenas legibles para personas con visión normal. Imagen: Anton Aheichanka
Cuando tiene un contraste adecuado para sus elementos de la interfaz de usuario, puede cambiar a cosas más complicadas, como animaciones y audio. Asegúrese de hacer que los efectos de movimiento y audio sean opcionales para que los usuarios con trastornos visuales o auditivos puedan desactivarlos si es necesario. La aplicación debe tener subtítulos, una transcripción u otra alternativa a los efectos críticos de movimiento o alertas de audio.
Considere los detalles del dispositivo
Esté preparado para optimizar un diseño para la variedad de pantallas.
Cuando se trata de diseñar una aplicación para iOS, tiene una cantidad determinada de dispositivos y pantallas que necesita para diseñar su producto (en la mayoría de los casos, la lista de dispositivos comienza desde un iPhone antiguo, como 5s, y sube a los últimos modelos, como como iPhone X). Pero cuando se trata de diseñar una aplicación para Android, no tendrá determinados modelos de pantallas / dispositivos. Android se ejecuta en una variedad de dispositivos que tienen diferentes tamaños de pantalla y densidades de píxeles.
Esté preparado para optimizar la aplicación para la gran mayoría de los tamaños de pantalla. Los tamaños y las densidades de la pantalla pueden variar drásticamente, desde teléfonos inteligentes de $ 100 con una pantalla pequeña y resoluciones de pantalla bajas hasta tabletas de alta gama con pantallas tipo Retina.
Para lograr este objetivo, debe cambiar de px a píxeles independientes de la densidad (dp o dip) como unidad de medida. Mantener la independencia de la densidad es importante porque, sin él, un elemento de la interfaz de usuario (como un icono) puede aparecer más grande en una pantalla de baja densidad y más pequeño en una pantalla de alta densidad.
Ejemplo de dos dispositivos que son del mismo tamaño pero tienen diferentes densidades de píxeles. El sistema Android usa dp para ayudarlo a lograr la independencia de densidad. Imagen: Google
Asegúrese de verificar cómo admitir diferentes tamaños de pantalla. Como se puede ver en el ejemplo a continuación, los tamaños de pantalla varían de xsmall a xlarge.
Esta figura proporciona una vista detallada de cómo los diferentes anchos dp de pantalla generalmente corresponden a diferentes tamaños y orientaciones de pantalla. Imagen: Google
Su objetivo, como diseñador, debe ser garantizar que los siguientes objetos se vean bien en cualquier tamaño y densidad de pantalla:
- Objetos de texto (por ejemplo, etiquetas, copia de texto)
- Iconos e imágenes (por ejemplo, imágenes de fondo)
- Contenido dinámico (p. Ej., Animación y videos)
Optimizar para diferentes hardware
Obtenga el mejor rendimiento posible para su aplicación. No puede contar que todos sus usuarios tendrán hardware de gama alta como Samsung Galaxy S9, por lo que debe centrarse en hacer que su aplicación sea menos exigente en recursos de hardware. Idealmente, la aplicación que diseñe debería funcionar muy bien en diferentes hardware, desde dispositivos de bajo nivel de $ 100 hasta dispositivos de gama alta.
Sugerencia: utilice el análisis de Google Play para comprender cuáles son los dispositivos más comunes que utilizan las personas para trabajar con su aplicación. Optimice su aplicación para este grupo de dispositivos.
Utilizar las capacidades del dispositivo
Los dispositivos móviles modernos tienen muchos componentes de hardware que pueden usarse para facilitar la vida de los usuarios. Cámara, ubicación GPS, Bluetooth, NFC, acelerómetro, giroscopio y más: todos estos sensores pueden enriquecer la experiencia del usuario. Permíteme darte un ejemplo simple de cómo puedes utilizar la ubicación GPS para tareas de rutina. Cuando se trata de completar el formulario, en lugar de preguntarle al usuario sobre su ubicación actual, puede solicitar acceso al Servicio de ubicación y completar los detalles requeridos automáticamente. Esto ahorrará un tiempo valioso para sus usuarios.
La detección automática de la ubicación puede ahorrar tiempo a los usuarios. Imagen: Thinkwithgoogle
Empuja tu marca
Cuando se trata de diseñar una aplicación, su objetivo debe ser transmitir la personalidad de la marca. Necesita crear un producto que refleje su marca. Los diseñadores tienen algunas herramientas poderosas en su caja de herramientas que pueden usarse para ese propósito:
- Color. Use los colores de los componentes para que coincidan con nuestra marca.
- Ilustraciones. Diseñe ilustraciones que transmitan el mensaje y que estén asociadas con su marca.
Google Trips utiliza bonitas ilustraciones que ayudan a reflejar la marca. Imagen: The Verge
Prototipo y prueba tu diseño
Cuando se trata de crear una aplicación móvil, no hay otra opción que prototipar y probar su diseño. No intente crear un diseño perfecto desde el primer intento. En la mayoría de los casos, es simplemente imposible. En cambio, prepárate para repetir tu producto. Tener una gran herramienta de creación de prototipos como Mockplus en su caja de herramientas de diseño puede hacer que su vida sea mucho más fácil. Mockplus no solo lo ayuda a crear un prototipo interactivo de alta fidelidad en minutos; También le permite probar el prototipo con usuarios reales. Entonces, la próxima vez que tenga alguna suposición sobre cómo debería verse o funcionar una característica / pantalla / elemento de interfaz de usuario particular de su producto, ¡no lo adivine, pruébelo!
Mockplus es una poderosa herramienta de creación de prototipos para diseñadores de aplicaciones de Android
Realizar un seguimiento de las iteraciones de diseño
Cuando realiza un seguimiento de su trabajo de diseño, esto lo ayudará a comprender mejor cómo evolucionó su pensamiento de diseño. Es especialmente importante mantener todas las iteraciones negativas (intentos fallidos). La entrega de conocimientos de iteraciones negativas evitará que vuelva a cometer los mismos errores.
Conclusión
Cuando se trata de crear una gran aplicación móvil, lo más importante que debe tenerse en cuenta es que diseñe para sus usuarios, no para usted mismo. Como diseñador, debe pasar menos tiempo presionando píxeles y más tiempo trabajando con sus usuarios. Experimente, pruebe diferentes enfoques, elija el que mejor se adapte a su público objetivo y aproveche el valor que brinda a sus usuarios. ¡Buena suerte!