10 principios heurísticos de Jacobe

NielsenALUMNO : Karina PÉREZ LARA 20146945Angelica Marlene ROMERO VIRTO 19969324Raida SALCEDO MEDINA 20147025Antonio TEZÉN IPANAQUÉ 20147028

CURSO : Tecnología, Ergonomía y aprendizajeDocente :

Mag. Claudia PaganoMag. Inés Ruiz de Castilla

RECURSO WEB

PRINCIPIOS DE USABILIDAD DE JACOB NIELSEN

Visibilidad del estado

del sistema

Consistencia

entre el sistema

y el mundo

real

El usuario es libre y tiene

el control

Consistencia y estánda

res

Prevención de

errores

Mejor reconocer que

memorizar

Flexibilidad y

eficiencia de uso

Diseño estético minimal

ista

Ayuda al usuario a reconoce

r, diagnosti

car y recuperarse de los errores

Ayuda y documen

tación

VOKI 2 2 2 2 3 3 3 2 2 3

PIXTON 3 2 3 3 3 3 3 3 3 3

TAGXEDO 2 2 2 3 3 2 3 3 1 3

EASEL.LY 3 2 2 3 3 3 3 3 2 2

WIX 3 3 3 3 3 3 2 2 3 3

ANIMOTO 3 3 3 3 3 3 3 3 3 3

1= NO CUMPLE 2=CUMPLE A MEDIAS 3= CUMPLE COMPLETAMENTE

VOKI Principio 2: Consistencia entre el sistema y el mundo real

No presenta: Buscador Indicación de la ruta de la página El feedback no indica cuando la acción está en proceso o ha

sido realizada con éxito o no. ATRAS

VOKI Principio 3: El usuario es libre y tiene el control

No presenta: La estructura y presentación de la información explicaciones o

información adicional para su comprensión: Limita la redacción del texto hasta cierto número de caracteres y la elección del personaje.

ATRAS

VokiPrincipio 4:Consistencia y estándares

• Trata de mantener un diseño parejo, pero hay exceso de elementos y publicidad.

ATRAS

Principio 6Mejor reconocer que memorizar

üLa barra de herramientas tiene todas las opciones para crear la nube de palabras (agrupación). El inconveniente es que no se puede gravar. Entonces se recomienda guardar como imagen, de lo contrario copiar la URL.

ATRAS

PIXTONPRINCIPIO 2: Consistencia entre el sistema y el mundo real

No presenta: El número de paso del proceso y los pasos restantes Indicación de la ruta de la página El feedback no indica cuando la acción está en proceso o ha sido

realizada con éxito o no.

ATRAS

Visibilidad del estado del sistema

ATRAS

Tagxedo

Voki

ATRAS

Ayuda al usuario a reconocer, diagnosticar

y recuperarse de los errores

Voki Easel.ly

Ayuda y documentación

Easel.ly

ATRAS

TAGXEDOPrincipio 2: Consistencia entre el sistema y el mundo real

No presenta: Buscador El número de paso del proceso y los pasos restantes Indicación de la ruta de la página El feedback no indica cuando la acción está en proceso o ha sido

realizada con éxito o no.

ATRAS

TAGXEDOPrincipio 3: El usuario es libre y tiene el control

No presenta: La estructura y presentación de la información explicaciones o

información adicional para su comprensión: no existe la opción de edición.

ATRAS

EasellyPRINCIPIO 2: Consistencia entre el sistema y el mundo real

No presenta: Buscador El número de paso del proceso y los pasos restantes Indicación de la ruta de la página El feedback no indica cuando la acción está en proceso o ha sido

realizada con éxito o no.

ATRAS

EasellyPRINCIPIO 3: El usuario es libre y tiene el control

No presenta: Los botones propios para volver o dar paso a otra página.

ATRAS

VOKI

ATRAS

ATRAS

ATRAS

VOKI

ATRAS

PIXTON

ATRAS

TAGXEDO

ATRAS

EASEL.LY

ATRAS

WIX

ATRAS

ANIMOTO

ATRAS

PRINCIPIO 5: Prevención de errores

El diseño de un sitio debe prevenir los errores de los usuarios antes de que se cometan.

1. La sección de búsqueda tolera errores tipográficos (mayúsculas), ortográficos (acentos) y acepta palabras similares

