LMS - Diagnostico de diseño UI 01 / 06

LMS -
Diagnóstico de
diseño UI/UX

2023CESA
cuadro de contenidos 03 / 06

Contenido
Items 



Revisión de resultados y estado de 1. Barra de navegación estudiante profesor


progres
Diseño de protocolo para el análisis de
diseño UI basado en Principios de
usabilidad, Heurística y Gestalt
5. Widgets nuevos

2. Implementación de idioma nuevo

3. Estilos desplazados 

4. salida a producción por etapas.

6. mejoras Visuales.

7. Conclusiones

2023CESA
estado de progreso de acuerdo a encuestas UX 03 / 06

Progreso
Se revisaron con el equipo los avances de acuerdo a los
hallazgos encontrados el estudio UX y se reconocieron
fallos técnicos y posibilidad de mejoras en:



- Rediseño Fron-End para barras de navegación de

estudiante y profesor

- Configurar libro de calificaciones - ajuste de estilos y
estimados de tiempo

- Implementar Idioma Ingles 

- Estado de Widgets 


2023CESA
Protocolo de análisis 04 / 06

Principios de usabilidad y heurística

Se diseña un protocolo de análisis de usabilidad de acuerdo a standares y
recomendaciones de la Interaction Design Foundation.

Principios de Usabilidad Principios de Heurística

Pautas para diseñar productos y servicios
fáciles de usar y satisfactorios para los
usuarios. Basados en necesidades y
características, maximizan eficiencia,
efectividad y satisfacción.
Principios y pautas para evaluar la
usabilidad y experiencia del usuario. Reglas
generales para identificar problemas y
mejoras en el diseño.

2023CESA
Items evaluados - Usabilidad 06 / 06

Barra de navegación
En el caso del menú de navegación se
recomienda considerar crear barras de
navegación separadas para profesores y
estudiantes. Esto ayudaría a diferenciar
claramente las funciones y enlaces específicos
para cada grupo de usuarios. De esta manera,
se reduciría la confusión y se facilitaría la
navegación, ya que cada barra de navegación
contendría opciones relevantes y específicas
para el rol del usuario.

2023CESA
Items evaluados - Usabilidad 06 / 06

Recomendaciones
Retroalimentación: los botones una vez visitados
podrían resaltarse para que el usuario reconozca en
que grupo de contendido desplegable está ubicado.

2023CESA
Items evaluados - Usabilidad 06 / 06

Recomendaciones

Posibilidad de agregar “miga de pan” o ruta de texto

para evitar aue el usuario se pierda en el sitio

2023CESA
Items evaluados - Usabilidad 06 / 06

Barra de navegación
Separar la barra de navegación entre usuarios
Visibilidad del estado del sistema Ley de la proximidad
Facilidad de uso

Coincidencia entre el sistema

Ley de la similitud
Eficiencia
y el mundo real

Consistencia y estándares Ley de la continuidad

Retroalimentación informativa

Reconocimiento en
Ley de la cerradura
Menor carga cognitiva
lugar de recuerdo

Coincidencia entre el sistema

Ley de la pregnancia
Diseño orientado a las tareas
y el mundo real - lenguaje usauario

Flexibilidad y eficiencia de uso

Diseño visual atractivo

Diseño estético y minimalista

Consistencia

Prevención de errores
Flexibilidad y control

2023CESA
ImplementaciÓN de idioma 06 / 06

Idioma
Si el objetivo de marketing es llegar a usuarios de habla
inglesa, implementar el idioma inglés es una decisión
acertada. Sin embargo, es importante realizar una
curaduría del contenido traducido en lugar de confiar
únicamente en la traducción automática de la
plataforma. La curaduría aseguraría la calidad y la
coherencia del contenido traducido, evitando posibles
errores de traducción y malentendidos. La traducción
automática puede ser útil para una primera
aproximación, pero es recomendable revisar y ajustar
los textos para garantizar una experiencia fluida y
comprensible para los usuarios de habla inglesa.

2023CESA
ImplementaciÓN de idioma 06 / 06

Estilos CSS rotos

