Usabilidad “Usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de usuarios específicos pueden realizar un conjunto específico.

Slides:



Advertisements
Presentaciones similares
Repaso desde HTML a XHTML
Advertisements

Haga clic para modificar el estilo de subtítulo del patrón 13/01/10 Análisis de la conducta del usuario de internet a través de eye y click tracking.
Tipografía Profa. Gloria J. Yukavetsky
DIEZ PASOS PARA LA PUBLICACIÓN DE UN SITIO WEB EXITOSO
LOS PRINCIPIOS DE UN DISEÑO EFECTIVO DE PÁGINAS WWW
Usabilidad CI-2413 Desarrollo de Aplicaciones para Internet.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
COORDINACIÓN TRABAJOS DE TÍTULOS VIRTUAL
Construcción de Páginas WEB
Arquitectura de la información en sitios web y Usabilidad
CÓMO TRANSFORMAR LA AUTO-EVALUACIÓN EN UNA HERRAMIENTA DE APRENDIZAJE
CONTENIDO WEB Textos - Imágenes.
PRESENTACIONES EFECTIVAS UTILIZANDO POWER POINT.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Principios de diseño de Interfaces Prof. Adelaide Bianchini
Alejandro Morales Vargas Algunos consejos para mejorar los sitios web Curso Computación e Internet Escuela de Periodismo.
Desarrollo de Aplicaciones Web
Un wiki o una wiki (del hawaiano wiki, 'rápido') es un sitio web cuyas páginas pueden ser editadas por múltiples voluntarios a través del navegador web.
Cerrar Guía para utilizar el software Mostrando Evidencias (Showing Evidence) Bienvenidos a la Guía para utilizar el software “Mostrando Evidencias”. A.
VALIDEZ DE LAS FUENTES CONSULTADAS EN INTERNET Julián Ochoa García Marcelo H. Preciado Fausto
Título Webquest Nivel Educativo Sector Curricular
Usabilidad, navegación y arquitectura de información
Ing. Héctor Abraham Hernández.  La calidad de la entrada del sistema determina la calidad de la salida del mismo  Los formularios de entrada, las pantallas.
M.C. Juan Carlos Olivares Rojas
INTERFAZ GRAFICA.
Miro y Entiendo: fundamentos del diseño usable
SpringerLink The new SpringerLink interface has been designed based on the results of one of the largest usability studies. Features have been added and.
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
Reglas de Oro para crear una presentación de diapositivas exitosa
Como Obtener Éxito en tus Presentaciones
Por: Lcdo. Ysidro José Guerrero. Está presentación está diseñada para los Blogs de Google o Blogger Ventajas: o Google tiene su propio buscador de Blogs.
Grupo N° 5 Integrantes: Kathia Mariela Carrillo William Alexis Mendoza
MEDIDA DE LA USABILIDAD EN APLICACIONES DE ESCRITORIO
Una Buena Presentación
POWERPOINT.
Usabilidad y accesibilidad en el diseño de sitios Web.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
 Deben ser fáciles de usar y autoexplicativos, de manera que los usuarios puedan utilizarlos sin dificultad y ver realizados sus propósitos de localizar.
