DISPONIBLE
DISEÑO DE INTERFAZ (UI/UX) DE LA PLATAFORMA WEB DE DAZER PARA MEJORAR SU PRESENCIA EN LA RED
Omar Zerna Lezano
Centro de Estudio de Posgrado e Investigación
I
2024
Español
Español -
Bolivia
Código: DDGDM-52-24
Ubicación Física: Z58d/DDGDM-52-24
Carrera: libro.carrera
Título: DISEÑO DE INTERFAZ (UI/UX) DE LA PLATAFORMA WEB DE DAZER PARA MEJORAR SU PRESENCIA EN LA RED
Autor Institucional:
INTRODUCCIÓN ..........................................................................................................................1 1. ANTECEDENTES .....................................................................................................................1 2. JUSTIFICACION .......................................................................................................................2 3. SITUACION PROBLEMICA .....................................................................................................2 4. FORMULACION DEL PROBLEMA DE INVESTIGACION.......................................................3 5. OBJETIVOS..............................................................................................................................3 5.1. OBJETIVO GENERAL .................................................................................................................3 5.2. OBJETIVOS ESPECÍFICOS ..........................................................................................................3 6. DISENO METODOLOGICO......................................................................................................4 6.1. TIPO DE INVESTIGACIÓN ............................................................................................................4 6.1.1. INVESTIGACIÓN CUANTITATIVA ................................................................................................4 6.1.2. INVESTIGACIÓN CUALITATIVA ..................................................................................................5 6.2. MÉTODOS ................................................................................................................................5 6.2.1. MÉTODOS TEÓRICOS, LÓGICOS Y CONCEPTUALES ...................................................................5 LA OBSERVACIÓN ...........................................................................................................................6 6.3. TÉCNICAS ................................................................................................................................6 6.3.1. ENCUESTA ............................................................................................................................6 ANÁLISIS DOCUMENTAL O REVISIÓN DE LA LITERATURA ....................................................................7 6.4. INSTRUMENTOS ........................................................................................................................7 6.4.1. GUÍA DE OBSERVACIÓN .........................................................................................................7 6.4.2. CUESTIONARIO ......................................................................................................................8 CAPÍTULO I ..................................................................................................................................9 MARCO TEÓRICO Y CONTEXTUAL...........................................................................................9 1.1. MARCO CONCEPTUAL ........................................................................................................9 1.1.1. EXPERIENCIA DE USUARIO O UX .............................................................................................9 1.1.2. INTERFAZ DE USUARIO O UI ....................................................................................................9 1.1.3. DIFERENCIA ENTRE DISEÑO UX Y UI .....................................................................................10 1.1.4. PROCESO DE DISEÑO UI Y UX ..............................................................................................11 1.1.5. HERRAMIENTAS UX .............................................................................................................13 1.1.5.1. GOOGLE ANALYTICS (HERRAMIENTA DE ANÁLISIS) ............................................................13 1.1.5.2. USABILLAD (HERRAMIENTAS DE INVESTIGACIÓN) ...............................................................14 1.1.5.3. FIGMA (HERRAMIENTA DE DISEÑO) ....................................................................................14 1.1.5.4. INVISION STUDIO (HERRAMIENTA DE PROTOTIPADO) ..........................................................15 1.2. MARCO TEORICO ..............................................................................................................16 1.2.1. HUMAN CENTERED DESIGN ..................................................................................................16 1.2.2. PRINCIPIOS DE DISEÑO DE JAKOB NIELSEN ...........................................................................17 1.3. MARCO CONTEXTUAL ......................................................................................................23 1.3.1. DAZER: PLATAFORMA WEB .................................................................................................23 1.3.2. MERCADO AUTOMOTRIZ: DAZER Y EL COMERCIO ELECTRÓNICO EN EL SECTOR AUTOMOTRIZ ..25 1.3.3. INFRAESTRUCTURA TECNOLÓGICA DE DAZER .......................................................................26 1.3.4. MARCO LEGAL Y REGULATORIO ...........................................................................................26 CAPÍTULO II ...............................................................................................................................27 DIAGNOSTICO ...........................................................................................................................27 2.1. PRESENTACIÓN Y ANÁLISIS DE RESULTADOS ............................................................27 2.1.1. RESULTADOS DE LA ENCUESTA A USUARIOS DE LA PLATAFORMA ....................27 2.1.2. RESULTADOS DE LA OBSERVACIÓN: ANÁLISIS COMPARATIVO APLICANDO LOS PRINCIPIOS DE DISEÑO DE NIELSEN ....................................................................................38 2.2. CONCLUSIONES GENERALES DEL DIAGNÓSTICO .......................................................42 2.3. CONCLUSIONES Y RECOMENDACIONES .......................................................................43 2.3.1. CONCLUSIONES .............................................................................................................43 2.3.2. RECOMENDACIONES .....................................................................................................44 REFERENCIAS BIBLIOGRÁFICAS ...........................................................................................45 ANEXOS .....................................................................................................................................46 ANEXO1. CUESTIONARIO USUARIOS REGULARES .............................................................46 ANEXO2. CUESTIONARIO USUARIOS NUEVOS ....................................................................49 ANEXO3. BOSQUEJO PROTOTIPO .........................................................................................51 ANEXO 4. FUENTES..................................................................................................................52 ÍNDICE DE GRÁFICOS Gráfico N° 1. Design Thinking ...............................................................................................11 Gráfico N° 2. Diez Heurísticas de Usabilidad de Jakob Nielsen .......................................23 Gráfico N° 3. Frecuencia de visitas a la plataforma web Dazer........................................28 Gráfico N° 4. Diseño de interfaz: Estructura, Organización, etc. ¿De la plataforma web son adecuados? .......................................................................................................................28 Gráfico N° 5. Percepción de los usuarios de plataforma web Dazer ...............................29 Gráfico N° 6. Opinión de los usuarios del tipo de letra y tamaño .....................................30 Gráfico N° 7. Opinión de usuarios de lo que más les gusta de la plataforma web Dazer ....................................................................................................................................................30 Gráfico N° 8. Aspecto de la interfaz de la plataforma web Dazer, que necesita mayor atención .....................................................................................................................................31 Gráfico N° 9. Opinión de los usuarios de si una interfaz mejorada podría incrementar el uso de la plataforma web Dazer.............................................................................................32 Gráfico N° 10. Opinión de los usuarios de si recomendaría la plataforma web Dazer ..32 Gráfico N° 11. Motivos para ingresar a la plataforma Dazer .............................................33 Gráfico N° 12. Primera impresión al usar la plataforma web Dazer .................................34 Gráfico N° 13. Opinión de si resulta sencillo navegar y encontrar el contenido que se busca en plataforma web Dazer.............................................................................................34 Gráfico N° 14. Aspectos de la plataforma web Dazer que consideran más atractivos o interesantes...............................................................................................................................35 Gráfico N° 15. Opinión de si la plataforma Dazer debe optimizar su diseño ..................36 Gráfico N° 16. Medida en la que consideran que la plataforma web dazer cumple con sus expectativas .......................................................................................................................36 Gráfico N° 17. Opinión sobre el tipo de letra y tamaño utilizado son adecuados ..........37 Gráfico N° 18. Opinión de si recomendarían la plataforma web Dazer ...........................38 ÍNDICE DE TABLAS Tabla N° 1. Diferencia entre diseño UX y UI ........................................................................10 Tabla N° 2. Cuadro comparativo de las plataformas Jaltest, Mc Diagnostico Automotriz y Dazer.......................................................................................................................................39
La evolución constante de las plataformas web enfatiza la importancia de brindar experiencias digitales atractivas y funcionales para los usuarios. Dazer, una empresa en el ámbito digital, es enfrentada en la falta de captación de clientes en su plataforma web. La necesidad urgente de optimizar el diseño de interfaz de usuario (UI/UX) en la plataforma web de Dazer es esencial para el éxito de cualquier empresa en el automotriz. La justificación principal para abordar la optimización del diseño de interfaz de usuario es su impacto directo en la retención de usuarios, la conversión y la percepción de la marca. La investigación y el desarrollo de estrategias innovadoras y prácticas en el diseño de interfaz para Dazer busca contribuir a su competitiva posición en el mercado digital y a la mejora continua de su presencia en línea. Estos problemas pueden afectar la percepción de la marca y su presencia en la Red, y el problema de investigación se refiere a la mejora de la interacción intuitiva y satisfacción de los usuarios. La investigación utiliza técnicas como encuesta, análisis documental, observación, instrumentos y cuestionario para obtener información de los usuarios. La análisis documental o revisión de la literatura que permitirá recopilar y valorar conocimientos. La observación registra y analiza otras aplicaciones similares a Dazer, incluyendo usabilidad, navegabilidad, diseño visual, consistencia, respuesta del sistema, experiencia del usuario. El cuestionario es un documento formativo y organizado con preguntas y indicaciones para ofrecer información de los usuarios.