Proyecto Final

INSTITUTO TECNOLÓGICO DE DURANGO
Departamento de Sistemas y Computación

Licenciatura en Informática
Proyecto de investigación:
Análisis de usabilidad de páginas web en escuelas de educación
superior
Taller de investigación II
Realizo:
Marisela Blancarte López
Durango Dgo. Junio 2010
Marisela Blancarte López Lic. Informática Ene-Jun 2010 1

Contenido
CAPITULO 1 I N T R O D U C C I O N .................................................................................................... 4
1.1 Antecedentes ........................................................................................................................... 4
1.2 Definición del problema ............................................................................................................ 5
1.3 Objetivo ..................................................................................................................................... 5
1.4 Alcances..................................................................................................................................... 6
1.5 Limitaciones .............................................................................................................................. 6
1.6 Pregunta de investigación ......................................................................................................... 6
1.7 Justificación ............................................................................................................................... 6
1.8 Tipo de investigación de acuerdo al modelo de cebolla. .......................................................... 6
CAPITULO 2 IMPORTANCIA DEL DISEÑO DE SITIOS WEB ................................................................ 8
2.1 ¿Qué es diseño web? ................................................................................................................ 8
2.2 Accesibilidad web ...................................................................................................................... 9
2.3 Diseño visual............................................................................................................................ 10
CAPITULO 3 TECNICAS PARA LA MEDICION DE LA USABILIDAD ...................................................... 12
3.1 ¿Qué es usabilidad? ................................................................................................................ 12
3.2 Técnicas de medición de usabilidad ....................................................................................... 13
Card Sorting .................................................................................................................................... 15
Charrettes ........................................................................................................................................ 15
Análisis contextual de tareas ........................................................................................................ 16
Grupos Focales............................................................................................................................... 16
Evaluación Heurística .................................................................................................................... 17
Uno en Uno Entrevistas................................................................................................................. 17
3.3 Métodos automatizados de evaluación de usabilidad............................................................ 18
CAPITULO 4 TECNICA DE EVALUACION HEURISTCA PARA MEDIR USABILIDAD DE SITIOS WEB ...... 21
4.1 Evaluación heurística............................................................................................................... 21
CAPITULO 5 METODOLOGIA ............................................................................................................ 23
5.1 Descripción del sector objeto de estudio................................................................................ 23
5.2 Tipo de investigación............................................................................................................... 23
5.3 Instrumentos para recabar información ................................................................................. 24
CAPITULO 6 RESULTADOS ................................................................................................................. 25
6.1 UNAM www.unam.mx ............................................................................................................ 25
6.2 Tecnológico de Monterrey www.itesm.mx ............................................................................ 26
6.3 Instituto Politécnico Nacional www.ipn.com .......................................................................... 27
6.4 Universidad Iberoamericana www.uia.mx .............................................................................. 28
6.5 Universidad Autónoma de Guadalajara www.uag.mx ............................................................ 29
6.6 Universidad de Monterrey www.udem.edu.mx ..................................................................... 30
6.7 Universidad la Salle www.ulsa.mx.......................................................................................... 31
6.8 Universidad Autónoma Metropolitana www.uam.mx ........................................................... 32
6.9 Universidad Autónoma de Baja California www.uabc.mx ...................................................... 33
6.10 Universidad Autónoma de Chapingo www.chapingo.mx .................................................... 34
6.11 Universidad interamericana para el Desarrollo www.unid.edu.mx ..................................... 35
CAPITULO 7 REFERENCIAS BIBLIOGRAFICAS .................................................................................... 36

CAPITULO 1 I N T R O D U C C I O N
1.1 Antecedentes
La presente investigación es sobre el diseño de las páginas de las universidades

en México. No es bueno puesto que presentan ciertas irregularidades al momento
de brindar información sobre las carreras que existen en las páginas de las
universidades. En el caso partículas de la página de inicio del Instituto Tecnológico
de Durango tanto el diseño como la información que se presenta no son muy
buenos.
En el caso particular de las demás universidades que manejan sitios web aun
desconozco su diseño. Acerca de la usabilidad de las páginas web sé que estas
deben manejar siempre buenos colores que no dañen la vista de las personas que
visitan la página, tampoco deben tener una gran cantidad de letras. Entre muchas
otras cosas esta debe ser funcional. En la cuestión de diseño web debe de
presentar todo tipo de opciones para cualquier persona, debemos de cuidar el tipo
de letra, la cantidad de animaciones o fotografías dentro del sitio web, los colores
no deben dañar la vista de los usuarios etc.
Contar con una página web en la actualidad es de mucha ayuda ya que esta
puede proporcionar la información requerida a cualquier persona del mundo que la
desee. Siempre y cuando dichas páginas proporcionen la información que se
requiere entonces es aquí en donde entra el tema de la usabilidad porque para
crear páginas web se debe contar con un previo conocimiento del término. Se
pretender analizar el diseño y la usabilidad que se tiene en las páginas de inicio de
las universidades más populares de México.
En la búsqueda de artículos sobre el tema de diseño de páginas web me encontré

con que la palabra usabilidad es como un atributo de calidad de una aplicación. Se
suele hablar entonces de Ingeniería de la Usabilidad que es conjunto de
fundamentos teóricos y metodológicos que aseguren el cumplimiento de los
niveles de usabilidad requeridos para la aplicación en la que es requerido. El
diseño web centrado en el usuario se caracteriza por asumir que todo el proceso
de diseño y desarrollo del sitio web debe estar conducido por el usuario, sus
necesidades, características y objetivos.
Centrar el diseño en sus usuarios (en oposición a centrarlo en las posibilidades

tecnológicas o en nosotros mismos como diseñadores) implica involucrar desde el
comienzo a los usuarios en el proceso de desarrollo del sitio; conocer cómo son,
qué necesitan, para qué usan el sitio; testar el sitio con los propios usuarios;
investigar cómo reaccionan ante el diseño, cómo es su experiencia de uso; e
innovar siempre con el objetivo claro de mejorar la experiencia del usuario.
Las fases de diseño, prototipado y evaluación son cíclicas e iterativas. Esto quiere
decir que todo lo que se diseñe debe ser constantemente evaluado a través de su
prototipado, para así poder corregir errores de usabilidad desde los primeros
momentos del desarrollo. Evaluar el sitio web únicamente una vez finalizado su
desarrollo haría mucho más costosa la reparación de errores de usabilidad, ya que
siempre es más económico reconducir un diseño que rediseñar completamente el
sitio. (Norman, 1986).
En el desarrollo de esta investigación pretendo detallar solamente 10 de las