Sugerencias En PowerPoint.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
Hermilia Molina Acevedo
Usabilidad Definiciones
Herramientas y Técnicas para la Gestión del Conocimiento Encontrar a las personas adecuadas Chris Colllison – Geoff Parcell.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
DISEÑO DE PRESENTACIONES
Usabilidad “Usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de usuarios específicos pueden realizar un conjunto específico.
ANÁLISIS DE PAGINA WEB REALIZADO POR: JOSE MARIO MORELO C.C ROBERTO GOMEZ LEON C.C
TALLER #5 GERMAN BECDACH MUÑOZ. PREGUNTAS  Qué es una pagina web? Una página web es el nombre de un documento o información electrónica adaptada para.
Término que surgió un poco después de la expansión de Internet a finales de los años 90
DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.
DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.
1 Sergio Villegas Cantero Esta presentación es un trabajo en el cual expreso el termino de usabilidad, tanto sus usos como también características mas.
DISEÑO DE UNA SALIDA EFICAZ - Reportes
TRABAJO GRUPAL DE WEB Y MULTIMEDIA
Hay mas en tipografia que escojer una fuente que sea atractiva y legible. La tipografia juega un rol importante en como las audiencias perciben nuestros.
TALLER DISEÑO WEB José Joo Villablanca DG & otras yerbas Instituto Profesional Santo Tomás / Diseño Publicitario Multimedial.
10 PASOS BÁSICOS PARA CREAR TU PROPIO NEGOCIO EN INTERNET Resumen de la clase pasada 1.Compra tu propio nombre de dominio en Internet y lugar de alojamiento.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
CONSEJOS PARA DESARROLLAR SITIOS WEB
Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.
Requisitos para la creación de Presentaciones efectivas
Macromedia Dreamweaver es un editor profesional de páginas Web. Permite crear sitios tanto escribiendo directamente el código en HTML, como diseñando de.
Diseño de Presentaciones
Métodos instruccionales
Diseño de un Sitio Web Estrategias y pautas a tener en cuenta.
YESSICA A. CANO OSORIO. PROBLEMAS DE LA USABILIDAD EN LA WEB.
Clase N° 6 El Aula Expandida: La Producción Colaborativa en Red
Todo lo que te ayude a hacer una presentación amena, hará que la gente aumente su nivel de atención, y que se recuerde mejor. Quien es un buen orador,
Diseño de interacción. El diseño de interacción es la disciplina encargada de definir cómo se utilizan los productos y servicios interactivos. Su objetivo.
PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.
Transcripción de la presentación:

Usabilidad “Usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de usuarios específicos pueden realizar un conjunto específico de tareas en un ambiente particular” (International Standards Organization –ISO-).

Usabilidad web Atributo de calidad que evalúa la facilidad de uso de una interfaz de usuario.

¿Quién es MI Usuario? Los tipos de usuario se agrupan e identifican con las acciones que realizan con el objeto de satisfacer un conjunto determinado de necesidades en el sitio web que visitan.

Cualidades de la Usabilidad Facilidad de aprendizaje: ¿Qué tan fácil es para los usuarios llevar a cabo tareas básicas la primera vez que se encuentran con su sitio? Eficiencia: ¿Qué tan rápido pueden cumplir con sus objetivos?? Memorabilidad: Cuando los usuarios vuelven al diseño después de un periodo de no usarlo, con qué facilidad pueden restablecer la navegación? Errores: ¿Cuántos errores hacen los usuarios, qué tan grave son estos errores, y con qué facilidad pueden recuperarse de los errores? Satisfacción: ¡Qué tan agradable es utilizar el diseño?

UTILIDAD La usabilidad y utilidad son igualmente importantes y juntos determinan si algo es útil: Poco importa que algo es fácil si no es lo que quieres.

¿Porqué es importante la usabilidad? Es una condición necesaria para la supervivencia. Si un sitio web es difícil de usar, la gente se va. Si la página no expone claramente lo que ofrece y lo que pueden hacer los usuarios en el sitio, la gente se va. Si los usuarios se pierden en un sitio web, se van. Si la información de un sitio web es difícil de leer o no responde a las preguntas clave de los usuarios, se van.

¿Porqué es importante la usabilidad? Nota un patrón aquí? SE VAN!! No hay tal cosa como un usuario leyendo un manual de uso de una página web. Un usuario NO INVIERTE más de 5 segundos tratando de averiguar una interfaz. Hay un montón de otros sitios web disponibles El abandono es la primera línea de defensa cuando los usuarios se encuentran con una dificultad.

JAKOB NIELSEN Gurú de la “usabilidad”. Ingeniero de Sun MicroSystems. Investigaciones realizadas entre 1994 y 2014.

