Introducción a la Interacción Humano-Computadora

Transcripción

1 Introducción a la Interacción Humano-Computadora Tarea 1. Análisis de la página Consuelo Jaqueline Estrada Bautista Maestría en Medios Interactivos Universidad Tecnológica de la Mixteca Huajuapan de León, Oax. Noviembre 11, 2007

2 Análisis de la página Fig. 1 Presentación de página principal La página tiene un diseño sencillo, lineal. Los títulos y subtítulos son cortos o fáciles para la navegación. En caso de ser vista en modo solo-texto es un diseño excelente ya que solo el logo es la única imagen en la página. No existen elementos de ayuda ni búsqueda. El diagrama de flujo o descripción gráfica no es claro. La página principal presenta el logotipo de la UTM, para el resto de las páginas la presencia del logotipo no es constante, algunos presentan el logotipo, otros solo el nombre de la UTM. Esto es importante para guardar similitud con la imagen de cada página. Ver Figuras 1, 2 y 3 donde se muestra la diferencia entre cada página. Fig. 2 Pagina de Reglamento de Personal Académico. Fig. 3 Página de Visión y misión de la carrera de Ingeniería en computación. Contactos: No se puede poner en contacto con la UTM, solo con el jefe de carrera. Libre de publicidad. Esto es un punto positivo ya que no distrae al receptor de la página.

3 No tiene fecha de actualización o creación de la página. Importante para saber si la página es revisada periódicamente. No encuentro relación de las paginas anteriores con la página del CACEI, ya que tiene un diseño diferente, incluye líneas de color que separan cada una de las secciones. El diseño es más gráfico. Ver figura 4. Fig. 4 Página CACEI Al ingresar a la página de Acreditación del programa de Ingeniería en Computación, tiene un menú en la parte izquierda que va guardando relación con lo que se muestra en cada uno de los capítulos y nos indica en que sección estamos. Fig. 5 Página de acreditación

4 Esto no sucede en las secciones: Indicadores hasta Tablas y encuestas (ésta en específico no tiene liga o marca error), en la ultima parte de Elaboró, vuelve a conservar el índice a color, aunque ya no de la misma gama. Ver figura 6. Fig. 6 Presentación de página de Indicadores y de página Elaboró Según la pagina visitada, en el menú se resalta en color amarillo. Hay ligas en el contenido del menú y en el contenido de cada una de las páginas, Esto se puede apreciar al pasar el mouse sobre un texto con liga, el icono de mouse cambia a mano, al dar clic nos lleva a esa liga. Ver figura 7. Fig. 7 Interior del capítulo 1.

5 Según la definición de Usabilidad de ISO, ISO 9126 La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso No encontré que la página sea un software, por lo tanto, no aplica, este primer término. Una página es un documento o archivo para ser visualizado mediante un software (netscape, safari, etc.) en internet. Página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet. 1 Una página de Internet o página Web es un documento electrónico que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. 2 El diseño de la página en general no es atractivo, puede ser usado por usuarios específicos. Comprendido: imagino que es la página que servirá para tener la acreditación, por estar en el mismo contexto. Ser aprendido, no necesito aprender para usarla página Usado: me parece que es un listado de términos o conceptos que me remiten a una liga que no necesito aprender a usarlos para poder acceder a ellos. Al seleccionar un concepto, me lleva a su liga correspondiente y que no guarda relación con el color de la primera. Atractivo, no es atractivo por no utilizar imágenes, sólo utiliza el logotipo de la UTM, el tipo de letra no es la tipografía institucional de la universidad. Cada texto tiene un peso diferente lo cual me hace pensar que guarda importancia de acuerdo al peso que tiene en la página. ISO 9241 Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico Para esta definición aplica perfectamente el término, porque la página que estamos analizando no es un software, es una documento que permite a la universidad y sus usuarios (usuarios específicos), obtener lo que buscan (uso específico). Al acceder a cada una de las ligas (textos en azul subrayados que cambian una vez una vez que el sitio es visitado), traslada a un sitio específico. La página no tiene 1 Wikipedia. Pagina web. [En línea] 2 Principales definiciones de los términos más usados en Internet, [En línea] visitada

6 forma de regresar al sitio visitado previamente o al principal. Esto se puede hacer solo con la tecla retorno (backspace) del navegador. El programa de la carrera, no es claro si es el actual (2007) o el del El cuadro con el contenido del programa de estudios no me dice que al dar clic sobre cada uno de ellos puedo obtener el archivo electrónico (pdf o word). Bajo la tabla que contiene el programa de estudios, existen otras ligas, considero que están al olvido o no son muy funcionales ahí, como la liga a inglés; la liga lineamientos o me llevo a ningún sitio, como tampoco la liga al jefe de carrera o su correo electrónico. Registro de tesis baja el archivo correspondiente o me da acceso a guardarlo. Figura 8. Fig. 8 Parte inferior de la página donde se muestra parte del plan de estudios y las ligas a inglés, calendario de actividades, registro de tesis, lineamientos y contacto. Sugerencias para la presentación de información en el sitio: El diseño y contenido estratégico debe estar en función con el contenido. Identificar que contenido es de interés para el usuario y cuál es la mejor forma para representarlo. La página debería estar centrada o justificada a la izquierda, ya que el logotipo y los textos relacionados con el nombre de la universidad y la carrera están al centro y el resto del texto esta justificado a la izquierda. El logotipo lo pondría sin el fondo en negro. Da una imagen negativa de la institución Continuando con el contenido, primero presentan Documentación CACEI como parte fundamental de la página. Después presentan la parte que contiene los reglamentos que estaría relacionados con la universidad, junto con los manuales.

7 Los programas de estudio estarían relacionados con la carrera. El texto que está bajo el subtítulo Programas de estudio (el plan de estudios se compone de 10 semestres ) lo colocaría bajo el plan 2008 El diseño debería presentar la arquitectura de la información y el flujo de navegación. El diseño visual no esta presente. Considero que se podrían crear iconos o símbolos para representar cada uno de los conceptos o menus y submenus como carpetas El tamaño de la página de inicio (y que solo es una con ligas que me llevan a páginas nuevas) es muy larga, considero que debería ser mas corta, debe haber una proporción entre el profundidad y anchura de la página, adaptarse al tamaño de los monitores en cuanto al ancho. La imagen que se coloque en la parte superior de cada página es lo que se verá al iniciar la navegación, de no ser por la barra de navegación, creería que es lo que debo ver y que no hay más abajo. A continuación presento una propuesta de la distribución de la información sin iconos, botones o imágenes, solo con lo que originalmente tiene la página, es decir, solo el logotipo de la universidad y los textos. Figura 9 Fig. 9 Propuesta a la página