ANÁLISIS DE PÁGINA WEB

Esta es una vista previa del archivo. Inicie sesión para ver el archivo original

1
INSTITUTO TECNOLÓGICO SUPERIOR DE PEROTE
INGENIERÍA EN GESTIÓN EMPRESARIAL.
LUZ ARELY CRUZ LOPEZ
22060045
DIANA PAOLA CIRILO RODRIGUEZ
22060074
KARLA RAQUEL VIVEROS CRUZ
22060077
SOFTWARE DE APLICACIÓN EJECUTIVO.
MARBELIS CHIQUINQUIRÁ SUÁREZ VILLALOBOS.
206-A
13/05/2023
2
INEGI
Evaluación de diseño
Analice el diseño de las páginas web seleccionadas.
¿Son atractivas visualmente? Si, tiene un buen diseño
¿Son coherentes y fáciles de navegar? Si, también es legible y no es
complicada
¿El diseño es compatible con diferentes navegadores y dispositivos? Si, se
puede abrir desde cualquier dispositivo
Evaluación de contenido: Analicen el contenido de las páginas web.
¿Es relevante y útil para el usuario? Por supuesto que sí, pues nos informa
sobre nuestra población
¿Está organizado de manera lógica? Sí
¿Existen errores ortográficos o gramaticales? Por el momento ninguno, la
página navega perfectamente
Evaluación de usabilidad
La página web del INEGI es bastante fácil de usar y navegar. Está bien diseñada y
hay botones de llamado a la acción y formularios de contacto visibles. Además, la
página no presenta enlaces rotos o imágenes que no cargan correctamente.
3
Evaluación de accesibilidad
Sí, la página del INEGI cumple con las normas de accesibilidad web. Está
diseñada de manera que sea intuitiva y fácil de navegar para todos los usuarios,
incluyendo aquellos con discapacidades. Esto se logra por medio de textos
enriquecidos, estructura de contenido clara, botones grandes y opciones de
navegación intuitivas. Además, la página ofrece una gran variedad de contenido
en formato de audio, vídeo y texto para facilitar el acceso a la información.
El sitio cumple con las normas de accesibilidad web establecidas por el World
Wide Web Consortium (W3C). Está certificado por el W3C y ha pasado la prueba
de accesibilidad WAI-AAA. Esto significa que el sitio es compatible con los
estándares de accesibilidad y está diseñado para ser fácilmente utilizado por
personas con discapacidades visuales, auditivas, motrices y cognitivas.
Herramientas de análisis web
Oportunidades
· Publica imágenes con formatos de próxima generación.
· Usa un tamaño adecuado para las imágenes.
· Reduce el tiempo de respuesta del servidor.
· Posterga la carga de imágenes que no aparecen en pantalla
· Elimina los recursos que bloqueen el renderizado.
· Reduce el uso de CSS.
· Reduce el código CSS sin usar.
· Reduce el código JavaScript sin usar.
· Habilita la compresión de texto.
Diagnóstico.
· Elemento del Procesamiento de imagen con contenido más grande – Error.
· Los elementos de imagen no tienen ningún atributo width ni height explicito.
4
· Publica elementos estáticos con una política de caché eficaz — Se
encontraron 11 recursos.
· Evita encadenar solicitudes criticas —Se encontraron 10 cadenas.
· Asegúrate de que la cantidad de solicitudes y los tamaños de transferencia
sean reducidos — 47 solicitudes 958 KIB.
· No realices cambios grandes en el diseño – Se encontraron 5 elementos.
· Tareas largas en el subproceso principal — Se encontraron 10 tareas
largas.
· Evita las animaciones no compuestas — Se encontraron elementos
animados.
Áreas que necesitan mejoras y las áreas que ya están bien diseñadas de la página
web del INEGI.
Áreas que necesitan mejoras:
1. El diseño de la interfaz de usuario. La interfaz de usuario actual es
confusa e intuitiva.
2. El uso de imágenes y gráficos para mejorar la visualización de los datos.
3. La capacidad de navegación entre los distintos menús y submenús de la
página web.
4. El diseño de la página web para mejorar la eficiencia y la usabilidad.
5. La actualización periódica de los contenidos a fin de proporcionar
información más reciente.
Áreas que ya están bien diseñadas:
1. La seguridad de los datos y la protección de la privacidad.
5
2. La integración de diversas fuentes de información para proporcionar una
visión más clara de los datos.
3. El uso de herramientas interactivas para ayudar a los usuarios a navegar
por los contenidos.
4. El diseño de la página web para proporcionar una experiencia de usuario
óptima.
5. El uso de un diseño moderno para mejorar la estética de la página web.
Elaboración de informes
Recomendaciones para mejorar la calidad de la página del INEGI
1. Mejorar la usabilidad de la página web: La usabilidad de la página web
debe ser una de las principales prioridades para el INEGI. Debe diseñar la
página web de manera tal que sea fácil de navegar y que los usuarios
puedan encontrar rápidamente la información que están buscando. El
diseño debe ser intuitivo y no debe tener elementos redundantes o
confusos.
2. Crear contenido de calidad: Para mejorar la calidad de la página del
INEGI, es importante que el contenido sea de calidad y que esté
actualizado. El contenido debe ser accesible y comprensible para los
usuarios. El contenido debe ser útil y relevante para los usuarios.
3. Mejorar el diseño de la página web: Es importante que el diseño de la
página web sea atractivo y fácil de navegar. El diseño de la página debe ser
responsivo para que sea accesible desde dispositivos móviles. El diseño
debe ser intuitivo y no debe tener elementos redundantes o confusos.
4. Mejorar la velocidad de carga de la página: La velocidad de carga de la
página es un factor crítico para el éxito de una página web. La página del
INEGI debe asegurarse de que se cargue rápidamente para que los
6
usuarios no se desanimen antes de encontrar la información que están
buscando.
5. Mejorar la seguridad de la página web: La seguridad es un factor
importante para cualquier sitio web. Es importante que el INEGI tome
medidas para asegurar que la información de los usuarios esté protegida.
Las medidas de seguridad deben ser actualizadas periódicamente para
garantizar que la información esté segura.
7
8
SECRETARIA DE BIENESTAR
Evaluación de diseño
1. ¿Son atractivas visualmente? No tanto, es muy formal
2. ¿Son coherentes y fáciles de navegar? Si, cuenta con accesos para cada
interés
3. ¿El diseño es compatible con diferentes navegadores y dispositivos? Si,
puedes navegar desde cualquier dispositivo
4. Evaluación de contenido: Analicen el contenido de las páginas web.
5. ¿Es relevante y útil para el usuario? Si, pues agrupa cada uno de los
temas de interés en los diferentes accesos
6. ¿Está organizado de manera lógica? Si
7. ¿Existen errores ortográficos o gramaticales? Ninguno hasta el momento
Evaluación de usabilidad
La página web de la Secretaría de Bienestar de México es fácil de usar y de
navegar. Existen botones de llamado a la acción y formularios de contacto
ubicados en la parte inferior de la página. No hay enlaces rotos ni imágenes que
no carguen correctamente, todos los contenidos se muestran correctamente.
Evaluación de accesibilidad.
La página de la Secretaría de Bienestar no está diseñada de manera que sea
accesible para personas con discapacidades. No cumple con las normas de
accesibilidad web. Esto significa que algunos usuarios con discapacidad podrían
tener problemas para acceder a la información y funcionalidad de la página. La
Secretaría de Bienestar debería hacer los cambios necesarios para que su sitio
web sea accesible para todos los usuarios, incluidos aquellos con discapacidades.
9
No. La página web de la Secretaría de Bienestar de México no cumple con las
normas de accesibilidad web, de acuerdo con la evaluación de la herramienta
WAVE de la Universidad de Toronto. La página presenta problemas de
accesibilidad como navegación deficiente, contenido mal etiquetado, contenido no
accesible por teclado y otros problemas. La página web no está diseñada para ser
accesible a usuarios con discapacidad o para aquellos que usan tecnologías
alternativas. Se recomienda que la Secretaría de Bienestar de México revise su
página web para garantizar que cumpla con las normas de accesibilidad web.
Herramientas de análisis web
Oportunidades.
· Usa un tamaño adecuado para las imágenes.
· Publica imágenes con formatos de próxima generación.
· Elimina los recursos
que bloqueen el renderizado.
· Codifica las imágenes de forma eficaz.
· Reduce el código JavaScript sin usar.
· Reducir el uso de JavaScript.
· Reduce el código CSS sin usar.
Diagnóstico.
· Reduce el impacto del código de terceros – El código de terceros bloqueos
el subproceso principal por 530 ms.
· Elemento del Procesamiento de imagen con contenido más grande —
Error.
· Evita document.write.
· Los elementos de imagen no tienen ningún atributo width ni height explicito.
· Minimiza el trabajo del hillo principal - 655.
10
· A Publica elementos estáticos con una politica de cathe eficaz -Se
encontraron 36 recursos.
· Reduce el tiempo de ejecución de JavaScript -3,35.
· Evita encadenar solicitudes criticas-Se encontraron 22 cadenas.
· Asegúrate de que la cantidad de solicitudes y los tamaños de transferencia
sean reducidos-76 solicitudes +1 532 Ki.
· No realices cambios grandes en el diseño — Se encontraron 3 elementos.
· Evita tareas largas en el subprocess principal - Se encontraron 20 tareas
llargas.
Áreas que necesitan mejoras y las áreas que ya están bien diseñadas de la página
web de la secretaria de bienestar.
Las áreas que necesitan mejoras son:
1. El diseño de la página web es anticuado y desactualizado. La mayoría de
los elementos visuales son demasiado simples y la página no se ve
moderna y atractiva.
2. La navegación es confusa y no hay muchas opciones para navegar entre
las diferentes secciones.
3. El contenido no está bien organizado y es difícil encontrar lo que se
busca.
4. El contenido no es de calidad y no parece estar actualizado.
Las áreas que ya están bien diseñadas de la página web de la secretaria de
bienestar son:
1. El sitio web es fácil de usar y no es necesario tener conocimientos
técnicos previos para navegar por el sitio.
11
2. Hay enlaces a sitios externos como redes sociales y otras páginas
relacionadas.
3. El sitio web está optimizado para dispositivos móviles, lo que facilita el
acceso a la información desde diferentes dispositivos.
4. El contenido está bien estructurado y hay una sección de preguntas
frecuentes para responder dudas.
Elaboración de informes
Recomendaciones para mejorar la calidad de la página de la secretaria del
bienestar de México:
1. Ofrezca una interfaz de usuario amigable para facilitar la navegación en
la página.
2. Utilice una fuente y un tamaño adecuado para mejorar la legibilidad.
3. Incluya contenido multimedia, como vídeos y gráficos, para mejorar la
experiencia de navegación
4. Asegúrese de que la página web esté optimizada para dispositivos
móviles para aumentar el alcance de los usuarios.
5. Utilice una herramienta de análisis web para mejorar la experiencia de
usuario y ofrecer contenido personalizado.
6. Mejore la seguridad de la página para proteger la información de los
usuarios.
7. Ofrezca una sección de preguntas frecuentes para aclarar dudas.
8. Utilice una herramienta de monitoreo para recopilar datos sobre el
comportamiento de los usuarios.
9. Mejore la velocidad de carga de la página para mejorar la experiencia del
usuario.
12
10. Asegúrese de que la página sea accesible para personas con
discapacidad.
13
14
BIBLIOGRAFIAS
De Estadística Y Geografía Inegi, I. N. (s. f.). Instituto Nacional de Estadística y Geografía
(INEGI). https://www.inegi.org.mx/
Secretaría de Bienestar | Gobierno | gob.mx. (s. f.). https://www.gob.mx/bienestar