Recomendaciones de Apple y Google Play a la hora de diseñar App

Inicio / Mobile / Recomendaciones de Apple y Google Play a la hora de diseñar App

Para poder diseñar una App debemos considerar las recomendaciones recogidas de Apple y Google Play sobre la interfaz de usuario.

Interfaz de Usuario

En primer lugar una interfaz de usuario debe ser debe ser consistente y predecible.

 

Tamaños Recomendados

Respecto al tamaño de los elementos o botones, Apple recomienda 9mm y Google Play entre 7 y 10 mm:

Claridad en el Diseño

Tanto Apple como Google Play recomiendan que  las App tengan claridad en el diseño:

       

Usar el color para definir y simplificar el diseño de la interfaz

Apple, usa el color para definir y simplificar el diseño de la interfaz, en aquellos elementos pulsables de los no pulsables, dejando estos últimos en gris.

Algo parecido recomienda google, como vemos en el ejemplo se usa el color rosa para indicar que un elemento es pulsable:

    

Usar animaciones sutiles que enriquezcan la experiencia de la App

Tanto google como Apple recomiendan usar animaciones sutiles que enriquezcan la experiencia de la App, estas ayudan a contar los tiempos de espera y a predecir lo que vendrá después:

Apple:

Google:

Como vemos aquí google utiliza una animación para abrir una imagen en la que expande a partir de un punto :

Usar siempre indicadores de interacción

Una recomendación que debemos seguir siempre, es la de usar indicadores de interacción, es decir, animaciones o cambios sutiles que indiquen cuando se ha pulsado un elemento.

Ejemplo: Los los botones que cambian de color cuando el usuario los pulsa:

En este ejemplo de google vemos que hay una animación sutil cuando el usuario pulsa sobre alguna de las fotos:

Icono

Respecto al Icono, Apple recomienda que diseñemos un Icono que sea: único, memorable y que se vea bien en cualquier tamaño y sobre cualquier fondo.

En cambio google, solo le basta que refleje la identidad de la marca:

Sacar partido a los dispositivos multitouch

Como consejos generales, considerando que los nuevos dispositivos son multitouch, debemos diseñar nuestras App pensando en utilizar los gestos de forma lógica y sacar partido de esta ventaja:

Usar Iconos Standard de cada sistema operativo

Debemos usar los iconos que nos ofrece el propio sistema operativo.

Para IOS, el uso de iconos estándar del dispositivo nos permite darle consistencia a la app respecto al entorno del sistema operativo en el que esta insertada, ademas los usuarios ya están familiarizados con este tipo de iconos.

Usar Iconos personalizados

En combinación con los iconos estándar también podemos usar iconos personalizados para darle un toque personal a nuestra app:

Mas Información

Para mayor información revisar la fuentes:

Apple Human Interface Guidelines

Google Play Design Specifications

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *