Blog

Patrones de interacción en diseño para móviles. Inspírate!

Créditos: Cuba- http://www.gettyimages.es/

Una pantalla bien diseñada debe estar orientada a cumplir el objetivo del usuario.

Para conseguirlo, nuestro usuario debe realizar varias tareas y un buen flujo de visualización de esas tareas mejora la experiencia con nuestro producto.

Existen patrones de interacción (para listas, botones, navegación, pestañas, etc.) que nos ayudan en nuestro proceso de diseño y, utilizándolos en su justa medida (no deben comprometer la creatividad), nos ahorrán mucho esfuerzo a la hora de hacer nuestro diseño para móviles.

Te paso algunas referencias en Internet y al final también incluyo algunos enlaces a las guías de estilo de cada sistema operativo mobile.

Librerías de patrones

Ux Archive:  Esta web nos muestra capturas de pantallas de cada uno de los pasos que realiza un usuario para realizar una determinada tarea dentro de la aplicación.

pttrns: Una de las páginas más conocida, dispone de más de 30 patrones de diseño de interfaz de usuario.

Android pttrns: inspirados en pttrns, ofrece una galería de patrones para Android.

Mobile UI Patterns: conjunto de patrones para Android.

Inspired-ui:  ofrece también un buen número de capturas de aplicaciones.

Lovely ui: esta me gusta menos, pero os paso el enlace para que lo valoréis vosotros. Cuenta con los elementos de interacción más comunes, como listas o botones.

Mobile-patterns:  otra referencia, aquí los patrones están organizados en una 20 categorías.

Mobile Design Pattern Gallery.comesta galería cuenta con una sección de “anti-patrones”, lo que tenemos que evitar. 

 

Guías de estilo de los sistemas operativos

Este post tiene 0 Comentarios

Deja tu comentario