SlideShare une entreprise Scribd logo
1  sur  15
Usabilidad de sitios web
MKT Digital
Universidad Cuauhtémoc
USABILIDAD
• Evalúa si un sitio es suficientemente bueno para
satisfacer las necesidades de los usuarios
• Es una medida para evaluar la calidad de la
experiencia del usuario al interactuar con un sistema.
EFICIENCIAEFECTIVIDAD SATISFACCIÓN
USABILIDAD Y ARQUITECTURA DE INFORMACIÓN
TRES PRINCIPIOS BÁSICOS DE LA USABILIDAD EN LA WEB
• Facilidad de aprendizaje: la facilidad con la que nuevos usuarios
pueden tener una interacción efectiva con su web. Está relacionada
con la predicibilidad, sintetización, familiaridad, la generalización de
los conocimientos previos y la consistencia.
• Flexibilidad: es la variedad de posibilidades con las que el usuario
y el sistema pueden intercambiar información.También abarca la
posibilidad de diálogo, la multiplicidad de vías para realizar la tarea,
similitud con tareas anteriores y la optimización entre el usuario y el
sistema.
• Robustez: es el nivel de apoyo al usuario que facilita el
cumplimiento de sus objetivos. Está relacionada con la capacidad
de observación del usuario, de recuperación de información y de
ajuste de la tarea al usuario.
USABILIDAD Y ARQUITECTURA DE INFORMACIÓN
CLAVES DE USABILIDAD
• Visibilidad del nivel de avance en navegación
• Similitud entre el lenguaje del sitio y el mundo real
• Control y libertad por parte del usuario
• Consistencia y cumplimiento de estándares
• Prevención de errores
• Reconocimiento antes que memorización
• Flexibilidad y eficiencia de uso
• Estética y diseño minimalista
• Ayuda y documentación
USABILIDAD Y ARQUITECTURA DE INFORMACIÓN
DISEÑAR PENSANDO EN LOS USUARIOS
• Compatibilidad del navegador
• Diseñar para la diversidad
• Optimizar para una descarga rápida
• Diseñar para diversos tamaños de monitor
• Controlar la cantidad de scrolling
USABILIDAD Y ARQUITECTURA DE INFORMACIÓN
BENEFICIOS DE LA USABILIDAD
• Reducción de los costos de aprendizaje, asistencia y
ayuda al usuario.
• Optimización de los costos de diseño, rediseño y
mantención de los sitios.
• Aumento de la tasa de conversión de visitantes a
clientes del sitio web.
• Mejora la imágen y el prestigio del sitio web.
• Mejora la experiencia de los usuarios del sitio, ya que
reduce su estrés, incrementa la satisfacción y la
productividad.
Ejemplo: después de ser rediseñado prestándose especial atención a
la usabilidad, el sitio web de IBM incrementó sus ventas en un 400%
(InfoWorld, 1999).
Consejos para mejorar y evaluar
sitios web
SITIOS WEB
PREGUNTAS BÁSICAS DE TODO USUARIO WEB
Estética/
Diseño
Fidelidad
Utilidad
Visibilidad
¿Qué puedo hacer?
¿Cómo lo hago?
¿Dónde estoy?
Buscabilidad
¿Para qué me sirve?
¿Puedo ver el sitio?
¿Cómo llego?
SITIOS WEB
LECTURA EN INTERNET
• Los usuarios de internet no leen, “escanean” las páginas.
• El mejor texto para la web es el periodístico clásico: lead
y cuerpo. Debe ser corto y directo.
• El texto tiene que ser conciso, objetivo y "escaneable".
• Destaque palabras clave.
• Incluya subtítulos informativos.
• Use listas con puntos o viñetas (bullets).
• Desarrolle una idea por párrafo.
• Use la pirámide invertida.
• Reduzca a la mitad o menos el numero de
palabras usadas en texto convencional.
• La Web es “user-driven”: la gente quiere moverse, usar el mouse.
SITIOS WEB
LECTURA EN INTERNET
4
4
32 1
Jerarquía visual
SITIOS WEB
LECTURA EN INTERNET
• Diagramación:
– Leer un texto de ancho
moderado
– Texto en tabla autoajustable a
las dimensiones del browser
• Color de la fuente-fondo
– Polaridad negativa y positiva
• Fondos gráficos:
– Evitar su uso
– Buscar símil con la impresión
TEXTO
TEXTO
SITIOS WEB
CONSEJOS PARA MEJORAR LAS PÁGINAS WEB
• Cada página web compite con millones de otras y el
usuario quiere ver lo que más pueda.
• Evite los códigos HTML que no sean estándar (nuevos
plug-ins, por ejemplo).
• No use de inmediato funciones de nuevos navegadores
(la actualización se da a razón del 2% de los usuarios
por semana).
• Evite tecnologías “beta” (espere al menos 1 año).
• El tiempo de respuesta es más importante que un
diseño atractivo (8 segundos promedio por página).
• Evite usar vínculos (links) hacia afuera de su sitio
SITIOS WEB
CONSEJOS PARA MEJORAR LAS PÁGINAS WEB
• No use marcos (frames).
• Ofrezca una versión para imprimir.
•Tome en serio el título de las paginas por su importancia
en los archivos de historias (páginas vistas).
• Evitar uso “no estándar” de la funcionalidad “Back”
• Cuide la legibilidad de los textos: alto contraste, fuentes
sans serif (Arial, Verdana o Tahoma), no use todo en
mayúsculas, ni texto intermitente o en movimiento.
•Trozos de audio y video no deben superar los 60
segundos.
SITIOS WEB
TEST HEURÍSTICO PARA UN SITIO WEB, SEGÚN J. NIELSEN
1. ¿Comunica de forma inmediata el objetivo del sitio a los usuarios?
2. ¿El usuario está informado constantemente acerca de su
ubicación?
3. ¿El sitio se adapta al mundo de sus usuarios, su lenguaje y sus
conocimientos?
4. ¿El usuario posee el control sobre lo que pasa en el sitio?
5. ¿El sitio es consistente internamente y respeta estándares
externos?
6. ¿El diseño ayuda a prevenir posibles errores?
7. ¿La página facilita y optimiza el acceso a los usuarios?
8. ¿Hay información irrelevante?
9. ¿La navegación es recordada más que redescubierta?
10. ¿El usuario recibe ayuda cuando lo necesita?
Usabilidad de sitios web
MKT Digital
Universidad Cuauhtémoc