En el caso de los estilos desplazados en algunas
secciones del LMS, aunque las funciones sigan siendo
posibles, es importante abordar la experiencia visual
afectada. Se recomendaría ajustar los estilos para que
las secciones se muestren correctamente en el ancho
de la pantalla y brinden una apariencia de acabado.
Una interfaz visualmente coherente y pulida transmite
una sensación de profesionalismo y confianza a los
usuarios. Es importante que las secciones se ajusten
adecuadamente para que el diseño se vea completo y
finalizado, lo que mejorará la experiencia de los
usuarios al utilizar la plataforma.

2023CESA
ImplementaciÓN de idioma 06 / 06

Salida a producción
Dado que la plataforma LMS está en un ambiente de prueba y se espera que salga a
producción en pocos días, es recomendable priorizar la identificación y resolución de
los errores críticos que puedan afectar el funcionamiento básico y la usabilidad de la
plataforma. Esto implica enfocarse en solucionar problemas que puedan interrumpir el
acceso o impedir que los usuarios realicen las tareas principales. Si los
administradores pueden demorar más en resolver todos los errores, es importante
comunicar claramente los problemas conocidos y las soluciones alternativas a los
usuarios, para minimizar cualquier impacto negativo en su experiencia.

2023CESA
LMS - salida a producción 06 / 06

Conclusión
Los ajustes y mejoras que se vienen adelantando de acuerdo con los hallazgos encontrados con pruebas de usuario tienen un avance
considerable, como la barra de navegación con menú desplegable por grupos, implementar idioma, implementar widgets.

Los ajustes no son críticos y no influyen en el funcionamiento básico de la plataforma.

pero aún hay que ajustar elementos clave dentro de una plataforma como:



- El idioma: Hacer una curaduría a los textos en ingles antes de salir a producción, la implementacion actual nos sirve como primera
aproximación.



- los estilos que se están rompiendo afectan a más de 10 páginas y son muy evidentes en desktop, la resolución que más se usa por
los usuarios, aunque el usuario puede cumplir sus tareas, esto da la sensación de un producto sin terminar o en construcción,
podemos buscar una asesoría de desarrollo para ajustar los estilos, si esto tarda más de una semana podemos lanzar como primera
fase.

2023CESA
LMS - salida a producción 06 / 06

Conclusión
la recomendación es:



Aplazar la fecha de salida para no salir a producción con fallos en la lógica y construcción.

esto nos va a dar tiempo de mejorar dinámicas de administración en la barra de navegación, hacer curaduría de los textos en ingles
para la Version multi-lenguaje y ajustar estilos Css además de revisar la vista de los widgets.



- La barra de navegación diferenciada por Estudiante y profesor es la opción más viable para beneficiar a los usuarios pero genera
más trabajo de administración, es acertada la decisión de agrupar los menús desplegables

Adicional se propone resaltar el titulo principal del contenido o grupo y buscar la manera de agregar una ruta de texto o miga de
pan para ubicar al usuario dentro de la plataforma

empalmar los banners e imágenes de portadas y anuncios con la estrategia visual de la celebración del primer año de BR 

y hacer un re-lanzamiento más robusto de la plataforma antes de la llegada de estudiantes.



2023CESA
 Usabilidad
