Evaluando la Usabilidad y Accesibilidad de una
                página web
            Armando Velasco Sarabia
Usabilidad

La evaluación se realizó con base en la Lista de
  pautas de usabilidad de páginas de inicio
  disponible en:
http://www.userfocus.co.uk/resources/homepa
  gechecklist.html
La lista completa consta de 247 pautas.
La página evaluada es http://www.web.valles.udg.mx/, página web del Centro
   Universitario de los Valles, con sede en Ameca, Jalisco.

                                                  PÁGINA PRINCIPAL (Parte de arriba)
Botones Principales                                                                    Caja de búsqueda
claramente identificables, que al pasar el
   cursor por ellos muestran una lista
   desplegable con contenido real del sitio




       Información
          útil a                                                                                    Información
          través de                                                                                    por
          Slides                                                                                       categorías
                                                                                                       claramente
                                                                                                       visibles




 Cuesta un poquito identificar los títulos de estas secciones.
PÁGINA PRINCIPAL (Parte de abajo)




                   Por su importancia, tal vez estos botones
                     deberían ir un poco más en la parte de
Información
                     arriba
   útil a través
   de atractivos
   botones

                                                                    Sitios de interés
                                                                       en botones
                                                                       visibles




                                                                    Enlaces de contacto y
                                                                       otros servicios en
                                                                       letras      pequeñas,
                                                                       pero     fáciles   de
                                                                       identificar ya que se
                                                                       encuentran tanto en
                                                                       la parte de abajo,
                                                                       como en la parte de
                                                                       arriba de la página
Buscando BIBLIOTECA (catálogo en línea) de la escuela




 1. Posar el cursor en el botón SERVICIOS
 2. Luego en BIBLIOTECA
 3. Finalmente CLIC en SERVICIOS BIBLIOTECARIOS
Nos dirige a la siguiente página, con información y algo de texto.

      Hacemos clic en el enlace ALEPH (Catálogo en línea)
Finalmente llegamos a la página deseada. Aunque para buscar un libro es necesario
         identificarse primero o hacer un clic más en el botón de INVITADO.

CONCLUSIÓN: Fácil al principio pero se complica conforme se avanza. Comparando un
   poco con la página web de CUNORTE, dicho servicio se encuentra a dos clics y sin
                                     identificarse.
Buscando información sobre OFERTA ACADÉMICA




   FÁCIL: Como vemos en la imagen, sólo pasando el cursor y luego con un clic nos
    redirige a la página con información de cada carrera, diplomado, posgrado, etc.
Buscando SIIAU




FÁCIL: Con posar el cursor y un clic nos redirige a la página de SIIAU conocida.

Pensé que estaba en el apartado SERVICIOS pero no, está en INTRANET.
Más pautas sobre Usabilidad
¿La página contiene publicidad? Obviamente no. Es una página escolar.
¿Contiene buenos gráficos y no sólo cliparts o imágenes de “a la de ahí se va”?
  Sí, buenos gráficos acordes a la información.
¿Las opciones de navegación están ordenadas de manera lógica u orientada? Sí.
¿El título de la página principal es fácilmente identificable en motores de
   búsqueda como Google? Sí
¿La información corporativa se ubica en un área distinta? Sí, en letras
  pequeñas, pero fácil de encontrar.
¿Con sólo mirar la página de inicio, el usuario nuevo sabrá por dónde empezar?
  Sí. Pareciera que no, pero en realidad si.
¿La página principal muestra todas las opciones principales? Sí, quizá no
  todas, pero sí la mayoría.
¿La dirección web es fácil de recordar? Sí.
¿La página principal está profesionalmente diseñada creando una primera
  impresión positiva? Sí, como la mayoría de las de los Centros
  Universitarios de la UdeG (no es verbo).
Accesibilidad
La evaluación de Accesibilidad se realizó
 tomando en cuenta la información y la lista
 Pautas de Accesibilidad al Contenido Web
 disponible en:
http://www.w3.org/TR/WCAG10/
En general, buen contraste de colores. Aunque algunos
  grises no se distinguen bien, lo que podría ser un
  obstáculo para personas con problemas de la vista.
  Algunos textos también son demasiado pequeños.
Más pautas sobre Accesibilidad

Texto y palabras fáciles de asimilar, aunque no hay botón
  para cambiar a otro idioma.
No hay versión especial de la página para móviles, aunque
 supongo que desde cualquier smartphone se puede ingresar
 sin problemas.
No hay versión especial de la página para conexión con
 Internet lento.
No hay especificaciones sobre cuestiones técnicas como por
 ejemplo, dificultades con navegadores y/o sistemas
 operativos.
