Universidad Autónoma de Chiapas.

Interacción Humano-Computadora.

Nombre del docente: Dr. Daniel González Scarpulli.

Licenciatura: Sistemas computacionales.

Grado y grupo: 8 ° J.

Equipo: 1.

Integrantes del equipo:

Galdámez Ramírez Jhonatan A200219.
Gómez Vera Alan de Jesús A200218.
Hernández Jiménez Julio César A200174.
López Guillén Jorge Alberto A200769.
Morales Torres Carlos Alberto A200109.

Nombre de la actividad: Práctica 3 – Factor Humano.

Lugar de entrega: Tuxtla Gutiérrez, Chiapas.

Fecha de entrega: jueves, 14 de marzo de 2024.

INTRODUCCIÓN.
El análisis detallado de la interfaz del sitio web de la "Escuela Nacional de Preparatoria" es
crucial para comprender y abordar las deficiencias que afectan la experiencia del usuario. La
importancia de esta tarea radica en la necesidad de proporcionar un entorno virtual eficiente y
accesible para profesores y alumnos, donde puedan encontrar fácilmente la información
relevante y llevar a cabo sus actividades académicas de manera óptima. Por tanto, este informe
se propone examinar minuciosamente cada aspecto de la interfaz, desde la distribución de
elementos hasta la selección de colores y el posicionamiento de botones, con el fin de
identificar áreas de mejora y proponer soluciones concretas.
En primer lugar, es fundamental abordar la falta de coherencia visual en el diseño del sitio web.
La página principal carece de una jerarquía clara de la información, lo que dificulta la
navegación y la comprensión de los usuarios. Además, la distribución de colores y la selección
de imágenes no siguen un patrón definido, lo que contribuye a una experiencia visual
desordenada y poco atractiva. Esta falta de coherencia puede generar confusión entre los
usuarios y dificultar la búsqueda de la información deseada.
Otro aspecto que requiere atención es el posicionamiento de los botones de acción y los campos
de entrada. Actualmente, estos elementos se encuentran mal ubicados, lo que afecta su
accesibilidad y uso por parte de los usuarios. Una disposición más intuitiva y ergonómica de
estos elementos facilitaría la interacción con el sitio web y mejorar la experiencia del usuario.
Además, es necesario abordar la falta de adaptabilidad del sitio web a diferentes dispositivos y
tamaños de pantalla. La ausencia de un diseño responsivo dificulta la visualización adecuada
del contenido en dispositivos móviles y tablets, lo que limita la accesibilidad para un segmento
importante de usuarios. La optimización del sitio web para dispositivos móviles es esencial
para garantizar una experiencia de usuario consistente y satisfactoria en todas las plataformas.
En cuanto al contenido del sitio web, se observa una falta de organización y claridad en la
presentación de la información. Los textos descriptivos de los grupos, avisos y demás aspectos
relevantes están mal estructurados y carecen de una presentación moderna y atractiva. Una
organización más clara y una presentación visualmente atractiva de la información
contribuirían a mejorar la experiencia del usuario y facilitarían la búsqueda de información
relevante.
TÍTULO DEL INFORME.
Un Estudio de Caso de Análisis sobre Interfaz.
Interfaz confusa con un mal uso de colores, distribución inadecuada de los elementos, uso
inadecuado de iconos, expresión inadecuada de la función de los objetos.

SITIO WEB LLAMADA “ESCUELA NACIONAL DE PREPARATORIA”

Dicho sitio web se creó para el uso de los profesores y los alumnos quienes quisieran también
saber acerca de las tareas, prácticas, exámenes como también las calificaciones de cada alumno
mediante uso de diferentes herramientas para la visualización de estos datos que se obtienen
mediante los formatos PDF, también los alumnos podrían encontrar lo que son archivos con
temarios de cada asignatura que tengan en su horario semestral, esto con tal de ayudarlos a
tener de forma más dinámica y fácil sus fechas, temarios y evaluaciones.

DETALLES VISTOS Y EXPLICADOS