Contenu connexe

Tendances

Tendances (12)

Ventajas y desventajas de los navegadores (3) convertido
Ventajas y desventajas de los navegadores (3) convertidoVentajas y desventajas de los navegadores (3) convertido
Ventajas y desventajas de los navegadores (3) convertido
 
Geoconda muñoz beneficios web 2.0
Geoconda muñoz beneficios web 2.0Geoconda muñoz beneficios web 2.0
Geoconda muñoz beneficios web 2.0
 
Web 2.0 - UIGV
Web 2.0 - UIGVWeb 2.0 - UIGV
Web 2.0 - UIGV
 
Cuadro comparativo ventajas y desventajas
Cuadro comparativo ventajas y desventajasCuadro comparativo ventajas y desventajas
Cuadro comparativo ventajas y desventajas
 
Página web
Página webPágina web
Página web
 
Tics
TicsTics
Tics
 
Cuadro comparativo web 1.0 , 2.0 ,3.0
Cuadro comparativo web 1.0 , 2.0 ,3.0Cuadro comparativo web 1.0 , 2.0 ,3.0
Cuadro comparativo web 1.0 , 2.0 ,3.0
 
P2 web1,2y3
P2 web1,2y3P2 web1,2y3
P2 web1,2y3
 
P2 web1,2y3
P2 web1,2y3P2 web1,2y3
P2 web1,2y3
 
5 usabilidad y las historia de las cosas
5 usabilidad y las historia de las cosas5 usabilidad y las historia de las cosas
5 usabilidad y las historia de las cosas
 
