Diseño Industrial · 2025
Reestructuración De Interfaz De Usuario De Sitio Web De Entidad De Salud En Colombia Desarrollada Para Personas De La Mediana Edad Y Adultos Mayores Que Usan Dispositivos Móviles
En la actualidad, muchos adultos mayores y personas de la mediana edad en Colombia tienen dificultades a la hora de usar plataformas digitales para una solicitud de algún trámite médico, debido a interfaces de usuario que son poco intuitivas y tienen una gran falta de accesibilidad. Este proyecto tiene como objetivo el rediseño de una página web, que sea optimice y adapte a las necesidades de los usuarios y los dispositivos móviles. Esto se logrará aplicando una metodología hibrida entre Kanban, DCU y prototipado rápido, identificando las barreras y se creará una nueva solución, implementando los estándares de accesibilidad digital para mejorar la usabilidad, teniendo como resultado un prototipo de alta fidelidad.
Texto completo 72 páginas con texto
Leer la tesis completa Ficha en el repositorio
Contenido
- Tabla de Figurasp. 4
- Glosariop. 6
- Resumenp. 8
- Abstractp. 9
- Introducciónp. 10
- Propósito del proyectop. 10
- Pertinenciap. 15
- Diseño industrial y la experiencia del usuario (UX/UI)p. 15
- Aplicación de habilidades previasp. 16
- Relevancia del proyecto en el contexto actualp. 16
- Diseño como solución integralp. 17
- Objetivo generalp. 17
- Objetivos Específicosp. 17
- Antecedentesp. 18
- Proyecto 1p. 18
- Proyecto 2p. 19
- Proyecto 3p. 21
- Experiencia de usuariop. 22
- Tipologíap. 24
- Sitios web estáticosp. 24
- Sitios web dinámicosp. 24
- Sitios web corporativosp. 24
- Sitios web E-commercep. 25
- Sitios web educativosp. 25
- Sitios Landing Pagep. 25
- Sitios web de serviciosp. 25
- Referentesp. 26
- Referente 1p. 26
- Referente 2p. 27
- Referente 3p. 28
- Referente 4p. 29
- Metodología de diseñop. 30
- Kanbanp. 30
- Diseño centrado en el usuario (DCU)p. 33
- Prototipado rápidop. 35
- Requerimientos de diseñop. 38
- Diagrama de flujop. 39
- Elementos Estructuralesp. 44
- Elementos visuales y multimediap. 46
- Elementos interactivos y funcionalesp. 48
- Elementos técnicos y de optimizaciónp. 48
- Requerimientos de usabilidad y experiencia de usuariop. 50
- Requerimientos de Accesibilidad Digitalp. 51
- Pautas generales de la accesibilidadp. 52
- Web Content Accessibility Guidelinesp. 57
- Interactividadp. 58
- Alternativas de diseñop. 59
- Prototipop. 65
- Costosp. 66
- Conclusionesp. 18
- Referencias bibliográficasp. 67
- Figura 1. Porcentajes de personas afiliadas a EPSp. 13
- Figura 2. Porcentaje de dispositivos preferidosp. 14
- Figura 3. Estructura de investigación de la experiencia de usuario extendidap. 23
- Figura 4. Sitio web nueva EPSp. 26
- Figura 5. Sitio web EPS Surap. 27
- Figura 6. Sitio web EPS Sanitasp. 28
- Figura 7. Sitio web Salud totalp. 29
- Figura 8. Metodología Kanbanp. 32
- digitalp. 34
- Figura 10. Esquema de metodología de prototipado rápidop. 36
- Figura 11. Metodología hibridap. 38
- Figura 12. Cuando usar un diagrama de flujop. 39
- Figura 13. Principales símbolos utilizados para construir los diagramas de flujop. 40
- Figura 14. Flujograma página salud totalp. 42
- Figura 15. Resolución de teléfonos pequeñosp. 45
- Figura 16. Pixeles en una imagenp. 47
- Figura 17. Claridad en el textop. 49
- Figura 18. Tipografía Palo secop. 54
- Figura 19. Tipografía century gothicp. 55
- Figura 20. Tipografía Calibrip. 55
- Figura 21. Resumen comparativo de las diferentes versiones de las WCAGp. 57
- Figura 22. Prototipo de baja fidelidadp. 60
- Figura 23. Hoja de iconos #1p. 61
- Figura 24. Hoja de iconos # 2p. 62
- Figura 25. Bocetos de Iconosp. 63
- Figura 26. Iconos en Illustratorp. 64
- Figura 27. Prototipo de mediana fidelidad en Figmap. 65