nngroup.com

La usabilidad no es un concepto abstracto ni intuitivo La usabilidad no es un concepto abstracto ni intuitivo. ¿Cómo se mide y se evalúa la Usabilidad?

Herramientas Test de usabilidad Herramienta de diagnóstico que permite obtener valiosa información acerca de la facilidad o dificultad de uso de un sitio Web o una herramienta tecnológica donde esté involucrada la interacción con personas.

Test de usabilidad El test se realiza con usuarios reales, representativos del target definido para el sitio Web. Se les asigna una serie de tareas críticas que deben realizar dentro del sitio y a partir del éxito o fracaso en su realización se evalúan los niveles de usabilidad del sitio.

Laboratorio de usabilidad No importa lo que los usuarios OPINEN sobre un sitio web. Lo importante es cómo USAN el sitio web.

Eye tracking – Seguimiento de retina

Eye tracking http://www.interactivevideo.com/videos/eyetracking_low_1.html

“Eyetrack” para periódicos en línea Investigación realizada por el Poynter Institute y la U. de Stanford. Presentada en marzo de 2000. 67 sujetos reclutados a través de promocionales en el Chicago Sun-Times y el St. Petersburg Times. Los usuarios navegaron por 211 sitios de noticias, vieron cerca de 6.000 páginas. Promedio de sitios visitados: seis.

“Eyetrack” para periódicos en línea Los usuarios del sitio de noticias tienden a mirar primero y más intensamente el texto. Pasan por alto fotos e imágenes en la búsqueda de información textual significativa. Las historias cortas fueron tres veces más vistas que las largas. En general, la lectura es superficial, pero cuando se encuentra algo de interés es más profunda (se lee más del 75 por ciento del texto elegido). La calidad de los textos es importante para los usuarios.

¿Cómo recorren los usuarios la pantalla?

¿Cómo se comportan los usuarios ante la publicidad en la web? !!!La ignoran!!!

Experiencia del usuario web ¿Porqué es importante la usabilidad en un sitio web? Los usuarios expertos completan sus tareas con éxito en un 66% de los casos Los usuarios expertos permanecen en la página principal un promedio de 5 segundos. En promedio, invierten 25 segundos visitando un sitio, antes de abandonarlo. Un sitio web tiene solo el 12% de posibilidades de ser revisitado http://www.youtube.com/watch?v=Ahg6qcgoay4

Experiencia del usuario web Los usuarios experimentados permanecen en la página principal un promedio de 5 segundos. Durante ese tiempo, la página principal debe responder las siguientes preguntas: - A qué lugar llegaron. - Qué beneficios ofrece el sitio. - Qué opciones ofrece el sitio, y cómo llegar a la información más relevante para el usuario.

Principales situaciones de usabilidad: Página Principal La página de inicio es la página más importante en la mayoría de sitios web, y es la que figura con el mayor número de visitas que cualquier otra página. Un sitio web es como una casa en la que cada ventana es también una puerta: La gente puede seguir los enlaces de los motores de búsqueda y otros sitios web que apuntan profundamente dentro de su sitio. Sin embargo, una de las primeras cosas que estos usuarios hacen después de llegar a un sitio nuevo es ir a la página de inicio.

Haga claro el propósito del sitio Haga claro el propósito del sitio. Hágale saber al usuario a donde llegó. Comience la página con un lema que resuma lo que el sitio hace y ofrece, sobre todo si es nuevo o menos famoso. Escriba un título de ventana con buena visibilidad para los motores de búsqueda y para los marcadores.

Principales situaciones de usabilidad: Página Principal Explique lo que es y lo que hace Incluya un “acerca de” claro en la página principal. Enfatice tareas de alta prioridad del Sitio. Su página web debe ofrecer a los usuarios un punto de partida claro para las principales dos o tres tareas que emprende el usuario cuando visita su sitio. Muestre ejemplos reales del contenido del sitio. No se limite a describir lo que se encuentra dentro de la página. Lo específico vence a lo abstracto.