Ventajas y desventajas web 2.0
Ventajas y desventajas web 2.0Ventajas y desventajas web 2.0
Ventajas y desventajas web 2.0
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Similaire à Usabilidad (web)

Prsentacion tienes 5 segundos
Prsentacion tienes 5 segundosPrsentacion tienes 5 segundos
Prsentacion tienes 5 segundosJavi Berti
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundosJavi Berti
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión webBrox Technology
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión webBrox Technology
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión WebElio Laureano
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión WebAXEL
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad WebAriazu
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
Diseño Web
Diseño WebDiseño Web
Diseño WebVladimir
 
La Experiencia de Usuario y Usabilidad
La Experiencia de Usuario y UsabilidadLa Experiencia de Usuario y Usabilidad
La Experiencia de Usuario y UsabilidadLeon Kadoch Hardie
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadIvan Aguilar
 
Tema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfTema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfjuan667047
 

Similaire à Usabilidad (web) (20)

Prsentacion tienes 5 segundos
Prsentacion tienes 5 segundosPrsentacion tienes 5 segundos
Prsentacion tienes 5 segundos
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundos
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
La Experiencia de Usuario y Usabilidad
La Experiencia de Usuario y UsabilidadLa Experiencia de Usuario y Usabilidad
La Experiencia de Usuario y Usabilidad
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Tema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfTema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdf
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
 
5.2 Usabilidad Web
5.2 Usabilidad Web5.2 Usabilidad Web
5.2 Usabilidad Web
 

Plus de Vladimir

Genero de ficción
Genero de ficciónGenero de ficción
Genero de ficciónVladimir
 
Genero de opinión
Genero de opiniónGenero de opinión
Genero de opiniónVladimir
 
La Radio Revista
La Radio RevistaLa Radio Revista
La Radio RevistaVladimir
 
02. Género Radiofónico Interpretativo
02. Género Radiofónico Interpretativo02. Género Radiofónico Interpretativo
02. Género Radiofónico InterpretativoVladimir
 
Género Radiofónico Informativo
Género Radiofónico InformativoGénero Radiofónico Informativo
Género Radiofónico InformativoVladimir
 
El Book fotográfico
El Book fotográficoEl Book fotográfico
El Book fotográficoVladimir
 
Fotografia publicitaria
Fotografia publicitariaFotografia publicitaria
Fotografia publicitariaVladimir
 
Fotografía de moda
Fotografía de modaFotografía de moda
Fotografía de modaVladimir
 
Teorías de la Comunicación
Teorías de la ComunicaciónTeorías de la Comunicación
Teorías de la ComunicaciónVladimir
 
Shanon, Weaver y Schram
Shanon, Weaver y SchramShanon, Weaver y Schram
Shanon, Weaver y SchramVladimir
 
La Comunicación
La ComunicaciónLa Comunicación
La ComunicaciónVladimir
 
Social Media MKT
Social Media MKTSocial Media MKT
Social Media MKTVladimir
 
El Community Manager
El Community ManagerEl Community Manager
El Community ManagerVladimir
 
Cómo usar blogger
Cómo usar bloggerCómo usar blogger
Cómo usar bloggerVladimir
 
¿Qué es un blog?
¿Qué es un blog?¿Qué es un blog?
¿Qué es un blog?Vladimir
 
La infografía
La infografíaLa infografía
La infografíaVladimir
 
El reportaje
El reportajeEl reportaje
El reportajeVladimir
 
Inicios del fotoperiodismo
Inicios del fotoperiodismoInicios del fotoperiodismo
Inicios del fotoperiodismoVladimir
 
El nuevo Hollywood
El nuevo HollywoodEl nuevo Hollywood
El nuevo HollywoodVladimir
 

Plus de Vladimir (20)

Genero de ficción
Genero de ficciónGenero de ficción
Genero de ficción
 
Genero de opinión
Genero de opiniónGenero de opinión
Genero de opinión
 
La Radio Revista
La Radio RevistaLa Radio Revista
La Radio Revista
 
