Primeros pasos
Un buen punto de partida para diseñar una app móvil es aprender las guías de plataforma. Tanto iOS como Android traen su propio conjunto de patrones de diseño que especifican cómo debe verse y comportarse tu app.
Las guías te ayudan a hablar el mismo lenguaje visual que tus usuarios. Hacen que tu app se sienta nativa y ofrezca una experiencia familiar.
Depende de ti hasta qué punto seguirlas. Muchas apps grandes como Airbnb y Uber se sienten nativas mientras aportan su propio estilo visual único. Pero si nunca has diseñado una app antes, te sugiero seguirlas lo más de cerca posible. Te ayudará a entender cada plataforma.
Guías de iOS
Las guías de iOS forman parte de las guías de diseño más amplias de Apple: Human Interface Guidelines o HIG. Son el plano para diseñar interfaces intuitivas y visualmente atractivas para el ecosistema de Apple. HIG apuesta por la simplicidad, la facilidad de navegación, la legibilidad del texto, el uso intuitivo de los elementos de UI y el enfoque en el contenido.
Para empezar, te recomiendo este video de WWDC de 6 minutos y revisar su sitio web. Otra buena forma es profundizar en el kit de UI de iOS y probar combinando distintos componentes.
Guías de Android
Al igual que Apple, Google tiene su propio lenguaje y patrones de diseño llamados Material Design. Fomenta el uso de colores llamativos, elementos gráficos y movimiento para crear una jerarquía de información y acciones.
Material usa la profundidad para transmitir la importancia de los elementos mediante elevación y sombras. Este enfoque busca hacer las apps más intuitivas con señales visuales que responden al toque de una forma que imita al mundo físico.
Google creó un sitio web dedicado donde puedes explorar las guías y aprender sobre los componentes.
Herramientas de diseño
Igual que un pintor necesita pinceles y un lienzo, un diseñador de apps necesita las herramientas adecuadas. Figma y Sketch se han convertido en los editores preferidos de los diseñadores. Tienen curvas de aprendizaje bastante altas, pero ofrecen una gran potencia una vez que los dominas.
Ambos son vectoriales, y puedes diseñar de todo, desde iconos hasta interfaces complejas de varias pantallas. Los dos cuentan con un amplio ecosistema de plugins. Figma está basado en navegador y puede usarse en cualquier Mac y PC, mientras que Sketch solo está disponible en Mac como app nativa.
La siguiente herramienta que te recomiendo probar es Banani. Es una IA que genera la UI de apps móviles a partir de simples prompts de texto. Puedes explorar distintas ideas en minutos sin pasar horas aprendiendo software de edición.
Al diseñar la app, sin duda necesitarás iconos. Apple lanzó una app dedicada llamada SF Symbols. Con ella, puedes encontrar cualquier icono que imagines o necesites para tu proyecto.
Conceptos básicos de UX
Como en cualquier diseño de interfaz, un buen diseño móvil consiste en resolver los problemas del usuario de la mejor manera. Una app debe mantener un aspecto y una sensación coherentes en todo momento, usar un lenguaje simple y directo, y ofrecer feedback inmediato a las acciones del usuario.
Nngroup es un recurso maravilloso para aprender patrones de diseño, arquitectura de la información, Interaction Design y muchos otros temas relacionados con UX.
Growth.design tiene una colección increíble de casos de estudio en forma de cómics interactivos. Analizan más de cerca apps que usamos a diario. A menudo vuelvo allí para repasar algunos principios psicológicos, aunque ya tenga experiencia como diseñador.
Recuerda que cada elemento de diseño en pantalla cumple una función. Desde la elección del color hasta la tipografía. Los elementos deben trabajar juntos para guiar al usuario por la app, haciendo que lo complejo se sienta simple.
Inspiración
Encontrar referencias y mantenerse inspirado es una parte importante de cualquier trabajo de diseño. Te ayuda a encontrar los mejores patrones y mantiene el flujo de ideas.
Los diseñadores publican sus trabajos en plataformas como Dribbble y Read.cv. Además de referencias, pueden ser una gran introducción a la comunidad de diseño. Pinterest, aunque no se centra en diseño de interfaces, es increíble para encontrar inspiración visual.
Muchas veces es mejor reutilizar patrones ya establecidos que inventar la rueda. Para ello, te sugiero Banani. Tiene una colección de más de 100.000 pantallas de otras apps, que puedes usar como inspiración y punto de partida.
Resumen
La belleza del diseño está en ver cómo tus ideas se convierten en realidad. Espero que este artículo te haya dado una visión general de por dónde empezar a diseñar una app móvil :)
Si quieres profundizar en UX, también creé una visión general de las leyes y principios clave del diseño UX.