páginas de las mejores universidades de México. El primer punto de la
investigación será el de buscar las mejores universidades para luego hacer un
estudio sobre la usabilidad que presentan estas páginas.
1.2 Definición del problema
Las páginas web se han convertido cada vez más en una herramienta muy útil
para todo tipo de organizaciones y en esta ocasión abordaremos las páginas de
inicio de las universidades en México trataremos de estudiar el análisis y la
usabilidad que manejan estas y si proporcionan la información necesaria para
todo tipo de personas.
El análisis pretende ser lo más detallado posible para así poder determinar cuáles
de las páginas que analizaremos pueden pasar la prueba de usabilidad. En
muchas ocasiones encontramos muchas páginas de este tipo pero la mayoría de
las veces preferimos cerrarlas ya que proporcionan información que no tiene
relevancia. Entre más se parezca un diseño y su funcionamiento al resto de sitios
web, más familiar y fácil de usar resultará para el usuario final.
1.3 Objetivo
El objetivo de la presente investigación es conocer de dos temas o tal vez más

pero en particular sería el de la usabilidad, el diseño de páginas web y la
información de las universidades en México.

1.4 Alcances
Esta investigación solo tomara en cuenta el análisis de usabilidad de las páginas

de inicio de las universidades en México teniendo en cuenta la información que
estas proporcionan al público.
1.5 Limitaciones
El principal limite que podemos encontrar dentro de esta investigación es el de

conocer las páginas de todas la universidades que existen en México.
1.6 Pregunta de investigación
1. ¿Cuál es el nivel de usabilidad de páginas web de inicio de las

universidades mexicanas?
1.7 Justificación
Hice la elección del tema de usabilidad porque considero que el uso de las
páginas web en cualquier tipo de dependencia tiene mucha relevancia porque
facilita por ejemplo una visita a un lugar lejano porque las páginas deben de
presentar un buen diseño y proporcionar la información para todo tipo de público.
1.8 Tipo de investigación de acuerdo al modelo de cebolla.
El tipo de investigación según el modelo de cebolla consta de 6 niveles el primero

es sobre el método de recolección de datos entre los cuales se encuentran los
datos secundarios y las fuentes secundarias estos son los más adecuados por que
la mayor parte de la información requerida se encuentra en internet. El siguiente
es el que está relacionado con el tiempo este es el transversal por que para esta
investigación tenemos un tiempo muy corto. En las estrategias de investigación
encontramos lo que son el teórico e investigación, en el siguiente nivel
encontramos que el enfoque de esta investigación es deductivo por que va de lo
general a lo particular y en el último es la filosofía de la investigación esta
investigación está basada en el de realismo.

CAPITULO 2 IMPORTANCIA DEL DISEÑO DE SITIOS WEB
En este capítulo encontramos los puntos que son necesarios para la creación de
un sitio web
2.1 ¿Qué es diseño web?
Desde que nació la denominada www se empezaron a surgir muchas necesidades

en el diseño de páginas web con el paso de los años fueron creciendo las
necesidades de los usuarios entonces los diseñadores web tuvieron que basar sus
diseños en lo que los usuarios requieren estas necesidades van en constante
crecimiento así que es indispensable que el diseño de cualquier página sea usable
y accesible.
Hay que tomar en cuenta ciertos factores entre los cuales encontramos:
El de Diseño Universal, más conocido como Diseño para todos, que se define
como el diseño de productos y entornos con el fin de que sean usables por el
máximo número de personas posible, sin necesidad de adaptación o diseño
especializado.
El diseño Universal debe ser interpretado como el esfuerzo de diseñar productos

para que sean accesibles por el mayor número posible de usuarios, y no como la
imposición de que esto se deba conseguir a través de un único diseño final.
(Stephanidis, 2000)
En esta fase se especifica el aspecto visual del sitio web: composición de cada
tipo de página, aspecto y comportamiento de los elementos de interacción y
presentación de elementos multimedia. Con el objetivo de evitar la sobrecara
informativa, en el diseño de cada interfaz se debe tener en cuenta el
comportamiento del usuario en el barrido visual de la página, distribuyendo los
elementos de información y navegación según su importancia en zonas de mayor
o menor jerarquía visual por ejemplo, las zonas superiores del interfaz poseen
más jerarquía visual que las inferiores.
Al utilizar imágenes en el diseño, por motivos de accesibilidad y comprensibilidad,

se debe cuidar su resolución y tamaño, así como en fotografías la no pérdida de
significación o contexto por recorte o minimización excesiva de la imagen. Desde
una perspectiva más amplia del diseño visual del sitio es importante mantener una

coherencia y estilo común entre todas las páginas, proporcionando una
consistencia visual a todo el sitio. Para asegurar que esta coherencia se cumple,
es útil elaborar un libro o guía de estilo que sirva de documento referencia para
todo el equipo de desarrollo. (Cooper, 1999)
En los últimos puntos es muy importante que los usuarios tengan una visibilidad
que no les moleste por eso es necesario que se conozcan en donde van las
imágenes y las animaciones para que no molesten y no sea un factor para que el
diseño sea vea mal.
En el diseño web existen muchos factores para lograr que una página sea usable
depende de algunos que ya mencione anteriormente pero existen muchos más
como sería el tipo de navegador que se utilice entre muchos otros factores.
Conforme llevaba a cabo la presente investigación encontré información que se
requiere para el buen diseño web pero que de acuerdo a lo requerido por esta no
mencionare.
2.2 Accesibilidad web
Un concepto íntimamente ligado al de usabilidad es el de accesibilidad. Éste ya no

