SlideShare una empresa de Scribd logo
1 de 31
ALUMNO :
Karina PÉREZ LARA 20146945
Angelica Marlene ROMERO VIRTO 19969324
Raida SALCEDO MEDINA 20147025
Antonio TEZÉN IPANAQUÉ 20147028
CURSO : Tecnología, Ergonomía y aprendizaje
Docente :
Mag. Claudia Pagano
Mag. 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 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
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 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. 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á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 cumple
2=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 necesaria
2
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
24
26
23
26
28
29
NIVEL DE USABILIDAD DE ACUERDO A LOS PRINCIPIOS DE
JACOB NIELSEN
VOKI
PIXTON
TAGXEDO
EASEL.LY
WIX
ANIMOTO
ATRAS

Más contenido relacionado

Similar a Principios de usabilidad de Jacob Nielsen en recursos web

Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en lineaDiosile Camargo
 
Guia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuarioGuia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuarioLuciano Servettini
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuarioCin Fagundez
 
Gui buenas practicas
Gui buenas practicasGui buenas practicas
Gui buenas practicasakrom1999
 
Diseño del Dialogo en Línea
Diseño del Dialogo en LíneaDiseño del Dialogo en Línea
Diseño del Dialogo en Líneacleopatracarolina
 
Diseño del dialogo en linea eje tematico 5
Diseño del dialogo en linea eje tematico 5Diseño del dialogo en linea eje tematico 5
Diseño del dialogo en linea eje tematico 5Breitner Steven Araujo
 
Ficha de evaluación tecnopedagógica con criterios grupal (4)
Ficha de evaluación tecnopedagógica con criterios grupal (4)Ficha de evaluación tecnopedagógica con criterios grupal (4)
Ficha de evaluación tecnopedagógica con criterios grupal (4)Catherine Meza Coronado
 
Diseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioDiseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioAlejo Andres
 
Exposicion diseño de diálogo en linea
Exposicion diseño de diálogo en lineaExposicion diseño de diálogo en linea
Exposicion diseño de diálogo en lineaClariss Forero
 
Exposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaExposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaClariss Forero
 
Exposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaExposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaClariss Forero
 
Diseño del dialogo en línea
Diseño del dialogo en líneaDiseño del dialogo en línea
Diseño del dialogo en líneaNini Trujillo
 

Similar a Principios de usabilidad de Jacob Nielsen en recursos web (20)

Rec 2
Rec 2Rec 2
Rec 2
 
Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en linea
 
Sesión checklist usabilidad
Sesión checklist usabilidadSesión checklist usabilidad
Sesión checklist usabilidad
 
Sesión checklist usabilidad
Sesión checklist usabilidadSesión checklist usabilidad
Sesión checklist usabilidad
 
Guia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuarioGuia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuario
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 
Gui buenas practicas
Gui buenas practicasGui buenas practicas
Gui buenas practicas
 
Diseño del Dialogo en Línea
Diseño del Dialogo en LíneaDiseño del Dialogo en Línea
Diseño del Dialogo en Línea
 
Diseño del dialogo en linea eje tematico 5
Diseño del dialogo en linea eje tematico 5Diseño del dialogo en linea eje tematico 5
Diseño del dialogo en linea eje tematico 5
 
Tpgui
TpguiTpgui
Tpgui
 
Ficha de evaluación tecnopedagógica con criterios grupal (4)
Ficha de evaluación tecnopedagógica con criterios grupal (4)Ficha de evaluación tecnopedagógica con criterios grupal (4)
Ficha de evaluación tecnopedagógica con criterios grupal (4)
 
Diseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioDiseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuario
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Exposicion diseño de diálogo en linea
Exposicion diseño de diálogo en lineaExposicion diseño de diálogo en linea
Exposicion diseño de diálogo en linea
 
Exposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaExposicion diseño de dialogo en linea
Exposicion diseño de dialogo en linea
 
Exposicion diseño de dialogo en linea
Exposicion diseño de dialogo en lineaExposicion diseño de dialogo en linea
Exposicion diseño de dialogo en linea
 
Gui
GuiGui
Gui
 
Diseño del dialogo en línea
Diseño del dialogo en líneaDiseño del dialogo en línea
Diseño del dialogo en línea
 
Analisis
AnalisisAnalisis
Analisis
 

Más de Soluciones Digitales S.A (14)

