Análisis Heurístico, FODA y resultados

  • 515 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
515
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 10. Screenshots • Generales • Identidad e información
  • 11. Screenshots • Lenguaje y redacción • Rotulado
  • 12. Screenshots • Estructura • Navegación
  • 13. Screenshots • Lay-out • Accesibilidad
  • 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.
  • 20. Gracias.