Inspirándonos con patrones de diseño de apps
Una de las mejores estrategias para aprender a diseñar apps es la de mantener una biblioteca mental (y real, en pinterest o en cualquier servicio parecido) de patrones de diseño de apps. Mediante el análisis de patrones de diseño de apps podemos descubrir qué estándares funcionan mejor, qué es lo que se puede mejorar, en qué innovan las apps que tienen buena acogida, qué es lo que no se debe hacer…
Hoy queremos analizar la app Pacifica. Podemos aprender de cómo han implantado y mejorado patrones de diseño y también cómo todo el diseño de la app guarda una relación muy estrecha con el objetivo de la propia app. Pacifica es una app creada para ayudarnos a relajarnos y a vivir mejor, sin estrés y sin ansiedad, nuestras vidas. Por lo tanto, partiendo de la premisa que la app quiere ayudar al usuario a sentirse mejor, olvidarse del estrés y de la ansiedad; tendremos que analizar si la interfaz de la app ayuda en este propósito. Imaginemos que el usuario tuviera una mala experiencia utilizando esta app, que la experiencia fuera frustrante… ¿qué sentido tendría que la app tuviera este objetivo si luego es la misma app la que estresa al usuario? Esto parece muy evidente y obvio a priori, pero si analizáramos todas las apps disponibles para “relajar” a usuario, nos daríamos cuenta de que muchas de ellas no cumplen con esta premisa básica.
Patón de diseño: tour inicial
Muchas apps ofrecen un tour inicial para que la primera vez que utilizamos dicha app sepamos qué ofrece esta, cómo dar los primeros pasos, etc. Hay muchos patrones de diseño de tours iniciales. El tour consiste en ofrecer al usuario una información dividida en diferentes pantallas (o diferentes partes), de manera que este tenga que ir haciendo un recorrido para poder ver todo el contenido. Normalmente se nos presenta una misma pantalla en la que podremos deslizar el dedo hacia la izquierda para avanzar en el contenido. Lo podemos ver en estos patrones:
Dentro de este patrón de diseño encontramos multitud de variaciones. Una de ellas podría ser animaciones (transiciones entre pantallas). También podemos incluir un vídeo de fondo, como es en el caso de la app Pacifica:
A partir de aquí podemos innovar aún más, ofreciendo un tour inicial completamente diferente. Eso sí, si queremos que nuestra app ofrezca un tour inicial a modo de ayuda para el usuario tendremos que tener en cuenta precisamente el objetivo del tour inicial: ayudar al usuario. Si nos excedemos en ‘innovación’ y creamos un tour inicial que puede, a su vez, requerir una ayuda para ser entendido… habremos fallado en nuestro objetivo.
Patrón de diseño: menú tipo lista
Otro patrón de diseño utilizado en Pacifica es el menú tipo lista. En este patrón el usuario puede acceder a diferentes funcionalidades y/o apartados de la app en un menú tipo lista. Es un diseño sencillo e intuitivo. También es verdad que ha sido muy usado y que no presenta un especial interés a nivel de innovación. Aún así, hay apps que utilizan este tipo de menús con total acierto. Tal es el caso de Pacifica:
Cada ítem del menú nos lleva a un sub-menú. Como ya hemos dicho, este patrón de navegación es muy común, intuitivo y puede resultarnos una gran solución. Hay otras apps, con otras temáticas, que pueden innovar en la navegación. Un ejemplo es la app de control de la menstruación Clue en la que se aprovecha la metáfora del ciclo menstrual (es un ciclo, dura 4 semanas, 28 días en total, como el ciclo de la luna… y justo cuando un ciclo termina, otro empieza):
En este caso, en vez de presentarnos la información a la que podemos acceder mediante un menú tipo lista, se nos muestra en un menú en forma circular, un recurso totalmente innovador y pertinente al tema de la app.
Ir entrenando la mente
Una de las recomendaciones que hacemos siempre a nuestros alumnos del “Curso online de prototipado y conceptualización de apps” es el de estar muy al día de nuevos patrones de diseño (nuevas maneras de representar la misma información), a la vez que estar muy atentos a los propios sentimientos que el diseño de una app les provocan. Nosotros mismos como usuarios podemos ver qué patrones de diseño son más fáciles, intuitivos, agradables… y cuáles son más tediosos, incoherentes y difíciles de utilizar. Cuando detectemos un diseño que no nos acaba de convencer, podemos hacer un mini ejercicio mental para ver qué solución ofreceríamos nosotros como diseñadores.
Enlaces sobre patrones de diseño:
- Patrones de diseño animados: el nuevo esqueuomorfismo
- Diseño de interfaz para móviles
- La Ley de Fitts aplicada a dispositivos móviles
- Ergonomía del iPhone 6