Principales situaciones de usabilidad: Página Principal Utilice palabras claras en los nombres de los enlaces, principalmente en el menú de navegación Los enlaces son las guías de acción en una página web. Iniciar cada enlace con una palabra correspondiente al contenido, hace que sea más fácil para el usuario, encontrar la información relevante de su sitio.

Principales situaciones de usabilidad: Página Principal No sobre-diseñe el contenido crítico Se podría pensar que importantes elementos de la página principal requieren ilustraciones elaboradas, cuadros y colores. Sin embargo, los usuarios suelen hacer caso omiso de gráficos que parecen anuncios, y se centran en las partes de la página que parezcan de mayor utilidad.

Principales situaciones de usabilidad: Navegación: Enlaces que NO cambian de color cuando son visitados

Principales situaciones de usabilidad: Navegación: Romper el botón de retorno del navegador

Principales situaciones de usabilidad: Navegación: Abrir nuevas ventanas en el navegador

Principales situaciones de usabilidad: Navegación: No mantener el estándar de la web

Situaciones de usabilidad Navegación “Clicabilidad” confusa

Principales situaciones de usabilidad: universales: Elementos de diseño que “parecen” publicidad

Principales situaciones de usabilidad: Universales: Ventanas “Pop-up”

Situaciones de usabilidad El Usuario aprende… Direcciones (URL) complejas

Situaciones de usabilidad El Usuario aprende… Menús de navegación en cascada

Situaciones de usabilidad El Usuario aprende… Plug-ins Gráficos animados y texto en movimiento Inconsistencia dentro del mismo sitio web Palabras y términos rebuscados

Situaciones de usabilidad Páginas splash “Árbol de navidad” No informar quién está detrás de la información Palabras y términos rebuscados Navegación y recursos “Puppys”

Guías para contenidos en forma de texto Concisos Objetivos Escaneables Estructura Piramidal Contraste letra/fondo Justificar a la izquierda únicamente Evitar textos en movimiento Evitar abuso de mayúsculas en texto Consistencia No mezclar fuentes y colores en exceso

Legibilidad, lecturabilidad 1. Tipografía Tamaño de la tipografía: Público objetivo General 10 - 12 Usuarios mayores 12 - 14 Niños y lectores principiantes 12 - 14 Adolescentes

Legibilidad, lecturabilidad 1. Tipografía Arial Arial Black Sans serif Leíble a tamaños razonables 10 + Moderno, limpio, agradable para la mayoría de usuarios Comic Sans Ms Cursiva Amigable, juvenil, divertido, informal. No apropiada para comunicaciones serias Georgia Serif Apariencia tradicional, moderna y + fácil de leer que TNR Excelente alternativa para tipos Serif Times New Roman Apariencia tradicional. No recomendable si desea transmitir una apariencia profesional. No es la preferida por la mayoría de usuarios. Impact Bold. No recomendada para bloques de texto. Ideal para títulos cortos. Verdana Moderna, simple, profesional. Recomendada para tahoma Ideal para títulos

Experiencia del usuario web Eye tracking

Experiencia del usuario web 6. “Scroll down” Página principal, Primera visita: 23% Página principal 4ª y más visitas 14% Páginas interiores 42% Páginas de resultados de un motor de búsqueda 47%

Géneros web 1. Portales Terra.com 2000

Géneros web 1. Portales Terra.com 2003

Géneros web 1. Portales Terra.com 2009

Géneros web 1. Portales e-medic 2009

Géneros web 1. Portales negocios

Géneros web 1. Portales negocios

Géneros web 2. Periodismo web El tiempo 1998

Géneros web 2. Periodismo web El tiempo 2000

Géneros web 2. Periodismo web El tiempo 2003

Géneros web 2. Periodismo web El tiempo 2009

Géneros web 2. Periodismo web Caracol 2009

Géneros web 2. Periodismo web El país 2009