2. Es posible seleccionar la información en situaciones donde se pueden producir errores en la escritura

3. La aplicación especifica o da un ejemplo sobre cómo debe introducirse la información en campos problemáticos (ejemplo: fecha dd/mm/aaaa o mmm/dd/aa)

ATRAS

PRINCIPIO 7: Flexibilidad y eficiencia de uso

La aplicación facilita y optimiza el acceso de los usuarios cualesquiera que sean sus características.1. El buscador permite la búsqueda por varios criterios

2. Es posible repetir una acción ya realizada anteriormente de manera sencilla

3. Cuando es pertinente la aplicación permite al usuario personalizar acciones frecuentes

4. Se utiliza un diseño que se adapte a las diferentes resoluciones posibles que pueda tener un usuario

ATRAS

PRINCIPIO 8: Diseño estético MinimalistaLa aplicación evita toda información o gráfico irrelevante y sólo incluye la información necesaria. Cada unidad adicional de la información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.1. La información visible es la única esencial para realizar la acción. La

página no contiene información que es irrelevante o raramente necesaria

2. No existe redundancia de información en la página3. La información es corta, concisa y precisa.

4. Cada elemento de información se distingue del resto y no se confunde con otros

5. Las fuentes son legibles y tienen un tamaño adecuado

6. Las fuentes utilizan colores con suficiente contraste con el fondo

7. No existen más de 15 iconos

ATRAS

SEO (Search Engine Optimization)= Optimización de motor de búsqueda.

URI (Uniform Resource Identifier, = identificador uniforme de recurso)

ATRAS

wix

VOKI

ATRAS

PRINCIPIO 8: Diseño estético MinimalistaLa aplicación evita toda información o gráfico irrelevante y sólo incluye la información necesaria. Cada unidad adicional de la información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.

1. La información visible es la única esencial para realizar la acción. La página no contiene información que es irrelevante o raramente necesaria

2

2. No existe redundancia de información en la página 2

3. La información es corta, concisa y precisa. 2

4. Cada elemento de información se distingue del resto y no se confunde con otros

2

5. Las fuentes son legibles y tienen un tamaño adecuado 2

6. Las fuentes utilizan colores con suficiente contraste con el fondo 2

7. No existen más de 15 iconos 2

1= No cumple2=Cumple a

medias3= Cumple

completamente

WIX

PRINCIPIO 8: Diseño estético MinimalistaLa aplicación evita toda información o gráfico irrelevante y sólo incluye la información necesaria. Cada unidad adicional de la información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.

1. La información visible es la única esencial para realizar la acción. La página no contiene información que es irrelevante o raramente necesaria 2

2. No existe redundancia de información en la página 33. La información es corta, concisa y precisa. 24. Cada elemento de información se distingue del resto y no se confunde con otros 25. Las fuentes son legibles y tienen un tamaño adecuado 36. Las fuentes utilizan colores con suficiente contraste con el fondo 27. No existen más de 15 iconos 2

ATRAS

RECURSO

PRINCIPIOS DE USABILIDAD DE JACOB NIELSEN

WEB P1: P2: P3: P4: P5: P6: P7: P8:

P9:Ayuda al usuario a

reconocer, diagnosticar y recuperarse

de los errores

P10:

TOTAL

Visibilidad del

estado del sistema

Consistencia entre el

sistema y el mundo real

El usuario es libre y tiene el

control

Consistencia y estándares

Prevención de errores

Mejor reconocer que

memorizar

Flexibilidad y eficiencia de

uso

Diseño estético

minimalista

Ayuda y documentació

n

VOKI 2 2 2 2 3 3 3 2 2 3 24

PIXTON 2 2 3 3 3 3 3 3 2 2 26

TAGXEDO 2 2 2 3 3 2 3 3 1 2 23

EASEL.LY 3 2 2 3 3 3 3 3 2 2 26

WIX 3 3 3 3 3 3 2 2 3 3 28

ANIMOTO 3 3 3 3 3 3 3 3 3 2 29

VOKI PIXTON TAGXEDO EASEL.LY WIX ANIMOTO 0

5

10

15

20

25

30

2426

23

2628 29

NIVEL DE USABILIDAD DE ACUERDO A LOS PRINCIPIOS DE JACOB NIELSEN

TOTAL

ATRAS