Diseño de las Apps: Android vs. iOS

Material es la teoría unificadora de un “espacio concreto” y un sistema de movimiento. Este tipo de diseño está basado en la realidad táctil, inspirado en el antiguo uso del papel y la tinta, sin embargo, enfocado a los nuevos dispositivos y abierto a la imaginación de los propios diseñadores.

Con este nuevo diseño se pretende que los usuarios se familiaricen más rápidamente con las Apps y que el uso de éstas mejore.

Los elementos fundamentales del diseño están basados en la impresión, tipografía, redes, espacio, escala, color y uso de las imágenes, intentado guiar al usuario usando los diseños visuales. Estos elementos crean una jerarquía, con un resultado más simple, que va más allá de lo bonito. Con colores básicos, imágenes que ocupan toda la pantalla, tipografía nítida y espacios en blanco intencionados se crea una interfaz gráfica y básica que sumerge al usuario en una nueva experiencia en el uso del aprendizaje de las Apps.

Las acciones dentro de la App son mucho más claras y los puntos de referencia para el usuario también, se quiere conseguir que cada acción que se tenga que desarrollar dentro de la App tenga lugar en un único entorno.

A modo de ejemplo vamos a mostrar Facebook y Twitter en iOS y Android, donde se pueden ver las pequeñas diferencias de diseño:

Ya sea al rediseñar una aplicación de versiones anteriores de iOS o al crear una nueva, Apple recomienda hacerlo de esta forma:

En primer lugar, se tienen que ir más allá de la interfaz de usuario para el diseño de la funcionalidad principal de la aplicación.

Utilizar los temas de iOS para mostrar el diseño de la interfaz y la experiencia del usuario. Agregar detalles y adornos con cuidado, pero nunca bajo el pretexto de hacer la App más bonita.

Por último, asegurarse que la interfaz se adapta a los dispositivos iOS y a sus tamaños de pantalla, para que los usuarios puedan disfrutar de la App en varios contextos. 

Aunque una interfaz de usuario clara, bonita y con un movimiento fluido son los aspectos más destacados de la experiencia iOS, el contenido que se muestra al usuario no se puede abandonar. 

He aquí algunas maneras de asegurar que el diseño puede mejorar la funcionalidad y el contenido mostrado al usuario:

La App del Tiempo de Apple es un gran ejemplo de este enfoque: Con una hermosa representación en pantalla del tiempo actual de una ubicación concreta, transmite al instante la información más importante, con espacio de sobra para datos horarios y otros.

En ocasiones, los biseles y sombras consiguen que los elementos de la interfaz de usuario sean más pesados y compitan con el contenido que se quiere transmitir. En su lugar, debemos centrarnos en el propio contenido y dejar que la interfaz de usuario juegue un papel de apoyo.

Los elementos translúcidos tienen que insinuar el contenido que hay detrás de ellos. Por ejemplo, el Centro de Control proporciona un contexto que ayuda a los usuarios a ver más contenido disponible y puede ser una ayuda extra. En iOS, un elemento translúcido oscurece el contenido que hay sólo detrás de éste, dando la impresión de mirar a través de papel de arroz y no una simple falta de definición en la pantalla.