1. PUCV
Análisis Heurístico, FODA y resultados.
Integrantes: Daniela Pardo
Maria Jesus Abarca
Nicol Valenzuela
Bernardo Catrilef
Christofer Fattori
2. Introducción
• Se estudia distintas metodologías para analizar el funcionamiento
y buen desarrollo del sitio web PUCV
• Se escogen las que generan buenos resultados a largo plazo y se
pueden aplicar en cualquier etapa del proyecto.
• Los Criterios para evaluar son: (a) Generales, (b) Identidad e
información, (c) Lenguaje y redacción, (d) Rotulado, (e) Estructura y
navegación, (f) Lay-out de la página, (g) Búsqueda, (h) Elementos
multimedia, (i) Ayuda, (j) Accesibilidad, (k) Control y
retroalimentación.
(1) Márquez Correa, Joaquín. “Guía para evaluación experta”. Information architect. Icon medialab.
(2) Hassan Montero, Yusef. Martín Fernández, Francisco J. “Guía de Evaluación Heurística de Sitios Web”. 2003
3. Metodologías aplicadas
• Análisis Heurístico (estudio cuantitativo)
• FODA (estudio cualitativo)
• Participación y trabajo en conjunto (coordinación de equipo)
(3) Nielsen, Jakob. "Ten Usability Heuristics".
(4) Instone, Keith. "Site Usability Heuristics for the Web. (5) Krug, Steve. "Don't Make Me Think".
4. Análisis Heurístico
• PASO 1: Se realiza una pauta con las áreas y
preguntas correspondientes a estas para tener
un estudio acabado, crítico, constructivo y
cuantitativo de los problemas que se están
generando en el sitio web PUCV.
• PASO 2: Se realiza el análisis heurístico a
través de una participación en conjunto con
los integrantes del equipo.
GENERALES
¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien definidos?
¿Los contenidos y servicios que ofrece se corresponden con esos objetivos?
¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas
internas? ¿Son claras y permanentes?
¿Muestra de forma precisa y completa qué contenidos o servicios ofrece
realmente el sitio web?
¿La estructura general del sitio web está orientada al usuario?
¿El look & feel general se corresponde con los objetivos, características,
contenidos y servicios del sitio web?
¿Es coherente el diseño general del sitio web?
¿Es reconocible el diseño general del sitio web?
¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?
IDENTIDAD E INFORMACIÓN
¿Se muestra claramente la identidad de la empresa-sitio a través de todas las
páginas?
El Logotipo, ¿es significativo, identificable y suficientemente visible?
El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios
ofrece?
¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'web-
master',...?
¿Se proporciona mecanismos para ponerse en contacto con la empresa?
¿Se proporciona información sobre la protección de datos de carácter
personal de los clientes o los derechos de autor de los contenidos del sitio
web?
En artículos, noticias, informes...¿Se muestra claramente información sobre el
autor, fuentes y fechas de creación y revisión del documento?
LENGUAJE Y REDACCIÓN
¿El sitio web habla el mismo lenguaje que sus usuarios?
¿Emplea un lenguaje claro y conciso?
¿Es amigable, familiar y cercano?
¿1 párrafo = 1 idea?
ROTULADO
Los rótulos, ¿son significativos?
¿Usa rótulos estándar?
¿Usa un único sistema de organización, bien definido y claro?
¿Utiliza un sistema de rotulado controlado y preciso?
El título de las páginas, ¿Es correcto? ¿Ha sido planificado?
ESTRUCTURA Y NAVEGACIÓN
La estructura de organización y navegación, ¿Es la más adecuada?
En el caso de estructura jerárquica, ¿Mantiene un equilibrio entre Profundi-
dad y Anchura?
En el caso de ser puramente hipertextual, ¿Están todos los clusters de nodos
comunicados?
¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización
indica su estado (visitados, activos,...)?
En menús de navegación, ¿Se ha controlado el número de elementos y de
términos por elemento para no producir sobrecarga memorística?
¿Es predecible la respuesta del sistema antes de hacer clic sobre el enlace?
¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?
¿Existen elementos de navegación que orienten al usuario acerca de dónde
está y cómo deshacer su navegación?
Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo
'title' describiendo la página de destino?
¿Se ha evitado la redundancia de enlaces?
¿Se ha controlado que no haya páginas "huérfanas"?
LAY-OUT DE LA PÁGINA
¿Se aprovechan las zonas de alta jerarquía informativa de la página para
contenidos de mayor relevancia?
¿Se ha evitado la sobrecarga informativa?
¿Es una interfaz limpia, sin ruido visual?
¿Existen zonas en "blanco" entre los objetos informativos de la página para
poder descansar la vista?
¿Se hace un uso correcto del espacio visual de la página?
¿Se utiliza correctamente la jerarquía visual para expresar las relaciones del
tipo "parte de" entre los elementos de la página?
¿Se ha controlado la longitud de página?
BÚSQUEDA
¿Se encuentra fácilmente accesible?
¿Es fácilmente reconocible como tal?
¿Permite la búsqueda avanzada?
¿Muestra los resultados de la búsqueda de forma comprensible para el
usuario?
¿La caja de texto es lo suficientemente ancha?
¿Asiste al usuario en caso de no poder ofrecer resultados para una consulta-
da dada?
ELEMENTOS MULTIMEDIA
¿Las fotografías están bien recortadas? ¿son comprensibles? ¿se ha cuidado
su resolución?
¿Las metáforas visuales son reconocibles y comprensibles por cualquier
usuario?
¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido?
¿Se ha evitado el uso de animaciones cíclicas?
AYUDA
Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?
En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y
"estándar"?
¿Se ofrece ayuda contextual en tareas complejas?
Si posee FAQs, ¿es correcta tanto la elección como la redacción de las
preguntas? ¿y las respuestas?
ACCESIBILIDAD
¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
NO NO LO SÉ SÍ
5. GENERALES
Un 60% no estuvo de acuerdo
Un 27,5% no sabía
Un 12,5% estuvo de acuerdo
IDENTIDAD E INFORMACIÓN
Un 22,8% no estuvo de acuerdo
Un 17,2% no sabía
Un 60% estuvo de acuerdo
LENGUAJE Y REDACCIÓN
Un 10% no estuvo de acuerdo
Un 10% no sabía
Un 80% estuvo de acuerdo
ROTULADO
Un 16% no estuvo de acuerdo
Un 28% no sabía
Un 56% estuvo de acuerdo
ESTRUCTURA Y NAVEGACIÓN
Un 49% no estuvo de acuerdo
Un 22% no sabía
Un 29% estuvo de acuerdo
LAY-OUT DE LA PÁGINA
Un 85,7% no estuvo de acuerdo
Un 2,8% no sabía
Un 11,5% estuvo de acuerdo
BÚSQUEDA
Un 46,6% no estuvo de acuerdo
Un 6,8% no sabía
Un 46,6% estuvo de acuerdo
ELEMENTOS MULTIMEDIA
Un 65% no estuvo de acuerdo
Un 5% no sabía
Un 30% estuvo de acuerdo
AYUDA
Un 45% no estuvo de acuerdo
Un 30% no sabía
Un 25% estuvo de acuerdo
1
2
3
4
5
6
7
8
9
10
11
1213
14
15
16
17
18
19
20
21
2223
24
43
46
25
26
27
29
30
32
34
35
2833
31
36
37
38
3940
41
42
44
4547
48
49
50
51
52
53
5456
Análisis Heurístico
• PASO 3: Se registra con screenshots los
problemas más comunes con los que los
usuarios se encuentran en el sitio web PUCV
• PASO 4: Se obtienen resultados cuantitativos
del sitio web, que luego se visualizan en el
gráfico para hacer visible los problemas que
están sucediendo en el sitio web PUCV.
GENERALES
Un 60% no estuvo de acuerdo
Un 27,5% no sabía
Un 12,5% estuvo de acuerdo
IDENTIDAD E INFORMACIÓN
Un 22,8% no estuvo de acuerdo
Un 17,2% no sabía
Un 60% estuvo de acuerdo
LENGUAJE Y REDACCIÓN
Un 10% no estuvo de acuerdo
Un 10% no sabía
Un 80% estuvo de acuerdo
ROTULADO
Un 16% no estuvo de acuerdo
Un 28% no sabía
Un 56% estuvo de acuerdo
ESTRUCTURA Y NAVEGACIÓN
Un 49% no estuvo de acuerdo
Un 22% no sabía
Un 29% estuvo de acuerdo
1
2
3
4
5
6
7
8
9
10
11
1213
14
15
16
17
18
19
20
21
2223
24
25
26
27
29
30
32
34
35
2833
31
6. GENERALES
¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien definidos?
¿Los contenidos y servicios que ofrece se corresponden con esos objetivos?
¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas
internas? ¿Son claras y permanentes?
¿Muestra de forma precisa y completa qué contenidos o servicios ofrece
realmente el sitio web?
¿La estructura general del sitio web está orientada al usuario?
¿El look & feel general se corresponde con los objetivos, características,
contenidos y servicios del sitio web?
¿Es coherente el diseño general del sitio web?
¿Es reconocible el diseño general del sitio web?
¿El sitio web se actualiza periódicamente? ¿Indica cuándo se actualiza?
IDENTIDAD E INFORMACIÓN
¿Se muestra claramente la identidad de la empresa-sitio a través de todas las
páginas?
El Logotipo, ¿es significativo, identificable y suficientemente visible?
El eslogan o tagline, ¿expresa realmente qué es la empresa y qué servicios
ofrece?
¿Se ofrece algún enlace con información sobre la empresa, sitio web, 'web-
master',...?
¿Se proporciona mecanismos para ponerse en contacto con la empresa?
¿Se proporciona información sobre la protección de datos de carácter
personal de los clientes o los derechos de autor de los contenidos del sitio
web?
En artículos, noticias, informes...¿Se muestra claramente información sobre el
autor, fuentes y fechas de creación y revisión del documento?
LENGUAJE Y REDACCIÓN
¿El sitio web habla el mismo lenguaje que sus usuarios?
¿Emplea un lenguaje claro y conciso?
¿Es amigable, familiar y cercano?
¿1 párrafo = 1 idea?
ROTULADO
Los rótulos, ¿son significativos?
¿Usa rótulos estándar?
¿Usa un único sistema de organización, bien definido y claro?
¿Utiliza un sistema de rotulado controlado y preciso?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
NO NO LO SÉ SÍ
Análisis Heurístico
Cumple porcentualmente con
los requerimientos necesarios
12,5%
60%
80%
7. ¿Se proporciona mecanismos para ponerse en contacto con la empresa?
¿Se proporciona información sobre la protección de datos de carácter
personal de los clientes o los derechos de autor de los contenidos del sitio
web?
En artículos, noticias, informes...¿Se muestra claramente información sobre el
autor, fuentes y fechas de creación y revisión del documento?
LENGUAJE Y REDACCIÓN
¿El sitio web habla el mismo lenguaje que sus usuarios?
¿Emplea un lenguaje claro y conciso?
¿Es amigable, familiar y cercano?
¿1 párrafo = 1 idea?
ROTULADO
Los rótulos, ¿son significativos?
¿Usa rótulos estándar?
¿Usa un único sistema de organización, bien definido y claro?
¿Utiliza un sistema de rotulado controlado y preciso?
El título de las páginas, ¿Es correcto? ¿Ha sido planificado?
ESTRUCTURA Y NAVEGACIÓN
La estructura de organización y navegación, ¿Es la más adecuada?
En el caso de estructura jerárquica, ¿Mantiene un equilibrio entre Profundi-
dad y Anchura?
En el caso de ser puramente hipertextual, ¿Están todos los clusters de nodos
comunicados?
¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización
indica su estado (visitados, activos,...)?
En menús de navegación, ¿Se ha controlado el número de elementos y de
términos por elemento para no producir sobrecarga memorística?
¿Es predecible la respuesta del sistema antes de hacer clic sobre el enlace?
¿Se ha controlado que no haya enlaces que no llevan a ningún sitio?
¿Existen elementos de navegación que orienten al usuario acerca de dónde
está y cómo deshacer su navegación?
Las imágenes enlace, ¿se reconocen como clicables? ¿incluyen un atributo
'title' describiendo la página de destino?
¿Se ha evitado la redundancia de enlaces?
¿Se ha controlado que no haya páginas "huérfanas"?
LAY-OUT DE LA PÁGINA
¿Se aprovechan las zonas de alta jerarquía informativa de la página para
contenidos de mayor relevancia?
¿Se ha evitado la sobrecarga informativa?
¿Es una interfaz limpia, sin ruido visual?
¿Existen zonas en "blanco" entre los objetos informativos de la página para
poder descansar la vista?
¿Se hace un uso correcto del espacio visual de la página?
¿Se utiliza correctamente la jerarquía visual para expresar las relaciones del
tipo "parte de" entre los elementos de la página?
¿Se ha controlado la longitud de página?
BÚSQUEDA
¿Se encuentra fácilmente accesible?
¿Es fácilmente reconocible como tal?
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
Análisis Heurístico
56%
29%
11,5%
Cumple porcentualmente con
los requerimientos necesarios
8. LAY-OUT DE LA PÁGINA
¿Se aprovechan las zonas de alta jerarquía informativa de la página para
contenidos de mayor relevancia?
¿Se ha evitado la sobrecarga informativa?
¿Es una interfaz limpia, sin ruido visual?
¿Existen zonas en "blanco" entre los objetos informativos de la página para
poder descansar la vista?
¿Se hace un uso correcto del espacio visual de la página?
¿Se utiliza correctamente la jerarquía visual para expresar las relaciones del
tipo "parte de" entre los elementos de la página?
¿Se ha controlado la longitud de página?
BÚSQUEDA
¿Se encuentra fácilmente accesible?
¿Es fácilmente reconocible como tal?
¿Permite la búsqueda avanzada?
¿Muestra los resultados de la búsqueda de forma comprensible para el
usuario?
¿La caja de texto es lo suficientemente ancha?
¿Asiste al usuario en caso de no poder ofrecer resultados para una consulta-
da dada?
ELEMENTOS MULTIMEDIA
¿Las fotografías están bien recortadas? ¿son comprensibles? ¿se ha cuidado
su resolución?
¿Las metáforas visuales son reconocibles y comprensibles por cualquier
usuario?
¿El uso de imágenes o animaciones proporciona algún tipo de valor añadido?
¿Se ha evitado el uso de animaciones cíclicas?
AYUDA
Si posee una sección de Ayuda, ¿Es verdaderamente necesaria?
En enlace a la sección de Ayuda, ¿Está colocado en una zona visible y
"estándar"?
¿Se ofrece ayuda contextual en tareas complejas?
Si posee FAQs, ¿es correcta tanto la elección como la redacción de las
preguntas? ¿y las respuestas?
ACCESIBILIDAD
¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la
fuente es lo suficientemente grande como para no dificultar la legibilidad del
texto?
¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación emplea-
dos facilitan la lectura?
¿Existe un alto contraste entre el color de fuente y el fondo?
¿Incluyen las imágenes atributos 'alt' que describan su contenido?
¿Es compatible el sitio web con los diferentes navegadores?
¿Se visualiza correctamente con diferentes resoluciones de pantalla?
¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesi-
dad de tener que descargar e instalar plugins adicionales?
¿Se ha controlado el peso de la página?
¿Se puede imprimir la página sin problemas?
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
Análisis Heurístico
42,3%
25%
30%
46,6%
Cumple porcentualmente con
los requerimientos necesarios
9. ACCESIBILIDAD
¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la
fuente es lo suficientemente grande como para no dificultar la legibilidad del
texto?
¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación emplea-
dos facilitan la lectura?
¿Existe un alto contraste entre el color de fuente y el fondo?
¿Incluyen las imágenes atributos 'alt' que describan su contenido?
¿Es compatible el sitio web con los diferentes navegadores?
¿Se visualiza correctamente con diferentes resoluciones de pantalla?
¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesi-
dad de tener que descargar e instalar plugins adicionales?
¿Se ha controlado el peso de la página?
¿Se puede imprimir la página sin problemas?
CONTROL Y RETROALIMENTACIÓN
¿Tiene el usuario todo el control sobre el interfaz?
¿Se informa constantemente al usuario acerca de lo que está pasando?
¿Se informa al usuario de lo que ha pasado?
Cuando se produce un error, ¿se informa de forma clara y no alarmista al
usuario de lo ocurrido y de cómo solucionar el problema?
¿Posee el usuario libertad para actuar?
¿Se ha controlado el tiempo de respuesta?
ACLARACIONES
La orientación del usuario
Respecto a la publicidad
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
NO NO LO SÉ SÍ
Análisis Heurístico
60%
50%
Cumple porcentualmente con
los requerimientos necesarios
14. GENERALES
Un 60% no estuvo de acuerdo
Un 27,5% no sabía
Un 12,5% estuvo de acuerdo
IDENTIDAD E INFORMACIÓN
Un 22,8% no estuvo de acuerdo
Un 17,2% no sabía
Un 60% estuvo de acuerdo
1
2
3
4
5
6
7
8
9
10
11
1213
14
15
LENGUAJE Y REDACCIÓN
Un 10% no estuvo de acuerdo
Un 10% no sabía
Un 80% estuvo de acuerdo
ROTULADO
Un 16% no estuvo de acuerdo
Un 28% no sabía
Un 56% estuvo de acuerdo
1213
16
17
18
19
20
21
2223
24
Gráficos del Análisis Heurístico
15. BÚSQUEDA
Un 46,6% no estuvo de acuerdo
Un 6,8% no sabía
Un 46,6% estuvo de acuerdo
ELEMENTOS MULTIMEDIA
Un 65% no estuvo de acuerdo
Un 5% no sabía
Un 30% estuvo de acuerdo
43
46
38
3940
41
44
4547
48
49
5052
ESTRUCTURA Y NAVEGACIÓN
Un 49% no estuvo de acuerdo
Un 22% no sabía
Un 29% estuvo de acuerdo
LAY-OUT DE LA PÁGINA
Un 85,7% no estuvo de acuerdo
Un 2,8% no sabía
Un 11,5% estuvo de acuerdo
2223
25
26
27
29
30
32
34
35
2833
31
36
37
38
3940
41
42
Gráficos del Análisis Heurístico
16. CONTROL Y RETROALIMENTACIÓN
Un 36,6% no estuvo de acuerdo
Un 13,4% no sabía
Un 50% estuvo de acuerdo
61
6063
62
67
6870
71
66
69
7372
ACLARACIONES
Un 40% no estuvo de acuerdo
Un 0% no sabía
Un 60% estuvo de acuerdo
AYUDA
Un 45% no estuvo de acuerdo
Un 30% no sabía
Un 25% estuvo de acuerdo
ACCESIBILIDAD
Un 44,4% no estuvo de acuerdo
Un 13,3% no sabía
Un 42,3% estuvo de acuerdo
51
53
54
55
56
57
58
5964
65
6063
Gráficos del Análisis Heurístico
17. FODA
• PASO 1: Se realiza una pauta para estudiar las
distintas cualidades que posee el sitio web, de
manera individual y en conjunto.
• PASO 2: Se estudia las fortalezas (propias),
oportunidades (internas y externas),
debilidades (propias) y amenazas (internas y
externas).
• PASO 3: Se obtienen resultados cualitativos
que ayudan a tomar perspectiva de la
situación y más claridad de hacia dónde se
debe apuntar y trabajar para resolver el
problema del sitio web.
Fortalezas Oportunidades
Debilidades Amenazas
18. FODA
Fortalezas Oportunidades
Debilidades Amenazas
• (1) Tomando en cuenta que la
universidad posee un Programa
Internacional de Intercambio, se podría
posibilitar al sitio como bilingüe (2)
Adoptar un diseño responsive, para así
hacer más grata la navegación sin
importar la plataforma.
• (1) El usuario tiende a perderse, por
ende, tratará de evitar utilizar el sitio
nuevamente (2) Al no poseer un diseño
responsive, en muy incómodo visitar el
sitio en otros medios como los tablets y,
en especial, los celulares (3) Existen
sitios que ofrecen los mismos servicios
de mejor manera al usuario
• (1) Hay un esfuerzo por crear una
interfaz limpia (2) Existe una
representatividad del logo en todas
sus páginas (3) Hay un esfuerzo de
comunicar de forma clara, amena y
precisa sus contenidos en la
redacción.
• (1) No utiliza apropiadamente el
espacio visual del sitio (2) dificulta
la navegación al abrir varias
ventanas distintas sin retorno a la
home (3) Hay disparidad en el
diseño de las páginas de los
servicios que ofrece.
A
B
19. Propuestas
• Adoptar un diseño responsive, para así hacer más
grata la navegación sin importar la plataforma.
• Debe enfocarse el diseño del sitio en generar una
mejor experiencia para los usuarios.
• Tomando en cuenta que la universidad posee un
Programa Internacional de Intercambio, se podría
posibilitar al sitio como bilingüe y la opción debería
estar disponible en todas sus páginas enlazadas.
Conclusiones
• El diseño del sitio no aprovecha el espacio,
lo que provoca que se vea muy
condensado.
• La estructura no está bien determinada en el
sitio.
• No existe un motor de búsqueda en la
página de inicio que ayude a los usuarios.