análisis heurístico, foda y resultados

PUCV

Análisis Heurístico, FODA y resultados.

Integrantes: Daniela Pardo Maria Jesus Abarca Nicol Valenzuela Bernardo Catrilef Christofer Fattori

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

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".

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 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

1

2

3

45

678

9

1011

12

1314

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

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

NO NO LO SÉ SÍ

NO NO LO SÉ SÍ

GENERALES

Un 60% no estuvo de acuerdoUn 27,5% no sabíaUn 12,5% estuvo de acuerdo


Un 22,8% no estuvo de acuerdoUn 17,2% no sabíaUn 60% estuvo de acuerdo


Un 10% no estuvo de acuerdoUn 10% no sabíaUn 80% estuvo de acuerdo

ROTULADO





Un 85,7% no estuvo de acuerdoUn 2,8% no sabíaUn 11,5% estuvo de acuerdo

BÚSQUEDA




AYUDAUn 45% no estuvo de acuerdoUn 30% no sabíaUn 25% estuvo de acuerdo

ACCESIBILIDAD




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

54

55

56

57

58

59

61

64

65

6063

62

67

6870

71

66

69

7372

ACLARACIONES



• 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






ROTULADO






BÚSQUEDA





ACCESIBILIDAD




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

54

55

56

57

58

59

61

64

65

6063

62

67

6870

71

66

69

7372

ACLARACIONES


GENERALES






ROTULADO






BÚSQUEDA




AYUDA


ACCESIBILIDAD




ACLARACIONES


1

2

3

45

678

9

1011

12

1314

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

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

NO NO LO SÉ SÍ

NO NO LO SÉ SÍ

Análisis HeurísticoCumple porcentualmente con los requerimientos necesarios

12,5%

60%

80%

GENERALES






ROTULADO






BÚSQUEDA




AYUDA


ACCESIBILIDAD




ACLARACIONES


1

2

3

45

678

9

1011

12

1314

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

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

NO NO LO SÉ SÍ

NO NO LO SÉ SÍ


56%

29%

11,5%

Cumple porcentualmente con los requerimientos necesarios

GENERALES






ROTULADO






BÚSQUEDA




AYUDA


ACCESIBILIDAD




ACLARACIONES


1

2

3

45

678

9

1011

12

1314

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

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

NO NO LO SÉ SÍ

NO NO LO SÉ SÍ


42,3%

25%

30%

46,6%


GENERALES






ROTULADO






BÚSQUEDA




AYUDA


ACCESIBILIDAD




ACLARACIONES


1

2

3

45

678

9

1011

12

1314

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

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

NO NO LO SÉ SÍ

NO NO LO SÉ SÍ


60%

50%


Screenshots

• Generales

• Identidad e información

Screenshots

• Lenguaje y redacción

• Rotulado

Screenshots

• Estructura

• Navegación

Screenshots

• Lay-out

• Accesibilidad

GENERALES






ROTULADO






BÚSQUEDA





ACCESIBILIDAD




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

54

55

56

57

58

59

61

64

65

6063

62

67

6870

71

66

69

7372

ACLARACIONES


GENERALES






ROTULADO






BÚSQUEDA





ACCESIBILIDAD




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

54

55

56

57

58

59

61

64

65

6063

62

67

6870

71

66

69

7372

ACLARACIONES


Gráficos del Análisis Heurístico

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.

$QiOLVLV�)2'$�SXFY 'DQLHOD 1LFRO -HVX %HUQDUGR &KULVWRSKHU

)RUWDOH]DV

��2WRUJD�WRGD�OD�LQIRUPDFLyQDFDGpPLFD�UHTXHULGD�SRU�ORVDOXPQRV�\�RWURV�XVXDULRV�DJUHJDQGR�TXH�HPSOHD�XQ�OHQJXDMHFODUR�\�FRQFLVR��3RVHH�XQDLQWHUID]�VHQFLOOD�VLQ�UHFDUJDVJUiILFDV��6H�DFWXDOL]D�FRQUHJXODULGDG��/H�IDFLOLWD�ODQDYHJDFLyQ�DO�XVXDULR�FRQ�UHVSHFWRDO�XVR�GHO�1DYHJDGRU�$FDGpPLFR�\HO�$XOD�9LUWXDO��1R�KD\�IDOWDV�TXHQLHJXHQ�OD�YLVLELOLGDG�GH�OD�OHFWXUD�

