Patrones de diseño de la interfaz de usuario son soluciones para desafíos de diseño comunes, como navegar por una aplicación, enumerar datos o proporcionar comentarios a los usuarios.
Las aplicaciones y los sitios móviles tienen requisitos de diseño de interfaz de usuario únicos porque, en comparación con sus contrapartes de escritorio, se usan en pantallas más pequeñas y, al menos con los dispositivos móviles modernos de hoy, dependen de los dedos en lugar de un teclado y un mouse como mecanismos de entrada.
Ya sea que esté diseñando una interfaz de usuario de aplicación móvil por primera vez o necesite soluciones de diseño específicas, estos recursos de patrones de diseño de interfaz de usuario móvil seguramente te ayudará!
1. Patrones de interfaz de usuario móvil
Patrones de interfaz de usuario móvil es un gran sitio para visitar y ver patrones comunes de diseño de IU para dispositivos móviles, como notificaciones y feeds de actividades. Los patrones están organizados en 20 categorías para que pueda encontrar fácilmente lo que está buscando.
2. Interfaz de usuario inspirada
Interfaz de usuario inspirada es una excelente galería de patrones de diseño de interfaz de usuario móvil con más de 1000 capturas de pantalla de aplicaciones móviles reales. Los patrones de diseño que aparecen en el sitio incluyen páginas de registro e interfaces de usuario de registro.
3. interfaz de usuario encantadora
Este sitio presenta elementos comunes de la interfaz de usuario de aplicaciones móviles, como botones, listas y ventanas emergentes. preciosa ui fue creado por la diseñadora interactiva con sede en Nueva York Diana Frurip.
4. Galería de patrones de diseño móvil
Esta galería de patrones de diseño es un complemento del libro de patrones de diseño móvil de la diseñadora de UX Theresa Neil publicado por O’Reilly Media. También puede ver los patrones de diseño en Flickr.
5. pttrns
Más de 30 patrones de diseño de interfaz de usuario móvil (por ejemplo, pantallas de presentación y tutoriales) se muestran en pttrns, un sitio de galería con capturas de pantalla grandes y una interfaz limpia. El sitio es de Robin Raszka (fundador de la popular empresa de desarrollo de iOS Tapmates) y químico.
6. Patrones de diseño
Este sitio busca presentar patrones notables de interfaz de usuario de aplicaciones móviles de aplicaciones excepcionales para iPhone y iPad. Patrones de diseño es de Will Simons, un diseñador de UX independiente y gerente de proyectos.
7. Cuarta biblioteca de patrones de diseño móvil
Este recurso wiki es una guía de referencia general para los patrones de diseño de la interfaz de usuario móvil. Analiza una amplia gama de patrones de diseño, como presentaciones de diapositivas y paginación, hasta publicidad dentro de su aplicación móvil.
8. Patrones de diseño de la interfaz de usuario de Android
Este blog del tecnólogo / desarrollador / usuario de Android alemán Juhani Lehtimaki publica publicaciones que cubren los patrones de diseño de la interfaz de usuario de Android. En cada publicación, se analiza un patrón de diseño y se incluyen capturas de pantalla relevantes de aplicaciones móviles.
9. pttrns de Android
pttrns android, inspirado por pttrns (mostrado arriba), es una galería de patrones de diseño de IU de aplicaciones de Android. Actualmente solo tiene algunos patrones, como la barra de acciones y la barra de pestañas.
10. Documentación oficial para desarrolladores de sistemas operativos móviles
Los fabricantes de sistemas operativos móviles suelen tener documentos oficiales dirigidos a los profesionales que desarrollan para su plataforma. Estos documentos suelen incluir guías sobre patrones de diseño de la interfaz de usuario.
- Para Androide, echa un vistazo a la sección de patrones de Android Design.
- Para iOS diseñadores de aplicaciones, consulte las Pautas de interfaz humana de iOS en la Biblioteca para desarrolladores de iOS.
- Diseñando para Nokia ¿Los telefonos? Dirígete a los patrones de diseño móvil de Nokia Wiki.