se refiere a la facilidad de uso, sino a la posibilidad de acceso. En concreto a que
el diseño, como prerrequisito imprescindible para ser usable, posibilite el acceso a
todos sus potenciales usuarios, sin excluir a aquellos con limitaciones individuales
discapacidades, dominio del idioma, o limitaciones derivadas del contexto de
acceso.
La accesibilidad Web como el atributo de calidad de un producto o servicio web

que se refiere a la posibilidad de que pueda ser accedido y usado por el mayor
número posible de personas, indiferentemente de las limitaciones propias del
individuo o de las derivadas del contexto de uso
En las limitaciones propias del individuo no sólo se engloban aquellas

representadas por discapacidades, sino también otras, como pueden ser el
idioma, conocimientos o experiencia. Además, la accesibilidad no sólo implica la
necesidad de facilitar el acceso, sino también la de facilitar el uso.
Un diseño web será accesible cuando sea usable para más personas en más
situaciones o contextos de uso posibilitando a todos los usuarios, de forma
eficiente y satisfactoria, la realización de tareas. La accesibilidad debe ser
entendida como parte de la usabilidad, así como requisito necesario para que ésta
sea posible. (Hassan Montero, 2003)

En un sitio que no tiene accesibilidad no podemos decir que es 100% usable por
que los usuarios se aburren y terminan cambiando de página este término es muy
complejo puesto que maneja por ejemplo las discapacidades que pudieran tener
los usuarios. Cuando diseñamos un sitio web hay que tratar de que sea para todo
tipo de usuarios no importa las limitaciones que se tengan hay que hacer un buen
estudio de accesibilidad.
2.3 Diseño visual
En esta fase se especifica el aspecto visual del sitio web: composición de cada
tipo de página, aspecto y comportamiento de los elementos de interacción y
presentación de elementos multimedia.
Con el objetivo de evitar la sobrecara informativa, en el diseño de cada interfaz se

debe tener en cuenta el comportamiento del usuario en el barrido visual de la
página, distribuyendo los elementos de información y navegación según su
importancia en zonas de mayor o menor jerarquía visual por ejemplo, las zonas
superiores del interfaz poseen más jerarquía visual que las inferiores.
Además de la posición de cada elemento en la interfaz, existen otras técnicas para

jerarquizar información como son: uso del tamaño y espacio ocupado por cada
elemento para otorgarle importancia en la jerarquía visual, utilización del contraste
de color para discriminar y distribuir información, uso de efectos tipográficos para
enfatizar contenidos, rotura de la simetría y uso de efectos de relieve, profundidad
para resaltar elementos, etc.
Además de evitar la sobrecarga informativa jerarquizando los contenidos mediante

las técnicas descritas, para evitar la sobrecarga memorística se recomienda definir
menús de navegación con un número de opciones reducido, normalmente no más
de nueve diferentes.
Otro aspecto importante en el diseño visual del sitio es la accesibilidad. En el uso

de colores, por ejemplo, se debe ofrecer suficiente contraste entre texto y fondo
para no dificultar la lectura, e igualmente seleccionar combinaciones de colores
teniendo siempre en cuenta las discapacidades visuales en la percepción del color
que pudieran presentar nuestros usuarios. Al utilizar imágenes en el diseño, por
motivos de accesibilidad y comprensibilidad, se debe cuidar su resolución y
tamaño, así como en fotografías la no pérdida de significación o contexto por
recorte o minimización excesiva de la imagen.
Desde una perspectiva más amplia del diseño visual del sitio es importante
mantener una coherencia y estilo común entre todas las páginas, proporcionando
una consistencia visual a todo el sitio. Para asegurar que esta coherencia se

cumple, es útil elaborar un libro o guía de estilo que sirva de documento referencia
para todo el equipo de desarrollo. (Hassan, 2004)

CAPITULO 3 TECNICAS PARA LA MEDICION DE LA USABILIDAD
En este capítulo encontramos lo que es la usabilidad según los autores más

mencionados dentro de la web.
3.1 ¿Qué es usabilidad?
La ISO define la usabilidad como el " grado de eficacia, eficiencia y satisfacción

con la que usuarios específicos pueden lograr objetivos específicos, en contextos
de uso específicos”.
Como se indica en la definición, la usabilidad de una aplicación debe ser

entendida siempre en relación con la forma y condiciones de uso por parte de sus
usuarios, así como con las características y necesidades propias de estos
usuarios. Un diseño no es en sí mismo usable: lo es para usuarios específicos en
contextos de uso específico.
Pretender que una aplicación web sea usable independientemente de quién y

cómo la use se corresponde más con una visión o enfoque universalista de la
usabilidad (en ocasiones necesaria), que con una visión realista y práctica. Esto es
debido a que normalmente toda aplicación se diseña con la intención de satisfacer
las necesidades de una audiencia concreta y determinada, por lo que será más
usable cuanto más adaptado esté su diseño a esta audiencia específica, y por
tanto menos lo esté para el resto de personas.
El concepto de usabilidad puede ser definido, además de como atributo de calidad

de una aplicación, consecuentemente, como disciplina o enfoque de diseño y
evaluación. Se suele hablar entonces de Ingeniería de la usabilidad conjunto de
fundamentos teóricos y metodológicos que aseguren el cumplimiento de los
niveles de usabilidad requeridos para la aplicación.
Se da la paradoja de que mientras que un diseño usable requiere delimitar a su

audiencia potencial con el fin de diseñar para lo concreto, un diseño accesible
implica la necesidad de diseñar para la diversidad y heterogeneidad de
necesidades de acceso presentadas por esta audiencia específica. (Martín, 2004)

3.2 Técnicas de medición de usabilidad
En este apartado colocare las técnicas de usabilidad que existen y que son
necesarias para la buena creación de sitios web.
Se entiende por medición de la Usabilidad la tarea de aplicar uno más métodos