��(V�YLVXDOL]DEOH�HQ�FXDOTXLHU�QDYHJDGRU��\�QR�QHFHVLWD�GH�XQSOXJLQ�DGLFLRQDO�SDUD�PRVWUDU�OD�LQIRUPDFLzQ

��QR�SRVHH�SiJLQDV�VLQ�FRQWHQLGR��HVYLVLEOH�HQ�FXDOTXLHU�QDYHJDGRU

��KD\�XQ�HVIXHU]R�SRU�FUHDU�XQD�LQWHUID]�OLPSLD��H[LVWH�XQ�UHSUHVHQDWLYLGDG�GHO�ORJR�HQ�WRGDV�VXVSDLJQDV��KD\�XQ�HVIXHU]R�GH�FRPXQLFDU�GH�IRUPDFODUD��DPHQD�\�SUHFLVD�VXV�FRQWHQLGRV�HQ�OD�UHGDFFLzQ�

2SRUWXQLGDGHV

��7RPDQGR�HQ�FXHQWD�TXH�ODXQLYHUVLGDG�SRVHH�XQ�3URJUDPD,QWHUQDFLRQDO�GH�,QWHUFDPELR��VHSRGUtD�SRVLELOLWDU�DO�VLWLR�FRPRELOLQJ�H��3RQHUVH�DO�GtD�FRQ�ODWHFQRORJtD�\�DGRSWDU�XQ�GLVHxRUHVSRQVLYH��SDUD�DVt�KDFHU�PiVJUDWD�OD�QDYHJDFLyQ�VLQ�LPSRUWDU�ODSODWDIRUPD�

��7LHQH�OD�RSRUWXQLGDG�GH�WHQHU�LQIOXHQFLDV�JOREDOHV��/D8QLYHUVLGDG�&DWyOLFD�GH�9DOSDUDtVR�WLHQH�PXFKR�SUHVWLJLR�FRPR8QLYHUVLGDG��HO�VLWLR�QR�HVWi�HQIRFDGR�SDUD�ORV�DOXPQRV�TXHTXLHUHQ�LQJUHVDU�D�ODV�FDUUHUDV��FODUDPHQWH��VL�VH�PHMRUDVH�HO�VLWLRHQ�HVWH�DVSHFWR��OD�HPSUHVD�VH�YHUtD�EDVWDQWH�EHQHILFLDGD�

