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

Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 

Último (20)

Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 

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