Principios de usabilidad
Los principios de usabilidad son un conjunto de pautas y directrices que se utilizan para
diseñar productos y servicios que sean fáciles de usar y satisfactorios para los usuarios.
Estos principios se basan en la comprensión de las necesidades y características de los
usuarios y se centran en maximizar la eficiencia, la efectividad y la satisfacción del
usuario. A continuación, se presentan algunos de los principios de usabilidad más
La teoría de la estalt sostiene que la percepción humana no es simplemente la suma de
importantes:
Facilidad de uso: El sistema debe ser fácil de aprender, comprender y utilizar. Los
usuarios deben poder realizar las tareas de manera rápida y sin esfuerzo
Eficiencia: El sistema debe permitir a los usuarios realizar las tareas de manera
eficiente, minimizando la cantidad de pasos y acciones necesarios
Consistencia: Las interfaces deben ser consistentes en términos de diseño,
terminología y comportamiento. Los elementos y acciones similares deben funcionar
de la misma manera en diferentes partes del sistema
Retroalimentación informativa: El sistema debe proporcionar retroalimentación clara
y relevante para las acciones realizadas por los usuarios. Los usuarios deben recibir
confirmación de que sus acciones se han llevado a cabo correctamente
Flexibilidad y control: Los usuarios deben tener control sobre el sistema y poder
adaptarlo a sus necesidades y preferencias. Se deben proporcionar opciones y ajustes
para personalizar la experiencia del usuario
Minimización de la carga cognitiva: La interfaz debe ser intuitiva y requerir una carga
cognitiva mínima. Los usuarios deben poder comprender rápidamente cómo funciona
el sistema sin tener que realizar un esfuerzo mental excesivo
Diseño orientado a las tareas: El sistema debe estar diseñado teniendo en cuenta las
tareas y objetivos que los usuarios desean lograr. Las funcionalidades y
características deben ser relevantes y útiles para las necesidades de los usuarios
Diseño visual atractivo: El sistema debe tener un diseño visual atractivo y agradable.
Los elementos visuales, como los colores, las imágenes y la tipografía, deben ser
coherentes y contribuir a una experiencia agradable para el usuario.
Heuristica Gestalt
Principios de heurstica Teoría de Gestalt
La heurística en diseño se refiere a un conjunto de principios y pautas que se utilizan La teoría de la estalt es una corriente de la psicología que se centra en el estudio de la
G
para evaluar la usabilidad y la experiencia del usuario en el diseño de productos, percepción y la forma en que las personas organizan la información sensorial para darle
interfaces y sistemas. Estas heurísticas son reglas generales que los diseñadores y sentido al mundo que les rodea. El término estalt proviene del alemán y significa
"G "
evaluadores pueden seguir para identificar posibles problemas y áreas de mejora en un "forma o configuración .
" " "
diseño.
G
A continuación se presentan algunos de los principios comunes de la heurística en las partes individuales, sino que se organiza de manera global, en base a ciertos
diseño: principios y leyes que rigen la forma en que percibimos los estímulos visuales.
Algunos de los principios de la estalt más conocidos son:
G
Visibilidad del estado del sistema: El sistema debe mantener informado al usuario Ley de la proximidad: Los elementos que están cerca uno del otro tienden a ser
sobre qué está sucediendo en todo momento, brindando retroalimentación clara y percibidos como un grupo o una unidad
visible sobre el estado actual, las acciones realizadas y las respuestas del sistema Ley de la similitud: Los elementos que son similares en forma, tamaño, color u otra
Coincidencia entre el sistema y el mundo real: El diseño debe hablar el lenguaje del característica tienden a ser agrupados y percibidos como relacionados entre sí
usuario, utilizando términos y conceptos familiares que reflejen la forma en que los Ley de la continuidad: Los elementos que siguen una trayectoria o dirección común
usuarios piensan y trabajan en el mundo real. Debe evitar el uso de terminología tienden a ser percibidos como parte de una misma figura o forma
técnica confusa o abstracta Ley de la cerradura: Cuando se presenta una figura compleja con elementos
Control y libertad del usuario: Los usuarios deben tener el control y la libertad para ambiguos, tendemos a percibir la forma más simple y establecer una configuración
explorar y navegar por el sistema sin restricciones. Debe ser fácil deshacer acciones cerrada
no deseadas y recuperarse de errores Ley de la pregnancia: La percepción tiende a organizarse de la manera más simple,
Consistencia y estándares: El diseño debe seguir convenciones y estándares estable y significativa posible.
establecidos en la industria y en la plataforma utilizada. Los elementos y acciones
comunes deben comportarse de manera consistente en todo el sistema, para que los
usuarios puedan anticipar cómo funcionará una interfaz
Prevención de errores: El diseño debe incluir mecanismos para prevenir errores o
minimizar su impacto. Esto puede incluir la inclusión de confirmaciones para acciones
críticas o la limitación de opciones peligrosas
Reconocimiento en lugar de recuerdo: Los usuarios no deben tener que recordar
información o instrucciones de una sesión a otra. La información relevante debe estar
presente y visible, evitando la necesidad de que los usuarios recuerden detalles o
realicen búsquedas
Flexibilidad y eficiencia de uso: El diseño debe permitir a los usuarios realizar tareas de
manera eficiente y adaptarse a diferentes niveles de experiencia. Los usuarios
frecuentes deben poder acelerar su trabajo a través de atajos o métodos abreviados
Diseño estético y minimalista: El diseño debe ser atractivo visualmente, con una
presentación clara y ordenada de la información. Debe evitar la inclusión de
elementos innecesarios o distracciones visuales.