Diseño UX de Android: software, herramientas y fundamentos

Hoy en día Android retiene más del 70% de la cuota de mercado global, por lo que diseñar para Android es una habilidad que no se puede descuidar. Cuando diseñas para aplicaciones de Android, tienes una restricción importante: tu diseño (es decir, la forma en que se ve y se comporta tu aplicación) debe ser consistente con la plataforma de Android y sus pautas. Hay pautas de design y calidad bastante estrictas a seguir para que tu aplicación sea aceptada. Además, Android tiene algunas especificidades con respecto a iOS, que se refieren a las diferencias en el tamaño de la pantalla (en general, pero no siempre, los teléfonos Android son más grandes y, en cualquier caso, hay muchos más tamaños de pantalla en el mundo de Android que en el de iOS ) y a la disponibilidad y función de los botones en los diferentes dispositivos (por ejemplo, la presencia o no de un botón “Inicio”) además de muchos otros aspectos. La última versión de las pautas de diseño de Android se llama Material Design y representa un gran avance en términos de atractivo y énfasis en el diseño.

 

Algunos flashes sobre Material Design

No es ningún secreto que los diseñadores generalmente prefieren iOS a Android, debido a algunos aspectos que simplifican su trabajo (en primer lugar, menos variedad en dispositivos y tamaños de pantalla), pero también por el encanto glamuroso que está relacionado con Apple y su diseño. Material Design es la respuesta de Google a este dominio (y por cierto, también se puede aplicar al mundo de iOS). Está inspirado en el mundo físico y sus texturas, pero sin los excesos de brillo, aspecto 3D y similitudes con composiciones naturales (como madera, roca…) que eran bastante comunes hace unos años. También se estudia y representa con precisión cómo los elementos reflejan la luz y proyectan sombras, y se le da gran importancia al significado que proporciona el movimiento de los elementos y cómo transforman el entorno a través de sus interacciones y “comportamientos”. En definitiva, la calidad “material” viene dada por cómo los distintos elementos imitan sin reproducir exactamente las cualidades de los objetos físicos: sombras, luz, profundidad, movimiento, reacciones… Según la filosofía del diseño de materiales, los objetos digitales que “existen” dentro del los dispositivos no son meramente bidimensionales, sino que viven y se mueven en un espacio propio de acuerdo con reglas que no son la reproducción exacta de las reglas de la física que gobiernan el mundo real. La jerarquía, el significado y el enfoque se obtienen a través de métodos de diseño de impresión: tipografía, cuadrículas, espacio, escala, color e imágenes. La interfaz debe ser significativa pero discreta, para permitir que los usuarios se concentren en acciones e interacciones. Por lo tanto, una interfaz de usuario de una aplicación de Android basada en Material Design tiene que ser simple pero no plana, elegir una combinación de colores que sea agradable pero no excesivamente llamativa y fuentes que sean fáciles de leer y ayuden a los usuarios a identificar la información relevante.

 

Peculiaridades del diseño UX y UI de Android

Es cierto que el Material Design también se puede aplicar a iOS, pero si quieres concentrarte en Android UX o UI design, hay unas peculiaridades que debes tener en cuenta.

El primero ya lo hemos mencionado: la gran fragmentación de la galaxia de Android. La variedad de dispositivos Android trae consigo una gran cantidad de tamaños y resoluciones de pantalla. La respuesta es adoptar un enfoque de diseño de Android adaptativo, con un uso extensivo de la interfaz de usuario de estilo de tarjetas que encaja particularmente bien en este enfoque. Además, la navegación suele ser diferente en los dispositivos y aplicaciones Android en comparación con los de Apple. Al diseñar tu aplicación de Android, debes intentar ser coherente con lo que generalmente se acepta en el universo de Android y con sus patrones de navegación. En general, Android prefiere el cajón de navegación que viene del lado izquierdo, que se activa pulsando sobre el llamado “icono hamburguesa”. También puedes usar pestañas, pero a diferencia de iOS, siempre están en la parte superior. Material Design también ha introducido los botones «FAB» (botón de acción flotante), que son botones grandes, redondos y llamativos que normalmente se encuentran en la esquina inferior derecha de la pantalla. Cuando se pulsan, desencadenan una acción que el usuario realiza con regularidad o, en cualquier caso, la acción que se considera principal. En cambio, en iOS, la acción principal suele estar en la esquina superior derecha de la pantalla. Pero estas son solo las diferencias más macroscópicas y por supuesto, hay todo un universo de diferencias, desde los errores tipográficos hasta los estilos de texto, desde el tamaño y la forma de los iconos hasta el aspecto y la sensación de las pestañas.

 

Herramientas y software de UX y UI de Android

Y, por último, un desfile rápido del software y las herramientas principales que puedes utilizar para respaldar y facilitar el diseño de la interfaz de usuario y la interfaz de usuario de Android. En primer lugar, debes consultar detenidamente el sitio web oficial de desarrolladores de Android, que contiene un catálogo completo de soportes, pautas oficiales, estilos, íconos, componentes, patrones y más. Este recurso es completamente gratuito, mientras que los otros que estamos a punto de enumerar generalmente (pero no siempre, consulte los sitios web individuales para obtener más detalles sobre los precios) son gratuitos para uso individual, pero tienen una tarifa para uso comercial.

Entonces, comencemos con Mockuplus: es una herramienta de creación de prototipos tanto para Android como para iOS, la gran ventaja es que viene con elementos precargados (barra de estado de Android, barra de navegación inferior, interruptor de Android, etc.) que ya son totalmente compatibles con el diseño de materiales. También tiene una vista previa instantánea con 8 diferentes tipos de modos. Absolutamente digno de mención también es Sketch, que como inconveniente viene solo para los sistemas MAC. Sketch es una herramienta de diseño vectorial que básicamente ofrece las principales funcionalidades de diseño de UI y UX que están disponibles en Adobe Photoshop e Illustrator, pero con una interfaz mucho más simple. También puede instalar complementos para ampliar sus posibilidades. Halas la función de vista previa no es muy efectiva, al menos para el mundo Android. Por último, hay dos herramientas de colaboración que debes tener en cuenta: Zeplin e iDoc. Con ambos, puedes invitar a varios miembros del equipo a colaborar, importar bocetos de la interfaz de usuario y generar automáticamente especificaciones y otros elementos útiles.

Suscríbete a nuestra newsletter

Mantente al día de nuestras novedades