que permiten obtener datos objetivos acerca de la calidad de la experiencia que
tiene un usuario en un Sitio Web. Por lo mismo, se trata de la aplicación de
métricas sobre diferentes aspectos que van desde la interfaz gráfica hasta el uso y
comprensión de las funcionalidades, que permitan comparar la experiencia que
tiene un usuario en diferentes Sitios Web, mediante métodos que puedan ser
utilizados con cualquier tipo de ellos.
El interés central de la utilización de estas métricas es que se pueden lograr

criterios objetivos respecto de los aspectos medidos, con lo cual se obtiene mayor
información que la que sólo otorga la percepción subjetiva de una persona, por
muy experta o conocedora de las tecnologías de información que ella sea.
A continuación encontramos los diez principios de Nielsen. Su revisión permite

desarrollar un proceso repetitivo de desarrollo y pruebas, que asegure que el
producto resultante permita generar un sitio usable. La importancia de ponerlos en
práctica radica en que ofrecen una forma simple de revisar las características de
los Sitios Web de una manera más económica que sistemas similares basados en
pruebas de laboratorios y tecnologías de seguimiento de las actividades de los
usuarios.
o Visibilidad del estado del sistema: el sistema siempre debería mantener

informados a los usuarios de lo que está ocurriendo, a través de
retroalimentación apropiada dentro de un tiempo razonable.
o Relación entre el sistema y el mundo real: el sistema debería hablar el

lenguaje de los usuarios mediante palabras, frases y conceptos que sean
familiares al usuario, más que con términos relacionados con el sistema.
Seguir las convenciones del mundo real, haciendo que la información
aparezca en un orden natural y lógico.

o Control y libertad del usuario: hay ocasiones en que los usuarios elegirán
las funciones del sistema por error y necesitarán una “salida de
emergencia” claramente marcada para dejar el estado no deseado al que
accedieron, sin tener que pasar por una serie de pasos. Se deben apoyar
las funciones de deshacer y rehacer.
o Consistencia y estándares: los usuarios no deberían cuestionarse si

acciones, situaciones o palabras diferentes significan en realidad la misma
cosa; siga las convenciones establecidas.
o Prevención de errores: mucho mejor que un buen diseño de mensajes de

error es realizar un diseño cuidadoso que prevenga la ocurrencia de
problemas.
o Reconocimiento antes que recuerdo: se deben hacer visibles los objetos,

acciones y opciones, El usuario no tendría que recordar la información que
se le da en una parte del proceso, para seguir adelante. Las instrucciones
para el uso del sistema deben estar a la vista o ser fácilmente recuperables
cuando sea necesario.
o Flexibilidad y eficiencia de uso: la presencia de aceleradores, que no son

vistos por los usuarios novatos, puede ofrecer una interacción más rápida a
los usuarios expertos que la que el sistema puede proveer a los usuarios de
todo tipo. Se debe permitir que los usuarios adapte el sistema para usos
frecuentes.
o Estética y diseño minimalista: los diálogos no deben contener

información que es irrelevante o poco usada. Cada unidad extra de
información en un diálogo, compite con las unidades de información
relevante y disminuye su visibilidad relativa.

o Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de
errores: los mensajes de error se deben entregar en un lenguaje claro y
simple, indicando en forma precisa el problema y sugerir una solución
constructiva al problema.
o Ayuda y documentación: incluso en los casos en que el sistema pueda

ser usado sin documentación, podría ser necesario ofrecer ayuda y
documentación. Dicha información debería ser fácil de buscar, estar
enfocada en las tareas del usuario, con una lista concreta de pasos a
desarrollar y no ser demasiado extensa. (Nielsen J. , 2005)
Los diez principios antes mencionados tratan de hacernos ver que la creación de
una página web es tan compleja hay que revisar cuestiones de sistemas
operativos, en que esta debe de tener una velocidad de respuesta máxima ningún
usuario está dispuesto a esperar más de 10 segundos ni uno mismo como
diseñador los esperaría. Todo lo que menciona este autor tiene mucho peso en la
elaboración de sitios web son los mejores principios de usabilidad que existen.
Los métodos de evaluación más comunes utilizados en el diseño de usabilidad de

software hoy en día son:
Card Sorting
Card Sorting es una herramienta útil para determinar cómo los usuarios clasifican
la información que aparecerá en una página web. El nombre de tipo tarjeta viene
del ejercicio original, que utilizaba tarjetas con una palabra o frase escrita en un
lado, y en algunos casos, una definición o información adicional en el reverso.
Tradicionalmente hay dos tipos de tarjeta de ordenar los ejercicios utilizados: tipo
de tarjeta abierta, y cerrada.
Charrettes
Un estudio de obra es un ejercicio intenso generativo que tiene lugar durante

varios días, e involucra a un grupo multidisciplinario de los participantes. El
propósito de un estudio de obra es generar de manera eficiente soluciones de

diseño para un proyecto al considerar diversos puntos de vista de los actores
involucrados.
Cognitiva de Tutoriales
Para determinar el nivel de usabilidad de un sitio web, uno o más expertos en

usabilidad a través de un conjunto de las tareas más típicas de usuario con el
apoyo de la página web, de un solo paso a un tiempo. En cada paso en un
procedimiento de trabajo, el evaluador se pregunta las siguientes cuatro
preguntas acerca de sus expectativas de comportamientos de usuarios:
1. ¿El usuario de tratar de lograr el efecto deseado?

2. ¿Se dará cuenta el usuario de que la acción correcta está disponible?
3. ¿El usuario asociar la acción correcta con el efecto que se logrará?
4. ¿Si la acción se realiza correctamente, verá el usuario que se está
avanzando hacia la solución de la tarea?
Análisis contextual de tareas
Un análisis de tareas contextuales, o investigación contextual, es un método de

