Comenzando
Un buen punto de partida para diseñar una app móvil es aprender las guías de la plataforma. Tanto iOS como Android tienen sus propios patrones de diseño que especifican cómo debería verse y comportarse tu app.
Las guías te ayudan a hablar el mismo lenguaje visual que tus usuarios. Aseguran que tu app se sienta nativa y brinde una experiencia familiar.
Está en tus manos hasta qué punto seguirlas. Muchas apps grandes como Airbnb y Uber se sienten nativas mientras ofrecen su propio estilo visual único. Pero si nunca has diseñado una app antes, te sugiero seguirlas tan de cerca como puedas. Te ayudará a entender cada plataforma.
Guías iOS
Las guías de iOS son parte de guías de diseño más amplias de Apple - Guías de Interfaz Humana o HIG. Son el plano para diseñar interfaces intuitivas y visualmente atractivas para el ecosistema de Apple. HIG aboga por la simplicidad, facilidad de navegación, legibilidad del texto, uso intuitivo de elementos de la interfaz de usuario, y un enfoque en el contenido.
Para comenzar, recomiendo este video de WWDC de 6 minutos y revisar su sitio web. Otra gran manera es explorar profundamente el kit de UI de iOS y experimentar combinando diferentes componentes.
Guías Android
Al igual que Apple, Google tiene su propio lenguaje de diseño y patrones llamados Material Design. Fomenta el uso de colores audaces, elementos gráficos y movimiento para crear una jerarquía de información y acciones.
Material utiliza la profundidad para transmitir la importancia de los elementos a través de elevaciones y sombras. Este enfoque busca hacer las apps más intuitivas con señales visuales que responden al tacto de una forma que imita el mundo físico.
Google creó un sitio web dedicado donde puedes explorar las guías y aprender sobre los componentes.
Herramientas de Diseño
Así como 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 de referencia para los diseñadores. Tienen curvas de aprendizaje bastante altas pero ofrecen funcionalidad poderosa una vez que las dominas.
Ambos son basados en vectores, y puedes diseñar todo, desde íconos hasta interfaces de múltiples pantallas complejas. Ambos tienen un amplio ecosistema de plugins. Figma se basa en el navegador y se puede usar en cualquier Mac y PC, mientras que Sketch está disponible solo en Mac como una app nativa.
La próxima herramienta que sugiero mucho probar es Banani. Es una IA que genera la interfaz de usuario de apps móviles a partir de simples indicaciones de texto. Puedes explorar diferentes ideas en minutos sin necesidad de pasar horas aprendiendo software de edición.
Cuando diseñes la app definitivamente necesitarás íconos. Apple lanzó una app dedicada llamada SF Symbols. Con ella, puedes encontrar cualquier ícono que puedas imaginar o necesitar para tu proyecto.
Fundamentos de UX
Como con cualquier diseño de interfaz, un buen diseño móvil trata de resolver problemas de usuario de la mejor manera. Una app debe mantener una apariencia y sensación consistentes, usar un lenguaje simple y directo, y proporcionar retroalimentación inmediata a las acciones de los usuarios.
Nngroup es un recurso maravilloso para aprender patrones de diseño, arquitectura de información, diseño de interacción y muchos otros temas relacionados con UX.
Growth.design tiene una colección sorprendente de estudios de caso en forma de cómics interactivos. Analizan a fondo las apps que usamos a diario. A menudo regreso allí para refrescar algunos principios psicológicos a pesar de ser un diseñador experimentado.
Recuerda, cada elemento de diseño en la pantalla tiene un propósito. Desde la elección del color hasta la tipografía. Los elementos deben trabajar juntos para guiar al usuario a través de la app, haciendo que lo complejo se sienta simple.
Inspiración
Encontrar referencias y mantenerse inspirado es un gran aspecto 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 está enfocado en diseño de interfaces, es increíble para encontrar cualquier inspiración visual.
A menudo es mejor reutilizar patrones establecidos en lugar de inventar la rueda. Para este propósito, 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 es ver tus ideas hacerse realidad. Espero que este artículo te haya dado una visión general de dónde comenzar a diseñar una app móvil :)
Si quieres profundizar en UX, también he creado una visión general de leyes y principios clave de diseño de UX.
