Act 4: UX, UI

Autor: @olivia22
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:
[Enlace al caso de estudio] - https://steemit.com/desarrolloappmovil/@frexus/cuando-una-app-cambia-el-rumbo

En este caso se aborda el tema de "Cuando una App Cambia el Rumbo", donde se presenta una situación real o simulada para aplicar los conceptos vistos en clase.

---

Reflexión personal

1. ¿Qué emociones debería despertar una aplicación bien diseñada en su usuario?
   Este nos genera confianza, tranquilidad y satisfacción, de igual modo hace que nos transmitir claridad y cercanía, para que el usuario se sienta seguro y acompañado.

2. ¿Cómo puede el diseño UX ayudar a reducir la frustración o la ansiedad digital?
   El UX simplifica los procesos, elimina pasos innecesarios y ofrece navegación intuitiva, evitando errores y dudas.

3. ¿Por qué es importante entender el contexto de uso antes de diseñar una interfaz?
   Porque el contexto define las necesidades reales del usuario: su edad, capacidades, entorno y objetivos.

4. ¿Qué papel juegan los colores y las tipografías en la confianza del usuario?
   Los colores transmiten emociones (por ejemplo, tonos cálidos generan cercanía) y las tipografías influyen en la legibilidad y percepción de profesionalismo, lo que refuerza la confianza.

5. ¿Cómo se equilibra la estética con la funcionalidad en el diseño móvil?
   Esto se logra priorizando la usabilidad sobre lo visual, pero integrando elementos estéticos que no interfieran con la navegación.

6. Si tuvieras que rediseñar una aplicación conocida, ¿qué cambios harías para mejorar su UX o UI?
   En WhatsApp, añadiría un modo simplificado para adultos mayores, con botones más grandes, menos opciones visibles y guías por voz, manteniendo la estética clara y amigable.

---

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
  _Tema tratado: Este explica que al diseñar aplicaciones móviles implica mucho más que programar: la cual trata de crear experiencias útiles y emocionales. Este mas que nada comienza con entender al usuario y su contexto, aplicar principios de UX para simplificar la navegación y luego trabajar en UI para transmitir confianza mediante colores, tipografías y elementos visuales.

• 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

![Captura de la sopa de letras]

![Captura del crucigrama]

---

Conclusiones finales

Aprendizaje obtenido:
Aprendí que el diseño de aplicaciones móviles no se trata solo de programar, sino de crear experiencias centradas en el usuario. Comprendí la diferencia entre UX y UI: el UX busca reducir la frustración mediante navegación intuitiva y empatía, mientras que el UI se enfoca en la parte visual para transmitir confianza y cercanía. También entendí la importancia de equilibrar estética y funcionalidad, usar colores y tipografías adecuadas, y considerar el contexto de uso para que la tecnología se sienta humana.

Dificultades enfrentadas:
Se me dificultó diferenciar entre UX y UI al inicio, porque ambos conceptos están relacionados pero cumplen funciones distintas.

---

Backlinks y referencias

• [Post original del profesor en Steem]https://www.frexus.dev/post/diseno-de-interfaces-moviles-ux-ui/
• [Podcast del profesor en DTube]https://audius.co/frexus/status-quo-digital
• Mi comentario en el post original