investigación de usuario que se aplica la observación etnográfica y uno a uno
entrevistas para comprender los procedimientos de tareas que los usuarios deben
seguir para alcanzar sus metas.
Grupos Focales
Los grupos focales son mejor utilizados como una herramienta de evaluación, en
lugar de un generativo (como facilitar el intercambio de ideas y Charrettes). Un
moderador facilita un pequeño grupo de 4 a 8 participantes demostrando o
mostrándoles un producto o concepto. Los participantes son motivados a dar
libremente su opinión honesta sobre el producto, incluyendo sugerencias para
mejorarlo.

Evaluación Heurística
Una evaluación heurística, o Auditoría de usabilidad, es una evaluación de una

interfaz por uno o más factores humanos expertos. Los evaluadores para medir la
usabilidad, la eficiencia y eficacia de la interfaz basada en la usabilidad Heurística.
Uno en Uno Entrevistas
Estructurado, uno a uno entrevistas ayudar a los investigadores a aprender acerca

de las actitudes de los usuarios y las creencias acerca de un sitio web o de
aplicaciones y tareas específicas que el web y apoya la aplicación. Con el fin de
impedir que el investigador de la introducción de sesgos y garantizar que cada
participante se le piden las mismas preguntas, el investigador prepara una guía de
discusión, que es una lista de preguntas que se le pedirá de los participantes en
un orden determinado.
Diseño Participativo
Diseño participativo son ejercicios de participación de los interesados y los

usuarios finales en el proceso de resolver un problema de diseño. Los
participantes traen su propia percepción del problema y pueden ofrecer ideas
únicas y las soluciones de diseño basadas en las necesidades y preferencias del
usuario que no eran evidentes para el investigador.

3.3 Métodos automatizados de evaluación de usabilidad
Los métodos de evaluación automatizados utilizan programas específicos de

medición para analizar el comportamiento de los usuarios, es decir, miden
automáticamente una serie de variables consideradas predictoras de la usabilidad
de un sitio web. Sin embargo, en estos estudios los parámetros registrados no
siempre son buenos predictores de la usabilidad.
Que unos usuarios hayan seguido cierta ruta para llegar a unos contenidos no
significa necesariamente que esa ruta sea la más usable. Es posible que el sitio
esté estructurado de tal manera que esa es la única ruta lógica para muchos
usuarios. Lo que no dice un tracking es si realmente esa ruta es buena y que ha
ocurrido con los usuarios que no han sabido cómo llegar a los contenidos que les
interesaban. A partir de unos clics perdidos y sin rumbo no podemos inferir las
intenciones.
El tracking es adecuado para encontrar errores, informa sobre donde se atascan

los usuarios en un proceso, que enlaces no se pinchan porque no son
comprensibles o no interesan, etc.
El inconveniente más serio de los estudios automatizados es que miden el

comportamiento de los usuarios actuales de un sitio. Estas personas están
suficientemente motivadas, suficientemente satisfechas y han aprendido a usar el
sitio web. Sin embargo, a no ser que el sitio web sea un completo éxito y no
necesite captar más usuarios los usuarios actuales no nos interesan tanto como
los potenciales. Si se diseña un sitio web para usuarios actuales se estará
diseñando un sitio web para usuarios que ya lo usan y la ganancia será
relativamente marginal porque no se centra en llegar al potencial real de Internet,
es decir, a los usuarios que todavía no la usan.
Parámetros de medida analizados por los estudios automatizados son la

contabilización del número de clics del ratón, el control de los links seguidos por
los usuarios y del grado de actualización del sitio. Aunque estos datos
proporcionan información objetiva, sin embargo, la identificación de manera simple
de los datos obtenidos con medidas de usabilidad es algo discutible.
Un programa puede medir el tiempo requerido para encontrar la ruta adecuada a

la solución, sin embargo en el caso de que el usuario se pierda, no aporta ninguna
solución para corregirlo. Por otro lado, cada usuario se comporta de manera
diferente no indica las causas de su comportamiento. No se conoce si quizá sólo
está comparando ofertas y no quiere comprar, si entró al sitio web por error, o sólo
curioseaba.(Nielsen J. , 2005)

La contabilización del número de clics como predictor de la usabilidad de un sitio
web puede dar lugar a errores de interpretación. Por ejemplo, un diseño más
eficiente de una página, no siempre reduce el número de clics necesarios para
realizar una compra. Quizás es incluso necesario incrementar el número de pasos
para minimizar el volumen de información y facilitar decisiones más rápidas y
sencillas de los usuarios evitando así el riesgo de pérdida que puede aparecer en
decisiones complejas.
En cualquier caso existen una serie de datos que sí pueden ser recogidos
automáticamente por programas específicos, como el tiempo de descarga, la
validación del código HTML, el estado de los enlaces y la accesibilidad para
discapacitados.
En el transcurso de esta investigación he percibido que una gran parte de los

artículos sobre la usabilidad tratan de las diferentes discapacidades que puede
tener una persona o en este caso un usuario y que al momento de hacer y
diseñar una página web es necesario tener en cuenta, por que en muchas
ocasiones los web master no lo toman mucho en cuenta. Un ejemplo muy claro es
el de las páginas de las universidades considero que no toman en cuenta a estas
personas En la actualidad las páginas de internet están tomando importancia por
estas personas en particular si se trata de obtener información con respecto al
objeto de estudio. Hay que tomar en cuenta que pueden ser visitadas por
cualquier persona.
Estudios vía web
Son estudios de mercado que recogen respuestas vía web. Estos estudios tienen
su principal ventaja en la integración de todos los procesos de investigación y su
bajo coste.
La integración de los procesos en un estudio on-line permite visualizar los

resultados de la investigación en cualquier momento. Sus beneficios principales
son la rapidez en la recogida de las respuestas, en la presentación de resultados y
una reducción de costos de ejecución.
El principal inconveniente de este tipo de estudios es el de la validez de la