APV_Feria de ideas y planes de negocios.pptx
APV_Feria de ideas y planes de negocios.pptxAPV_Feria de ideas y planes de negocios.pptx
APV_Feria de ideas y planes de negocios.pptx
 
Trabajan líneas guías con el software libre Inkscape
Trabajan líneas guías con el software libre Inkscape Trabajan líneas guías con el software libre Inkscape
Trabajan líneas guías con el software libre Inkscape
 
Trabajando textos con el software libre Inkscape
Trabajando textos con el software libre InkscapeTrabajando textos con el software libre Inkscape
Trabajando textos con el software libre Inkscape
 
1_Espectro electromagnético.pdf
1_Espectro electromagnético.pdf1_Espectro electromagnético.pdf
1_Espectro electromagnético.pdf
 
Formas Básicas en Inkscape
Formas Básicas en InkscapeFormas Básicas en Inkscape
Formas Básicas en Inkscape
 
3 FICHA INFORMATIVA SEMANA 14.pdf
3 FICHA INFORMATIVA SEMANA 14.pdf3 FICHA INFORMATIVA SEMANA 14.pdf
3 FICHA INFORMATIVA SEMANA 14.pdf
 
Primer Grado_CyT_La Luz.pdf
Primer Grado_CyT_La Luz.pdfPrimer Grado_CyT_La Luz.pdf
Primer Grado_CyT_La Luz.pdf
 
PPT SEMANA 15_VI ciclo.pdf
PPT SEMANA 15_VI ciclo.pdfPPT SEMANA 15_VI ciclo.pdf
PPT SEMANA 15_VI ciclo.pdf
 
PPT SEMANA 14.pdf
PPT SEMANA 14.pdfPPT SEMANA 14.pdf
PPT SEMANA 14.pdf
 
Hipótesis de Problema y Solución
Hipótesis de Problema y SoluciónHipótesis de Problema y Solución
Hipótesis de Problema y Solución
 
Mi idea de negocio
Mi idea de negocioMi idea de negocio
Mi idea de negocio
 
Feria de ideas y planes de negocios
Feria de ideas y planes de negociosFeria de ideas y planes de negocios
Feria de ideas y planes de negocios
 
Ficha tecnica recursos tezen
Ficha tecnica recursos tezenFicha tecnica recursos tezen
Ficha tecnica recursos tezen
 
Practica 4 procesadores
Practica 4 procesadoresPractica 4 procesadores
Practica 4 procesadores
 

Último

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 

Último (20)

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 

Principios de usabilidad de Jacob Nielsen en recursos web

  • 1. ALUMNO : Karina PÉREZ LARA 20146945 Angelica Marlene ROMERO VIRTO 19969324 Raida SALCEDO MEDINA 20147025 Antonio TEZÉN IPANAQUÉ 20147028 CURSO : Tecnología, Ergonomía y aprendizaje Docente : Mag. Claudia Pagano Mag. Inés Ruiz de Castilla
  • 2. 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 MEDIAS 3= CUMPLE COMPLETAMENTE
  • 3. 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
  • 4. 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
  • 5. Voki Principio 4:Consistencia y estándares • Trata de mantener un diseño parejo, pero hay exceso de elementos y publicidad. ATRAS
  • 6. 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
  • 7. 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
  • 10. ATRAS
  • 11. 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
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. ATRAS
  • 16. ATRAS
  • 17. ATRAS
  • 18. ATRAS
  • 19. ATRAS
  • 20. ATRAS
  • 21. ATRAS
  • 22. ATRAS
  • 23. ATRAS
  • 24. 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
  • 25. 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
  • 26. 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. 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
  • 27. SEO (Search Engine Optimization)= Optimización de motor de búsqueda. URI (Uniform Resource Identifier, = identificador uniforme de recurso) ATRAS
  • 28. 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á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 cumple 2=Cumple a medias 3= Cumple completamente
  • 29. 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á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
  • 30. 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
  • 31. 0 5 10 15 20 25 30 VOKI PIXTON TAGXEDO EASEL.LY WIX ANIMOTO 24 26 23 26 28 29 NIVEL DE USABILIDAD DE ACUERDO A LOS PRINCIPIOS DE JACOB NIELSEN VOKI PIXTON TAGXEDO EASEL.LY WIX ANIMOTO ATRAS