02. Género Radiofónico Interpretativo
02. Género Radiofónico Interpretativo02. Género Radiofónico Interpretativo
02. Género Radiofónico Interpretativo
 
Género Radiofónico Informativo
Género Radiofónico InformativoGénero Radiofónico Informativo
Género Radiofónico Informativo
 
El Book fotográfico
El Book fotográficoEl Book fotográfico
El Book fotográfico
 
Fotografia publicitaria
Fotografia publicitariaFotografia publicitaria
Fotografia publicitaria
 
Fotografía de moda
Fotografía de modaFotografía de moda
Fotografía de moda
 
Teorías de la Comunicación
Teorías de la ComunicaciónTeorías de la Comunicación
Teorías de la Comunicación
 
Shanon, Weaver y Schram
Shanon, Weaver y SchramShanon, Weaver y Schram
Shanon, Weaver y Schram
 
La Comunicación
La ComunicaciónLa Comunicación
La Comunicación
 
El Audio
El AudioEl Audio
El Audio
 
Social Media MKT
Social Media MKTSocial Media MKT
Social Media MKT
 
El Community Manager
El Community ManagerEl Community Manager
El Community Manager
 
Cómo usar blogger
Cómo usar bloggerCómo usar blogger
Cómo usar blogger
 
¿Qué es un blog?
¿Qué es un blog?¿Qué es un blog?
¿Qué es un blog?
 
La infografía
La infografíaLa infografía
La infografía
 
El reportaje
El reportajeEl reportaje
El reportaje
 
Inicios del fotoperiodismo
Inicios del fotoperiodismoInicios del fotoperiodismo
Inicios del fotoperiodismo
 
El nuevo Hollywood
El nuevo HollywoodEl nuevo Hollywood
El nuevo Hollywood
 

Dernier

CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
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
 
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
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadLos Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadJonathanCovena1
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
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
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
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
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 

Dernier (20)

CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
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
 
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
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
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
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la SostenibilidadLos Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la Sostenibilidad
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
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
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
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
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 

