Diseño de interfaces para aplicaciones móviles: UX, UI

marielmedina (25)in #steemit • 2 months ago

Reflexión sobre el caso de estudio: Cuando una App Cambia el Rumbo

Autor: @marielmedina
Fecha: 16/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/desarrolloappmovil/@frexus/cuando-una-app-cambia-el-rumbo

En este caso se aborda el tema de el poder del diseño empático, donde se presenta una situación real o simulada para aplicar los conceptos vistos en clase.

Reflexión personal

¿Qué emociones debería despertar una aplicación bien diseñada en su usuario? Confianza, tranquilidad y cercanía, como en el caso de Sofía, una app bien diseñada debe hacer que el usuario se sienta acompañado, no torpe ni perdido.

¿Cómo puede el diseño UX ayudar a reducir la frustración o la ansiedad digital? Observando al usuario real, entendiendo sus gestos, dudas y errores, sofía logró reducir la frustración de su abuela simplificando los flujos, eliminando pasos innecesarios y añadiendo guías con voz.

¿Por qué es importante entender el contexto de uso antes de diseñar una interfaz? Porque cada usuario tiene necesidades distintas

¿Qué papel juegan los colores y las tipografías en la confianza del usuario? Transmiten emociones. En “Conecta”, Sofía eligió tonos cálidos y fuentes redondeadas para generar cercanía y confianza, evitando que la app se sintiera fría o técnica.

¿Cómo se equilibra la estética con la funcionalidad en el diseño móvil? Primero se asegura que la experiencia funcione, luego se viste con estética que acompañe. En el caso el UI fue el reflejo visual del alma del UX: suave, claro y humano.

Si tuvieras que rediseñar una app conocida, ¿qué cambios harías para mejorar su UX o UI? Me enfocaría en observar cómo la usan personas reales. Como hizo Sofía, rediseñaría desde la empatía, botones más grandes, navegación más intuitiva, mensajes que guíen y colores que acompañen.

Este caso me hizo ver que una app bien pensada puede cambiar mucho más que una rutina: puede cambiar una relación, una emoción, una forma de comunicarse. Me recordó que diseñar es también cuidar.

Actividades complementarias

Podcast escuchado: Diseño de aplicaciones móviles: del concepto al impacto https://audius.co/frexus/dise%C3%B1o-de-aplicaciones-m%C3%B3viles-del-concepto-al-impacto-1
Este podcast explora cómo una aplicación móvil bien diseñada puede generar impacto real cuando se construye desde la empatía, la observación y el contexto del usuario.
Práctica desarrollada: https://www.frcexus.dev/post/diseno-de-interfaces-moviles-ux-ui/
_Descripción breve: Crear un portotipo de interfaz en Figma, Penpot, aplicando los principios de UX/UI
Actividades lúdicas completadas:

Sopa de letras

https://www.frexus.dev/sopa_letra/solver.html?gridSize=15&words=INTERFAZ%2CUSUARIO%2CPROTOTIPO%2CEMPAT%C3%8DA%2CNAVEGACI%C3%93N%2CACCESIBILIDAD%2CTIPOGRAF%C3%8DA%2CEXPERIENCIA%2CUSABILIDAD&directions=horizontal%2Cvertical&title=Desarrollo+de+Aplicaciones+M%C3%B3viles&subtitle=Dise%C3%B1o+de+interfaz+m%C3%B3vil

crucigrama:

https://www.frexus.dev/crucigrama/crucigrama.html?data=%7B%22id%22%3A%22cw-xatx2juin%22%2C%22title%22%3A%22Desarrollo%20de%20Aplicaciones%20M%C3%B3viles%22%2C%22subtitle%22%3A%22Dise%C3%B1o%20de%20interfaz%20m%C3%B3vil%22%2C%22words%22%3A%5B%7B%22word%22%3A%22UX%22%2C%22clue%22%3A%22Dise%C3%B1o%20centrado%20en%20la%20experiencia%20del%20usuario.%22%7D%2C%7B%22word%22%3A%22UI%22%2C%22clue%22%3A%22Parte%20visual%20e%20interactiva%20de%20una%20aplicaci%C3%B3n.%22%7D%2C%7B%22word%22%3A%22WIREFRAME%22%2C%22clue%22%3A%22Esquema%20visual%20que%20muestra%20la%20estructura%20de%20una%20interfaz.%22%7D%2C%7B%22word%22%3A%22PENPOT%22%2C%22clue%22%3A%22Herramienta%20open%20source%20para%20dise%C3%B1o%20colaborativo.%22%7D%2C%7B%22word%22%3A%22MOCKUP%22%2C%22clue%22%3A%22Representaci%C3%B3n%20visual%20realista%20de%20una%20aplicaci%C3%B3n.%22%7D%2C%7B%22word%22%3A%22FEEDBACK%22%2C%22clue%22%3A%22Respuesta%20visual%20o%20auditiva%20ante%20la%20acci%C3%B3n%20del%20usuario.%22%7D%2C%7B%22word%22%3A%22LAYOUT%22%2C%22clue%22%3A%22Distribuci%C3%B3n%20de%20los%20elementos%20visuales%20en%20una%20pantalla.%22%7D%2C%7B%22word%22%3A%22ITERACI%C3%93N%22%2C%22clue%22%3A%22Proceso%20de%20mejora%20continua%20basado%20en%20pruebas.%22%7D%2C%7B%22word%22%3A%22ACCESIBILIDAD%22%2C%22clue%22%3A%22Dise%C3%B1o%20que%20permite%20el%20uso%20de%20la%20app%20por%20personas%20con%20distintas%20capacidades.%22%7D%5D%2C%22createdAt%22%3A%222025-10-16T18%3A54%3A50.498Z%22%7D

Evidencias visuales

Sopa de letras:

Crucigrama:

Práctica:

Conclusiones finales

Aprendizaje obtenido:
Aprendí que diseñar una app móvil va mucho más allá de lo visual y que se trata de crear experiencias claras, humanas y funcionales. Durante la lección entendí la diferencia entre UX y UI, y cómo cada decisión desde los colores hasta los flujos impacta emocionalmente al usuario. Las actividades me ayudaron a aplicar estos conceptos, observé casos reales, resolví juegos didácticos como la sopa de letras y el crucigrama, y reflexioné sobre cómo el diseño empático puede mejorar la vida digital de las personas.

Dificultades enfrentadas:
Lo más complicado fue pensar desde el punto de vista del usuario real., a veces doy por hecho cosas que no son tan obvias para otros, al observar casos como el de Sofía, entendí que menos pasos y más guía hacen toda la diferencia.

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