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

Visibilid

ad del

estado

del

sistema

Consist

encia

entre el

sistema

y el

mundo

real

El

usuario

es libre

y tiene

el

control

Consist

encia y

estánda

res

Prevenci

ón de

errores

Mejor

reconoc

er que

memoriz

ar

Flexibili

dad y

eficienc

ia de

uso

Diseño

estético

minimal

ista

Ayuda al

usuario a

reconoce

r,

diagnosti

car y

recuperar

se 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 MEDIAS3= 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

Voki

Principio 4:Consistencia y estándares

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

publicidad.

ATRAS

Principio 6

Mejor 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

PIXTON

PRINCIPIO 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

ATRAS

ATRAS

ATRAS

TAGXEDO

Principio 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

TAGXEDO

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: no existe la opción de

edición.

ATRAS

Easelly

PRINCIPIO 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

Easelly

PRINCIPIO 3: El usuario es libre y tiene el control

No presenta:

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

ATRAS

ATRAS

ATRAS

ATRAS

ATRAS

ATRAS

ATRAS

ATRAS

ATRAS

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

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

ATRAS

PRINCIPIO 8: Diseño estético Minimalista

La 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ágina2

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 adecuado2

6. Las fuentes utilizan colores con

suficiente contraste con el fondo2

7. No existen más de 15 iconos 2

1= No cumple2=Cumple a

medias

3= Cumple

completamente

PRINCIPIO 8: Diseño estético Minimalista

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

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

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 3

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

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

0

5

10

15

20

25

30

VOKI PIXTON TAGXEDO EASEL.LY WIX ANIMOTO

2426

23

2628

29

NIVEL DE USABILIDAD DE ACUERDO A LOS PRINCIPIOS DE JACOB NIELSEN

VOKI

PIXTON

TAGXEDO

EASEL.LY

WIX

ANIMOTO

ATRAS