MATERIAL DESIGN
Reflexión sobre el caso de estudio: Material Design transformó la visión sobre el diseño móvil
Autor: @jess790
Fecha: 17/10/25
Materia: Desarrollo de Aplicaciones moviles
Profesor: @frexus
Caso de estudio
He leído y analizado el caso publicado por el profesor:
Enlace al caso de estudio
En este caso se aborda el tema de MATERIAL DESIGN, donde se presenta una situación real o simulada para aplicar los conceptos vistos en clase.
Reflexión personal
¡De qué manera Material Design ayuda a mantener la coherencia entre distintas plataformas?
Hace que tu app se vea y funcione parecido en cualquier dispositivo, así los usuarios no se confunden aunque cambien de Android a iPhone.
¿Por qué es importante la jerarquía visual en el diseño de interfaces móviles?
Porque le dice al usuario qué es lo más importante y qué secundario, ayudando a que sepa a dónde mirar y qué tocar primero.
¿Cómo influyen las sombras y la elevación en la percepción del usuario?
Las sombras muestran qué elementos están “arriba” o son más importantes, haciendo que la app se sienta más real y fácil de usar.
¿Qué papel juega la accesibilidad dentro del diseño Material?
Garantiza que todos puedan usar la app: textos claros, colores con buen contraste y botones fáciles de tocar, incluso para personas con alguna discapacidad.
¿Cómo puede un desarrollador equilibrar creatividad y consistencia al seguir las guías de Material Design?
Se puede ser creativo con colores, animaciones o ilustraciones, pero sin romper las reglas. Así la app se ve única pero sigue siendo fácil de entender.
¿Qué enseñanza deja la historia de Sofía sobre el valor del diseño centrado en el usuario?
Diseñar no es solo hacer algo bonito, sino pensar en la persona que va a usar la app. Si todo tiene sentido para el usuario, la experiencia es clara y natural.
Actividades complementarias
Podcast escuchado: LA IMPORTANCIA DEL MATERIAL DESIGN
_Tema tratado: Usar Material Design es súper importante porque no solo hace que una app se vea bonita, sino que también ayuda a que sea fácil de usar y consistente en cualquier dispositivo. Gracias a sus principios, como jerarquía visual, sombras, colores y animaciones, los usuarios entienden la app sin explicaciones y se sienten cómodos navegando. Además, cuida la accesibilidad, permitiendo que todos puedan usarla. Al final, Material Design nos recuerda que diseñar es pensar en las personas primero, y no solo en los píxeles.Práctica desarrollada: Enlace a la publicación en Steem
_Descripción breve: [Explora el uso de Material Design con React Native y Expo. Para que la práctica se considere completada debe de:
La app corre en Expo sin errores.
Los componentes Material (Appbar, Card, FAB) muestran el tema personalizado.
Navegación entre pantallas funciona y el FAB dispara una acción.
La interfaz mantiene legibilidad y touch targets adecuados.
Has documentado al menos 3 decisiones de diseño (colores, elevaciones, jerarquía).
Solución completa (resumen de archivos importantes)
App.js (PaperProvider, theme, NavigationContainer).
components/HomeScreen.js (Appbar, Card, FAB).
components/DetailsScreen.js (BackAction, contenido).Actividades lúdicas completadas:
Evidencias visuales
![image.png]
Conclusiones finales
Aprendizaje obtenido:
prender a usar Material Design en React Native me permitió comprender cómo aplicar principios de diseño consistentes, intuitivos y estéticamente agradables en aplicaciones móviles. Con herramientas como React Native Paper pude implementar componentes como Appbar, Cards y FAB de manera rápida, manteniendo jerarquía visual, legibilidad y touch targets adecuados. Además, personalizar colores, elevaciones y estilos reforzó la identidad visual de la app y facilitó la navegación entre pantallas. Esta práctica me enseñó que el diseño no es solo apariencia, sino también funcionalidad y experiencia del usuario, logrando interfaces atractivas y fáciles de usar.
Dificultades enfrentadas:
Durante la práctica con Material Design en React Native enfrenté dificultades principalmente con la instalación de dependencias, la configuración de la navegación y la personalización de colores y elevaciones para mantener la jerarquía visual. También fue un reto asegurar la legibilidad y que los botones y FAB tuvieran touch targets adecuados, lo que me enseñó la importancia de combinar diseño estético con funcionalidad y experiencia del usuario.
Backlinks y referencias
- Post original del profesor en Steem
- Podcast del profesor en DTube
- [Mi comentario en el post original](
https://steemit.com/@usuarioalumno/comment1)
*Este post forma parte de la actividad de aprendizaje correspondiente a la unidad 2
Publicación realizada con fines educativos como parte del curso de APP MOVIL