muestra. En muchos casos se utilizan banners y ventanas, que con diferentes
sistemas de muestreo reclutan sujetos para el estudio. Las muestras recogidas de
este modo son autoseleccionadas, están muy sesgadas porque sólo perfiles muy
específicos de usuarios prestan atención a los banners, a las ventanas "pop-up" y
se deciden a responder a las preguntas de un cuestionario vía web. Este problema
anula los beneficios de esta técnica de evaluación y la hace muy poco
recomendable. (Nielsen J. , 2005)
Uno de los problemas básicos es que no se puede pedir a los usuarios lo que
quieren y esperan la respuesta a tener ninguna relación con su comportamiento
real cuando están en línea.
Los grupos de enfoque a menudo pueden ser directamente engañosos. Cuando

las personas se sientan alrededor de una mesa a discutir lo que les gustaría ver
en un sitio, que a menudo se centrará en aspectos superficiales y alabanza
características de lujo como la animación y efectos en Flash. Pero si a estos
mismos usuarios se les pregunta nunca van a utilizar realmente el sitio para
realizar una tarea, por lo general se ignoran las animaciones y se encuentra con
que los efectos Flash en vez de hacerles un bien les perjudica. (Nielsen J. , 1999)
Hay que cuidar todo lo que esté relacionado con las aplicaciones que pudieran
tener nuestras páginas, hay que hacer un estudio pertinente en el que debemos
de cuidar a qué tipo de público está dirigida la creación de ese sitio web. Como lo
menciona en los artículos hay que estar checando lo que en verdad nos sirve y si
es factible que este en nuestro diseño si no hay que tener la sabiduría necesaria
como para dejarlo fuera del diseño.

CAPITULO 4 TECNICA DE EVALUACION HEURISTCA PARA MEDIR
USABILIDAD DE SITIOS WEB
Aquí encontraran la técnica de medición de usabilidad por la cual me decidí.
4.1 Evaluación heurística
Ventajas
o La principal ventaja de la evaluación heurística es su bajo coste.

o En la evaluación heurística no es necesaria la interpretación externa,
porque la información elaborada por los evaluadores, a partir de los factores
de usabilidad, está contenida en sus informes.
o Puede ser usado en fases tempranas del proceso de desarrollo.
o Los evaluadores no requieren entrenamiento formal en usabilidad.
Desventajas
o Los evaluadores individuales identifican un número relativamente pequeño

de aspectos de usabilidad.
o El evaluador sólo simulará el comportamiento de un usuario.
o No siempre propone soluciones inmediatas a los aspectos de usabilidad
que son identificados.
o Las evaluaciones heurísticas pueden ser propensas a reportar falsas
alarmas- que los problemas detectados no sean problemas de usabilidad
en la aplicación. (López, 2009)
Seleccione la técnica de heurística para medir la usabilidad por su eficacia, su

relativa rapidez de utilización y su facilidad de uso ya que la forma en cómo se
trabaja hacen que podamos tener un mayor análisis. Con esta técnica de medición
de la usabilidad podemos hacer que él responsable del diseño de cualquier sitio
web que se estudie tenga una visión más amplia de los errores que cometió o que
comete al momento de la realización del sitio. Con esta técnica podemos reducir
los errores comunes que se generan como los de optimización.

Esta técnica es muy parecida a la definición que tenemos de usabilidad porque
tiene mucha facilidad de uso. La evaluación de esta técnica es un tipo de
inspección donde los especialistas evalúan si el sitio web cumple con una serie de
principios de usabilidad común mente aceptados por los investigadores.
Durante la revisión del sitio web el analizador hace un comparativo de varios sitios
para así poder facilitar su revisión y poder encontrar parte visual o interactiva que
pudiera ser relevante para cada caso en particular.
Este análisis perfilará en la medida de lo posible soluciones a los principales

problemas detectados, pero no es un estudio exhaustivo de todos los problemas
de facilidad de uso del sitio web. Escapa al alcance del trabajo exponer
justificaciones más allá de la experiencia del examinador, ya que obtener datos de
carácter cuantitativo requiere diferentes inspecciones o test adicionales que el
cliente podrá encargar al diseñador posteriormente si lo desea.

CAPITULO 5 METODOLOGIA
En este capítulo se describe la metodología que se usó para la investigación sobre

la usabilidad de sitios web.
5.1 Descripción del sector objeto de estudio
El sector del objeto de estudio de la investigación es el educativo ya que esta

investigación está basada en el estudio y medición de usabilidad de las páginas de
inicio de las mejores diez universidades que se encuentran en México.
5.2 Tipo de investigación
En este punto encontraran el modelo de cebolla que nos indica el tipo de

investigación.
Figura 5.1 Autor (Elaboración propia).

5.3 Instrumentos para recabar información
El instrumento que yo utilice para recabar información fue la computadora puesto

que como lo había mencionado una gran cantidad de artículos y libro se
encuentran en la web. La investigación está relacionada con el internet así es que
por eso decidí que era la mejor manera de recabar la información.

CAPITULO 6 RESULTADOS
LAS 10 MEJORES UNIVERSIDADES DE MEXICO
6.1 UNAM www.unam.mx
Imagen 6.1 (Página de inicio de la UNAM)
La primera página que se muestra es la de la Universidad Autónoma de México en

está encontramos que tiene una buena interfaz gráfica luego pasamos a checar si
tiene un buen acomodo de la estructura. Tiene el logotipo de la institución en la
esquina del lado izquierdo, tiene varias formas de contactarnos con esta
universidad, tiene una barra de navegación de google, tiene información sobre las
carreras que proporciona esta. Entonces concluimos que esta página si tiene un
nivel de usabilidad bueno.

6.2 Tecnológico de Monterrey www.itesm.mx
Imagen 6.2 (Página de inicio de Tecnológico de Monterrey)
En esta página que es la del Tecnológico de Monterrey se puede apreciar que si