El apartado VIDEOTECA creo que está excelente para todo
  usuario aunque en particular para personas que no puedan
  navegar mucho utilizando teclado y mouse.
VIDEOTECA
Fin de la presentación

Evaluando usabilidad y accesibilidad

  • 1.
    Evaluando la Usabilidady Accesibilidad de una página web Armando Velasco Sarabia
  • 2.
    Usabilidad La evaluación serealizó con base en la Lista de pautas de usabilidad de páginas de inicio disponible en: http://www.userfocus.co.uk/resources/homepa gechecklist.html La lista completa consta de 247 pautas.
  • 3.
    La página evaluadaes http://www.web.valles.udg.mx/, página web del Centro Universitario de los Valles, con sede en Ameca, Jalisco. PÁGINA PRINCIPAL (Parte de arriba) Botones Principales Caja de búsqueda claramente identificables, que al pasar el cursor por ellos muestran una lista desplegable con contenido real del sitio Información útil a Información través de por Slides categorías claramente visibles Cuesta un poquito identificar los títulos de estas secciones.
  • 4.
    PÁGINA PRINCIPAL (Partede abajo) Por su importancia, tal vez estos botones deberían ir un poco más en la parte de Información arriba útil a través de atractivos botones Sitios de interés en botones visibles Enlaces de contacto y otros servicios en letras pequeñas, pero fáciles de identificar ya que se encuentran tanto en la parte de abajo, como en la parte de arriba de la página
  • 5.
    Buscando BIBLIOTECA (catálogoen línea) de la escuela 1. Posar el cursor en el botón SERVICIOS 2. Luego en BIBLIOTECA 3. Finalmente CLIC en SERVICIOS BIBLIOTECARIOS
  • 6.
    Nos dirige ala siguiente página, con información y algo de texto. Hacemos clic en el enlace ALEPH (Catálogo en línea)
  • 7.
    Finalmente llegamos ala página deseada. Aunque para buscar un libro es necesario identificarse primero o hacer un clic más en el botón de INVITADO. CONCLUSIÓN: Fácil al principio pero se complica conforme se avanza. Comparando un poco con la página web de CUNORTE, dicho servicio se encuentra a dos clics y sin identificarse.
  • 8.
    Buscando información sobreOFERTA ACADÉMICA FÁCIL: Como vemos en la imagen, sólo pasando el cursor y luego con un clic nos redirige a la página con información de cada carrera, diplomado, posgrado, etc.
  • 9.
    Buscando SIIAU FÁCIL: Conposar el cursor y un clic nos redirige a la página de SIIAU conocida. Pensé que estaba en el apartado SERVICIOS pero no, está en INTRANET.
  • 10.
    Más pautas sobreUsabilidad ¿La página contiene publicidad? Obviamente no. Es una página escolar. ¿Contiene buenos gráficos y no sólo cliparts o imágenes de “a la de ahí se va”? Sí, buenos gráficos acordes a la información. ¿Las opciones de navegación están ordenadas de manera lógica u orientada? Sí. ¿El título de la página principal es fácilmente identificable en motores de búsqueda como Google? Sí ¿La información corporativa se ubica en un área distinta? Sí, en letras pequeñas, pero fácil de encontrar. ¿Con sólo mirar la página de inicio, el usuario nuevo sabrá por dónde empezar? Sí. Pareciera que no, pero en realidad si. ¿La página principal muestra todas las opciones principales? Sí, quizá no todas, pero sí la mayoría. ¿La dirección web es fácil de recordar? Sí. ¿La página principal está profesionalmente diseñada creando una primera impresión positiva? Sí, como la mayoría de las de los Centros Universitarios de la UdeG (no es verbo).
  • 11.
    Accesibilidad La evaluación deAccesibilidad se realizó tomando en cuenta la información y la lista Pautas de Accesibilidad al Contenido Web disponible en: http://www.w3.org/TR/WCAG10/
  • 12.
    En general, buencontraste de colores. Aunque algunos grises no se distinguen bien, lo que podría ser un obstáculo para personas con problemas de la vista. Algunos textos también son demasiado pequeños.
  • 13.
    Más pautas sobreAccesibilidad Texto y palabras fáciles de asimilar, aunque no hay botón para cambiar a otro idioma. No hay versión especial de la página para móviles, aunque supongo que desde cualquier smartphone se puede ingresar sin problemas. No hay versión especial de la página para conexión con Internet lento. No hay especificaciones sobre cuestiones técnicas como por ejemplo, dificultades con navegadores y/o sistemas operativos. El apartado VIDEOTECA creo que está excelente para todo usuario aunque en particular para personas que no puedan navegar mucho utilizando teclado y mouse.
  • 14.
  • 15.