��HV�VLPSOH�\�FRQILDEOH�HO�VLWLR��DVLTXHJHQHUD�FRQILDQ]D�D�ORV�DOXPQRV�\H[WUDQMHURV�D�HVWXGLDU�HQ�OD�XQLYHUVLGDG��WLHQH�EHFDV��IRQGRV�XQLYHUVLWDULRV�\�ODSRVLELOLGDG�GH�JHQHUDU�HVWXGLRV�HQ�HOH[WUDQMHUR�

��DYDQFHV�WHFQRORJLFRV�SHUPLWHQ�UHGLVHxDU�HO�VLWLR��H[LVWHQ�UHFXUVRV�SDUD�PHMRUDOR��H[LVWH�HO�WLPHSRQHFHVDULR�SDUD�PHMRUDUOR

'HELOLGDGHV

��(O�GLVHxR�GHO�VLWLR�QR�DSURYHFKDHO�HVSDFLR��OR�TXH�SURYRFKD�TXH�VHYHD�PX\�FRQGHQVDGR��/DHVWUXFWXUD�QR�HVWi�ELHQ�GHWHUPLQDGDHQ�HO�VLWLR��1R�H[LVWH�XQ�PRWRU�GHE~VTXHGD�HQ�OD�SiJLQD�GH�LQLFLR�TXHD\XGH�D�ORV�XVXDULRV�

��(O�GLVHxR�QR�SXHGH�VHU�YLVXDOL]DGR�HQ�ODV�GLYHUVDVSODWDIRUPDV��/D�LQIRUPDFLyQ�SUHVHQWDGD�HQ�HO�KRPH��HV�GHVPHVXUDGD�\�QRSUHVHQWD�XQ�REMHWLYR�FODUR��VLQR�PiV�ELHQ�FDyWLFR��(O�GLVHxR�GHO�VLWLR�HQ�FRPSOHWLWXG�QR�HV�XQLIRUPH��1R�H[LVWH�XQDFRKHVLyQ�HQ�FXDQWR�D�JULOODV��PiUJHQHV�\�WLSRJUDItD��/D�OHJLELOLGDG�HV�SpVLPD��HO�WDPDxR�WLSRJUiILFR�\�OD�LQWHUOtQHD�QRVRQ�DGHFXDGDV��/D�FDWHJRUL]DFLyQ�GH�WySLFRV�HV�QXOD��QR�H[LVWH�XQ�RUGHQDOJXQR��&ODUDPHQWH�QR�KD\�DUTXLWHFWXUD�GH�OD�LQIRUPDFLyQ�GHEDVH�

��QR�VH�XWLOL]D�ELHQ�OD�GLVWULEXFLyQ�GHOHVSDFLR��IDOWD�HVSDFLDGR��LQWHUOHWUDMH�\PD\RU�XVR�GH�UHFXUVRV�WLSRJUiILFRV��QRLQWHUDFW~D�FRQ�HO�XVXDULR�QL�JHQHUD�XQDH[SHULHQFLD�JUDWD��QR�IDFLOLWD�ODE~VTXHGD�GH�LQIRUPDFLyQ��OD�GLILFXOWD��DOJXQRV�OLQNV�QR�WLHQHQ�UHWRUQR��WH�HQYtDQ�DXQD�SiJLQD�H[WHUQD��HO�ORJRWLSR�DSDUHFHHQ�GLVWLQWRV�IRUPDWRV�\�JHQHUD�FRQIXVLyQ��H[LVWHQ�SiJLQDV�TXH�QR�WLHQHQ�XQD�FODUDHVWUXFWXUDFLyQ�GH�OD�FDMD�GH�HVWLOR�

��QR�XWLOL]D�DSURSLDGDPHQWH�HO�HVSDFLR�YLVXDO�GHO�VLWLR��GLILFFXOWD�OD�QDYHJDFLzQ�DO�DEULU�YDULDV�YHQWDQDVGLVWLWDV�VLQ�UHWRUQR�D�OD�KRPH��KD\�GLVSDULGDG�HQ�HOGLVHxR�HQ�ODV�SDJLQDV�GH�ORV�VHUYLFLRV�TXH�RIUHFH�

$PHQD]DV

��'HELGR�D�ODV�GLIHUHQWHVHVWUXFXUDV�TXH�SUHVHQWD�HO�VLWLR��HOXVXDULR�WLHQGH�D�SHUGHUVH��SRU�HQGH�WUDWDUi�GH�HYLWDU�XWLOL]DU�HO�VLWLRQXHYDPHQWH��$O�QR�SRVHHU�XQDGLVHxR�UHVSRQVLYH��HQ�PX\LQFyPRGR�YLVLWDU�HO�VLWLR�HQ�RWURVPHGLRV�FRPR�ORV�WDEOHWV�\��HQHVSHFLDO��ORV�FHOXODUHV�

��(O�VLWLR�ZHE�GHELHVH�GHELHVH�UHIOHMDU�OR�TXH�HV�HO�HVSDFLR�ItVLFRTXH�VH�TXLHUH�GDU�D�FRQRFHU�YLUWXDOPHQWH��6L�OD�HVWUXFWXUD�GH�pVWHHV�FDyWLFD��VH�SRGUtD�SHQVDU�TXH�OD�GH�OD�8QLYHUVLGDG�WDPELpQ�ORHV�\�HVH�KHFKR�SXHGH�OOHJDU�D�JHQHUDU�LQVHJXULGDG�HQ�ORVDFWXDOHV�\�SRWHQFLDOHV�XVXDULRV�TXH�OD�YLVLWHQ�

��H[LVWHQ�VLWLRV�FRQ�PHMRU�YLVXDOL]DFLyQ�GHFRQWHQLGRV��HVWRV�VLWLRV�ZHE�WLHQHQPHMRU�RIHUWD�\�GHPDQGD�GH�FDUUHUDV�VHPLQDULRV��PDJLVWHU��SRVWJUDGR��VRQSULYDGDV�\�VLHPSUH�E~VFDQ�FDSWDU�PD\RUFDQWLGDG�GH�HVWXGLDQWHV�D�WUDYpV�GH�ODSXEOLFLGDG

��H[LVWHQ�VLWLRV�TXH�RIUHFHQ�ORV�PLVPRV�VHUYLFLRV�GHPHMRU�PDQHUD�DO�XVXDULR��

Fortalezas Oportunidades

Debilidades Amenazas

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

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.

Gracias.

análisis heurístico, foda y resultados

Design