tiene una buena interfaz gráfica al igual que la anterior tiene el nombre y el
logotipo en la parte de arriba hacia la izquierda. Lo que me parece muy
interesante es que esta página tiene la opción de otro idioma en este caso el
inglés, también tiene la barra de búsqueda y tiene la información necesaria de lo
que se proporciona en la universidad, tiene buenos colores no daña la vista y lo
único que le falta a esta es un apartado en el cual nos podamos contactar con esta
universidad. Aunque falta uno de los puntos de evaluación creo que su diseño web
y la usabilidad de esta página son muy buenos.

6.3 Instituto Politécnico Nacional www.ipn.com
Imagen 6.3 (Página de inicio del Instituto Politécnico Nacional)
En la página del Instituto Politécnico Nacional encontramos que no tiene una

buena interfaz gráfica ya que cuenta con dos franjas que son innecesarias porque
no tiene ningún uso, cuenta como las dos anteriores con su logotipo en la parte
izquierda de arriba, esta también cuenta con una barra de contacto y corro
electrónico, cuenta con la barra de búsqueda y tres opciones más de cambio de
idioma. Tiene los demás puntos de usabilidad proporciona información sobre
carreras y todo lo que ofrece. Tiene también una barra con algunas promociones.
Considero que solo tiene algunas fallas pero en si tiene un buen nivel de
usabilidad.

6.4 Universidad Iberoamericana www.uia.mx
Imagen 6.4 (Página de inicio de la Universidad Iberoamericana)
En la cuarta página que es la de la Universidad Iberoamericana su diseño es

sencillo faltan algunos de los puntos que estamos tomando en cuenta para una
buena medición de usabilidad como por ejemplo no cuenta con una opción para
contactar con esta universidad, tiene una barra de búsqueda, presenta información
sobre sus carreras y lo que se ofrece en esta, tiene su logotipo en el mismo lugar
que las demás imágenes que he analizado. En esta página no encontramos que
tiene un nivel de usabilidad medio.

6.5 Universidad Autónoma de Guadalajara www.uag.mx
Imagen 6.5 (Página de inicio de la Universidad Autónoma de Guadalajara)
La página de inicio de la universidad Autónoma de Guadalajara esta tiene una

buen diseño de interfaz pero considero que falta información en la página de inicio
tiene una enorme imagen que es no es una buena opción puesto que a los
próximos estudiantes no les interesa mucho, no cuenta con una barra de
información, no tiene información sobre las carrera que ofrece. Tiene solo cuatro
opciones. Falta oda la información cuenta con el logotipo pero no está colocado
correctamente a simple vista se puede decir que esta página no tiene un buen
nivel de usabilidad.

6.6 Universidad de Monterrey www.udem.edu.mx
Imagen 6.6 (Página de inicio de la Universidad de Monterrey)
En esta lista se encuentra también la Universidad de Monterrey, esta tiene un muy

buen diseño de interfaz, tiene coloreas que son muy acordes a la información que
se muestra en ella .cuenta con su logotipo en la parte superior izquierda tiene su
barra de buscador y también para poder contactarse con esta universidad, algo
que me parece muy interesante es que cuenta con una parte que está diseñada
para los padres. Cuenta con la información necesaria para que cualquier persona
que quiera hacer uso de ella. Esta página tiene un buen diseño y también un buen
nivel de usabilidad

6.7 Universidad la Salle www.ulsa.mx
Imagen 6.7 (Página de inicio de la Universidad la Salle)
En esta página de la Universidad la Salle tiene un interfaz regular ya que cuenta

con una imagen que cubre prácticamente toda la página, tiene su opción de
contacto proporciona información de la universidad mediante un video y eso me
parece muy interesante y coloca a esta página en un buen nivel de usabilidad.
Cuenta también con promoción, tiene su logotipo en la parte superior izquierda y
es muy interesante la cuestión que manejan del cambio de idioma para otros
estudiantes.

6.8 Universidad Autónoma Metropolitana www.uam.mx
Imagen 6.8 (Página de inicio de la Universidad Autónoma Metropolitana)
Ahora toco el turno de la Universidad Autónoma Metropolitana. En esta

encontramos que el diseño de interfaz que maneja esta es muy bueno. Cuenta
con su logotipo como la anterior en la parte superior izquierda, proporciona las
opciones necesarias para obtener la información requerida por cada tipo de
usuario, tiene sus apartados de promoción, cuenta con su apartado de contacto
que es uno de los puntos principales de la usabilidad en este punto de las páginas
de único que no tiene esta página es una barra de buscador pero en si considero
que su nivel de usabilidad es muy bueno.

6.9 Universidad Autónoma de Baja California www.uabc.mx
Imagen 6.9 (Página de inicio de la Universidad Autónoma de Baja California)
Esta página de la Universidad Autónoma de Baja California no cuenta con una

buena interfaz gráfica ya que cuenta con espacios disponibles que deberían de
contener información o algún tipo de promoción. No cuenta con una barra de
búsqueda y le falta un poco de información sobre el que tipo de carreras maneja,
tiene su apartado para contactarlos. Considero que faltan algunos puntos para
medición de la usabilidad así es que a esta página de inicio le falta.

6.10 Universidad Autónoma de Chapingo www.chapingo.mx
Imagen 6.10 (Página de inicio de la Universidad Autónoma de Chapingo)
En la Universidad Autónoma de Chapingo tiene un interfaz de tipo medio pero

considero que no se ve tan mal como en las pasadas esta cuenta con su logotipo,
esta tiene su barra de búsqueda y también para contactarnos con esta universidad
proporciona información de todo tipo que está relacionada con todos los servicios
que se ofrecen. Esta página tiene un buen nivel de usabilidad.

6.11 Universidad interamericana para el Desarrollo www.unid.edu.mx
Imagen 6.11 (Página de inicio de la Universidad Interamericana para el

Desarrollo)
Por ultimo tenemos la página de inicio dela Universidad Interamericana para el

Desarrollo esta página de inicio tiene una muy buena interfaz, tiene su logotipo en
la parte izquierda proporciona menús en donde podemos encontrar toda la
información necesaria para los estudiantes. Esta página cuenta con un gran
número de puntos para una buena usabilidad cuenta con un enlace para ver
videos de las noticias de esta escuela, tiene promoción, información, barra de
búsqueda entre muchas otras cosas más esta es una de las mejores páginas de
inicio que revise en esta investigación.