Usabilidad (web)

  • 1. Usabilidad de sitios web MKT Digital Universidad Cuauhtémoc
  • 2. USABILIDAD • Evalúa si un sitio es suficientemente bueno para satisfacer las necesidades de los usuarios • Es una medida para evaluar la calidad de la experiencia del usuario al interactuar con un sistema. EFICIENCIAEFECTIVIDAD SATISFACCIÓN
  • 3. USABILIDAD Y ARQUITECTURA DE INFORMACIÓN TRES PRINCIPIOS BÁSICOS DE LA USABILIDAD EN LA WEB • Facilidad de aprendizaje: la facilidad con la que nuevos usuarios pueden tener una interacción efectiva con su web. Está relacionada con la predicibilidad, sintetización, familiaridad, la generalización de los conocimientos previos y la consistencia. • Flexibilidad: es la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información.También abarca la posibilidad de diálogo, la multiplicidad de vías para realizar la tarea, similitud con tareas anteriores y la optimización entre el usuario y el sistema. • Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está relacionada con la capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario.
  • 4. USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CLAVES DE USABILIDAD • Visibilidad del nivel de avance en navegación • Similitud entre el lenguaje del sitio y el mundo real • Control y libertad por parte del usuario • Consistencia y cumplimiento de estándares • Prevención de errores • Reconocimiento antes que memorización • Flexibilidad y eficiencia de uso • Estética y diseño minimalista • Ayuda y documentación
  • 5. USABILIDAD Y ARQUITECTURA DE INFORMACIÓN DISEÑAR PENSANDO EN LOS USUARIOS • Compatibilidad del navegador • Diseñar para la diversidad • Optimizar para una descarga rápida • Diseñar para diversos tamaños de monitor • Controlar la cantidad de scrolling
  • 6. USABILIDAD Y ARQUITECTURA DE INFORMACIÓN BENEFICIOS DE LA USABILIDAD • Reducción de los costos de aprendizaje, asistencia y ayuda al usuario. • Optimización de los costos de diseño, rediseño y mantención de los sitios. • Aumento de la tasa de conversión de visitantes a clientes del sitio web. • Mejora la imágen y el prestigio del sitio web. • Mejora la experiencia de los usuarios del sitio, ya que reduce su estrés, incrementa la satisfacción y la productividad. Ejemplo: después de ser rediseñado prestándose especial atención a la usabilidad, el sitio web de IBM incrementó sus ventas en un 400% (InfoWorld, 1999).
  • 7. Consejos para mejorar y evaluar sitios web
  • 8. SITIOS WEB PREGUNTAS BÁSICAS DE TODO USUARIO WEB Estética/ Diseño Fidelidad Utilidad Visibilidad ¿Qué puedo hacer? ¿Cómo lo hago? ¿Dónde estoy? Buscabilidad ¿Para qué me sirve? ¿Puedo ver el sitio? ¿Cómo llego?
  • 9. SITIOS WEB LECTURA EN INTERNET • Los usuarios de internet no leen, “escanean” las páginas. • El mejor texto para la web es el periodístico clásico: lead y cuerpo. Debe ser corto y directo. • El texto tiene que ser conciso, objetivo y "escaneable". • Destaque palabras clave. • Incluya subtítulos informativos. • Use listas con puntos o viñetas (bullets). • Desarrolle una idea por párrafo. • Use la pirámide invertida. • Reduzca a la mitad o menos el numero de palabras usadas en texto convencional. • La Web es “user-driven”: la gente quiere moverse, usar el mouse.
  • 10. SITIOS WEB LECTURA EN INTERNET 4 4 32 1 Jerarquía visual
  • 11. SITIOS WEB LECTURA EN INTERNET • Diagramación: – Leer un texto de ancho moderado – Texto en tabla autoajustable a las dimensiones del browser • Color de la fuente-fondo – Polaridad negativa y positiva • Fondos gráficos: – Evitar su uso – Buscar símil con la impresión TEXTO TEXTO
  • 12. SITIOS WEB CONSEJOS PARA MEJORAR LAS PÁGINAS WEB • Cada página web compite con millones de otras y el usuario quiere ver lo que más pueda. • Evite los códigos HTML que no sean estándar (nuevos plug-ins, por ejemplo). • No use de inmediato funciones de nuevos navegadores (la actualización se da a razón del 2% de los usuarios por semana). • Evite tecnologías “beta” (espere al menos 1 año). • El tiempo de respuesta es más importante que un diseño atractivo (8 segundos promedio por página). • Evite usar vínculos (links) hacia afuera de su sitio
  • 13. SITIOS WEB CONSEJOS PARA MEJORAR LAS PÁGINAS WEB • No use marcos (frames). • Ofrezca una versión para imprimir. •Tome en serio el título de las paginas por su importancia en los archivos de historias (páginas vistas). • Evitar uso “no estándar” de la funcionalidad “Back” • Cuide la legibilidad de los textos: alto contraste, fuentes sans serif (Arial, Verdana o Tahoma), no use todo en mayúsculas, ni texto intermitente o en movimiento. •Trozos de audio y video no deben superar los 60 segundos.
  • 14. SITIOS WEB TEST HEURÍSTICO PARA UN SITIO WEB, SEGÚN J. NIELSEN 1. ¿Comunica de forma inmediata el objetivo del sitio a los usuarios? 2. ¿El usuario está informado constantemente acerca de su ubicación? 3. ¿El sitio se adapta al mundo de sus usuarios, su lenguaje y sus conocimientos? 4. ¿El usuario posee el control sobre lo que pasa en el sitio? 5. ¿El sitio es consistente internamente y respeta estándares externos? 6. ¿El diseño ayuda a prevenir posibles errores? 7. ¿La página facilita y optimiza el acceso a los usuarios? 8. ¿Hay información irrelevante? 9. ¿La navegación es recordada más que redescubierta? 10. ¿El usuario recibe ayuda cuando lo necesita?
  • 15. Usabilidad de sitios web MKT Digital Universidad Cuauhtémoc