Material Design en el diseño de aplicaciones móviles

marielmedina (25)in #steemit • 2 months ago

plantilla post

Reflexión sobre el caso de estudio: Material Design transformó la visión sobre el diseño móvil

Autor: @marielmedina
Fecha: 17/10/2025
Materia: Desarrollo de Aplicaciones Móviles
Profesor: @Frexus

Caso de estudio

He leído y analizado el caso publicado por el profesor:

https://steemit.com/desaappmovil/@frexus/material-design-transformo-la-vision-sobre-el-diseno-movil

En este caso se aborda el tema de el impacto del Material Design en el diseño de aplicaciones móviles, 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? Porque usa las mismas reglas visuales y de interacción en web, móvil y multiplataforma, así todo se siente parte del mismo sistema.

¿Por qué es importante la jerarquía visual en el diseño de interfaces móviles? Porque guía al usuario, le dice qué es importante, qué puede tocar y en qué orden mirar.

¿Cómo influyen las sombras y la elevación en la percepción del usuario? Dan profundidad. y ayudan a entender qué está encima, qué se puede presionar y qué es decorativo.

¿Qué papel juega la accesibilidad dentro del diseño Material? Es clave y asegura que todos puedan usar la app, sin importar sus capacidades.

¿Cómo puede un desarrollador equilibrar creatividad y consistencia al seguir las guías de Material Design? Personalizando colores y formas, pero sin romper las reglas base, así hay identidad sin perder claridad.

¿Qué enseñanza deja la historia de Sofía sobre el valor del diseño centrado en el usuario? Que diseñar no es decorar, es cuidar al usuario, Sofía entendió que una app clara puede cambiar toda la experiencia

Actividades complementarias

Podcast escuchado: La importancia de usar Material Design en las aplicaciones móviles.https://audius.co/frexus/la-importancia-de-usar-material-design-en-las-aplicaciones-m%C3%B3vil
Tema tratado: Este podcast trata sobre la importancia de aplicar Material Design en el diseño de aplicaciones móviles. Explica cómo este sistema de diseño ayuda a crear interfaces más claras, coherentes y accesibles, y cómo transforma la forma en que los desarrolladores piensan la experiencia del usuario.
Práctica desarrollada: https://steemit.com/desaappmovil/@frexus/material-design-en-react-native-con-expo
Descripción breve: La práctica consistió en desarrollar una aplicación móvil con Expo y React Native que aplicara los principios de Material Design. Se integraron componentes como AppBar, Card, FAB, navegación entre pantallas y temas personalizados (claro/oscuro), todo siguiendo las guías de diseño de Google para lograr una interfaz coherente, accesible y visualmente clara.
Actividades lúdicas completadas:

Sopa de legtras:

https://www.frexus.dev/sopa_letra/solver.html?gridSize=20&words=MATERIAL%2CDISE%C3%91O%2CGOOGLE%2CINTERFAZ%2CUSUARIO%2CCOLORES%2CSOMBRAS%2CTIPOGRAF%C3%8DA%2CMOVIMIENTO&directions=vertical&title=Desarrollo+de+Aplicaciones+M%C3%B3viles&subtitle=Material+Design

crucigrama:

https://www.frexus.dev/crucigrama/crucigrama.html?data=%7B%22id%22%3A%22cw-xkodxbvzx%22%2C%22title%22%3A%22Desarrollo%20de%20Aplicaciones%20M%C3%B3viles%22%2C%22subtitle%22%3A%22Material%20Design%22%2C%22words%22%3A%5B%7B%22word%22%3A%22MATERIAL%20DESIGN%22%2C%22clue%22%3A%22Sistema%20visual%20creado%20por%20Google%20para%20unificar%20la%20experiencia%20digital.%22%7D%2C%7B%22word%22%3A%22MAT%C3%8DAS%20DUARTE%22%2C%22clue%22%3A%22L%C3%ADder%20del%20equipo%20que%20impuls%C3%B3%20Material%20Design.%22%7D%2C%7B%22word%22%3A%22INTERFAZ%22%2C%22clue%22%3A%22Elemento%20visual%20con%20el%20que%20interact%C3%BAa%20el%20usuario.%22%7D%2C%7B%22word%22%3A%22EXPERIENCIA%22%2C%22clue%22%3A%22Resultado%20emocional%20de%20la%20interacci%C3%B3n%20con%20una%20app%20o%20sitio.%22%7D%2C%7B%22word%22%3A%22SOMBRAS%22%2C%22clue%22%3A%22Representaci%C3%B3n%20visual%20de%20profundidad%20en%20Material%20Design.%22%7D%2C%7B%22word%22%3A%22COLORES%22%2C%22clue%22%3A%22Elementos%20clave%20para%20guiar%20la%20atenci%C3%B3n%20y%20jerarqu%C3%ADa.%22%7D%2C%7B%22word%22%3A%22ANIMACI%C3%93N%22%2C%22clue%22%3A%22Movimiento%20fluido%20que%20da%20vida%20a%20las%20interacciones.%22%7D%2C%7B%22word%22%3A%22CONSISTENCIA%22%2C%22clue%22%3A%22Clave%20para%20mantener%20uniformidad%20visual.%22%7D%2C%7B%22word%22%3A%22PERSONALIZACI%C3%93N%22%2C%22clue%22%3A%22Base%20del%20enfoque%20%E2%80%9CMaterial%20You%E2%80%9D%20centrado%20en%20el%20usuario.%22%7D%5D%2C%22createdAt%22%3A%222025-10-17T17%3A58%3A32.394Z%22%7D

Evidencias visuales

Sopa de letras:

Crucigrama:

Código de la práctica:

Conclusiones finales

Aprendizaje obtenido:
Aprendí que Material Design no es solo estética: es una forma de pensar el diseño como puente entre tecnología y emoción. Me ayudó a entender cómo lograr interfaces coherentes, accesibles y con intención.

Dificultades enfrentadas:
Lo que más me costó fue mantener la coherencia visual sin perder simplicidad técnica. Al principio, integrar todos los componentes de Material Design en una sola app parecía fácil, pero después me di cuenta de que cada elemento (Appbar, Card, FAB, navegación, tema) tenía su propia lógica y requería ajustes para que funcionaran juntos sin romper la experiencia.

Backlinks y referencias

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 Desarrollo de Aplicaciones Móviles.

2 months ago in #steemit by marielmedina (25)

$0.00