CAPITULO 7 REFERENCIAS BIBLIOGRAFICAS
En este capítulo encontramos las referencias de donde se obtuvo la información.
Cooper. (24 de Agosto de 1999). http://www.hipertext.net/web/pag206_print.htm#Diseñovisula/.
Hassan Montero, M. F. (17 de junio de 2003).

http://www.hipertext.net/web/pag206_print.htm#Usabilidad%20y%20accesibilidad.
Hassan, Y. (02 de Mayo de 2004).
http://www.usabilityfirst.com/usability-methods/. (s.f.). Recuperado el 20 de junio de 2010
López, J. (30 de Agosto de 2009). http://www.circulodemaquetadores.com/usabilidad/test-

heuristico.
Martín, Y. H. (18 de mayo de 2004).
Nielsen, J. (12 de December de 1999). http://www.useit.com/alertbox/991212.html.
Nielsen, J. (16 de Mayo de 2005). http://www.alzado.org/articulo.php?id_art=69.
Nielsen, J. (2005). http://www.guiaweb.gob.cl/guia-

v2/capitulos/05/aseguramiento.htm#medicion.
Norman, D. (1986). http://www.hipertext.net/web/pag206_print.htm.
Stephanidis. (9 de Julio de 2000).

http://redc.revistas.csic.es/index.php/redc/article/viewFile/156/210.

Proyecto Final

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Proyecto Final

Загружено:

Авторское право:

Доступные форматы

INSTITUTO TECNOLÓGICO DE DURANGO

Departamento de Sistemas y Computación

Durango Dgo. Junio 2010

Marisela Blancarte López Lic. Informática Ene-Jun 2010 1

Marisela Blancarte López Lic. Informática Ene-Jun 2010 3

La presente investigación es sobre el diseño de las páginas de las universidades

En la búsqueda de artículos sobre el tema de diseño de páginas web me encontré

Centrar el diseño en sus usuarios (en oposición a centrarlo en las posibilidades

En el desarrollo de esta investigación pretendo detallar solamente 10 de las

1.2 Definición del problema

El objetivo de la presente investigación es conocer de dos temas o tal vez más

Marisela Blancarte López Lic. Informática Ene-Jun 2010 5

Esta investigación solo tomara en cuenta el análisis de usabilidad de las páginas

El principal limite que podemos encontrar dentro de esta investigación es el de

1.6 Pregunta de investigación

1. ¿Cuál es el nivel de usabilidad de páginas web de inicio de las

1.8 Tipo de investigación de acuerdo al modelo de cebolla.

El tipo de investigación según el modelo de cebolla consta de 6 niveles el primero

Marisela Blancarte López Lic. Informática Ene-Jun 2010 7

2.1 ¿Qué es diseño web?

Desde que nació la denominada www se empezaron a surgir muchas necesidades

El diseño Universal debe ser interpretado como el esfuerzo de diseñar productos

Al utilizar imágenes en el diseño, por motivos de accesibilidad y comprensibilidad,

Marisela Blancarte López Lic. Informática Ene-Jun 2010 8

2.2 Accesibilidad web

Un concepto íntimamente ligado al de usabilidad es el de accesibilidad. Éste ya no

La accesibilidad Web como el atributo de calidad de un producto o servicio web

En las limitaciones propias del individuo no sólo se engloban aquellas

Marisela Blancarte López Lic. Informática Ene-Jun 2010 9

2.3 Diseño visual

Con el objetivo de evitar la sobrecara informativa, en el diseño de cada interfaz se

Además de la posición de cada elemento en la interfaz, existen otras técnicas para

Además de evitar la sobrecarga informativa jerarquizando los contenidos mediante

Otro aspecto importante en el diseño visual del sitio es la accesibilidad. En el uso

Marisela Blancarte López Lic. Informática Ene-Jun 2010 10

Marisela Blancarte López Lic. Informática Ene-Jun 2010 11

En este capítulo encontramos lo que es la usabilidad según los autores más

3.1 ¿Qué es usabilidad?

La ISO define la usabilidad como el " grado de eficacia, eficiencia y satisfacción

Como se indica en la definición, la usabilidad de una aplicación debe ser

Pretender que una aplicación web sea usable independientemente de quién y

El concepto de usabilidad puede ser definido, además de como atributo de calidad

Se da la paradoja de que mientras que un diseño usable requiere delimitar a su

Marisela Blancarte López Lic. Informática Ene-Jun 2010 12

Se entiende por medición de la Usabilidad la tarea de aplicar uno más métodos

El interés central de la utilización de estas métricas es que se pueden lograr

A continuación encontramos los diez principios de Nielsen. Su revisión permite

o Visibilidad del estado del sistema: el sistema siempre debería mantener

o Relación entre el sistema y el mundo real: el sistema debería hablar el

Marisela Blancarte López Lic. Informática Ene-Jun 2010 13

o Consistencia y estándares: los usuarios no deberían cuestionarse si

o Prevención de errores: mucho mejor que un buen diseño de mensajes de

o Reconocimiento antes que recuerdo: se deben hacer visibles los objetos,

o Flexibilidad y eficiencia de uso: la presencia de aceleradores, que no son

o Estética y diseño minimalista: los diálogos no deben contener

Marisela Blancarte López Lic. Informática Ene-Jun 2010 14

o Ayuda y documentación: incluso en los casos en que el sistema pueda

Los métodos de evaluación más comunes utilizados en el diseño de usabilidad de

Un estudio de obra es un ejercicio intenso generativo que tiene lugar durante

Marisela Blancarte López Lic. Informática Ene-Jun 2010 15

Para determinar el nivel de usabilidad de un sitio web, uno o más expertos en

1. ¿El usuario de tratar de lograr el efecto deseado?

Análisis contextual de tareas

Un análisis de tareas contextuales, o investigación contextual, es un método de