1. La página principal tiene una distribución de colores inadecuada como también el uso
de las imágenes cargadas dentro de la página están puestas de forma aleatoria sin un
corrección en la repetición de estos mismo, a su vez, carece de una jerarquía de la
información,
2. Los botones de acción y los campos de entrada están en mal posicionamiento para lo
que es la vista del usuario, ya que, al estar del lado derecho no se tiene un “Navbar”
que simplifique estas acciones para una mejor visualización. Pero también, no se tiene
una forma responsiva para diferentes dispositivos, carece de ciertas funcionalidades y
confusiones en la estructura general de la página web.
3. La mayoría de lo que es texto donde se describen los grupos, avisos y todo acerca de lo
que puede llevar un grupo y que desea conocer acerca de cuantas materias llevan, que
profesores los imparten y que bibliografías existentes hay para sus estudios están
visualmente mal hechas, descritas de forma muy simplificada donde carece de una
organización más moderna y correcta donde todo pueda ser leído por el usuario y no se
aturde de solamente ver textos.
4. El uso de imágenes aleatorias que son plasmadas en los diferentes fondos de cada
hipervínculo que el usuario presiona, se muestra que no hay una coherencia de lo que
se espera de una página web, los fondos son variados por lo que no hay una decencia
del uso de estos y a su vez, se ve mal visualmente para el usuario ya que algunas de
estas se llegan a repetir cuando se hace “scroll hacia abajo” para ver más detalles de las
informaciones puestas por la página. También podemos observar que en cada
hipervínculo que uno presiona, la página recarga y nos manda al destinatario pero que
no cambia el título del encabezado cada vez que nos movemos hacia diferentes páginas.
RECOMENDACIONES Y MEJORAS PARA EL SITIO WEB.
1. El uso de los colores sólidos no es mayormente atractivo para los usuarios, por lo que,
lo primordial es convertir todo lo que es colorido de fondo cambiarlo por el blanco cuyo
color es más limpio y claro para la visualización de la información.
2. La estructuración de la información debe de ser más limpia y acomodada como ciertas
reglas que cada sitio web ha seguido al pie de la letra, por ejemplo, la navegación hacia
cada página que nos mostrará una información diferente que ha la del menú inicial debe
de estar dentro de un “Navbar” cuya etiqueta es conocida porque dentro de ella
estructuramos y acomodamos los hipervínculos que son direcciones a diferentes
páginas dentro del sitio web que se está estructurando.
3. El pie de página debe de ser utilizado para la estructuración de los hipervínculos que
lleven hacia links de sitios web que son pertenecientes a la página o hagan referencia a
alguna información detallada que sirva como ayuda para los alumnos, por lo que, en la
página no tenemos esto y estos links están a la vista sin ninguna separación entre estas,
algún color o fondo que sea distintivo al menú.

FOTOS ILUSTRADAS DEL SITIO WEB.

Menú principal de la página web (plataforma educativa).

Vista principal de un grupo.

Apartado para bibliografías utilizadas durante el curso.

Apartado de la rúbrica para las evaluaciones.

Requisitos para cursar la materia.

Apartado del temario de las unidades a realizar.

OBSERVACIONES.
El sitio web considerado como una plataforma educativa para esta institución emplea fondos
cono colores muy llamativos que distraen la lectura del alumno, por otra parte, los diseños
varían mucho puesto que introduce la información únicamente en cuadros de texto lo que hace
que no esté adecuado al tamaño del navegador y se vea mal estructurada la página.

CONCLUSIÓN.
Tras un análisis detallado de la interfaz del sitio web de la "Escuela Nacional de Preparatoria",
se revelan importantes deficiencias en su diseño que afectan negativamente la experiencia del
usuario. Sin embargo, al implementar las recomendaciones sugeridas, es posible mejorar
significativamente tanto la usabilidad como la estética del sitio.
Además, la implementación de una jerarquía clara de la información y la corrección de la
distribución de imágenes ayudarían a que la experiencia visual sea más organizada y agradable
para los usuarios. La coherencia en el uso de imágenes y fondos, junto con la optimización de
los botones de acción y los campos de entrada, aumentaría la usabilidad del sitio y facilitaría
la interacción del usuario con la plataforma.

URL DEL SITIO WEB

https://www.eaunam.org/bachillerato/index.htm