usabilidad “usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de...
TRANSCRIPT
UsabilidadUsabilidad“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 webUsabilidad web Atributo de calidad que evalúa la facilidad
de uso de una interfaz de usuario.
¿Quién es ¿Quién es MIMI Usuario? 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 UsabilidadCualidades de la Usabilidad Facilidad de aprendizaje: Facilidad de aprendizaje: ¿Qué tan fácil es para los ¿Qué tan fácil es para los
usuarios llevar a cabo tareas básicas la primera vez que usuarios llevar a cabo tareas básicas la primera vez que se encuentran con su sitio? se encuentran con su sitio?
Eficiencia:Eficiencia: ¿Qué tan rápido pueden cumplir con sus ¿Qué tan rápido pueden cumplir con sus objetivos?? objetivos??
Memorabilidad:Memorabilidad: Cuando los usuarios vuelven al diseño Cuando los usuarios vuelven al diseño después de un periodo de no usarlo, con qué facilidad después de un periodo de no usarlo, con qué facilidad pueden restablecer la navegación? pueden restablecer la navegación?
Errores:Errores: ¿Cuántos errores hacen los usuarios, qué tan ¿Cuántos errores hacen los usuarios, qué tan grave son estos errores, y con qué facilidad pueden grave son estos errores, y con qué facilidad pueden recuperarse de los errores? recuperarse de los errores?
Satisfacción:Satisfacción: ¡Qué tan agradable es utilizar el diseño? ¡Qué tan agradable es utilizar el diseño?
UTILIDADLa 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 ¿Porqué es importante la usabilidad?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 ¿Porqué es importante la usabilidad?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.
Gurú de la “usabilidad”.Gurú de la “usabilidad”. Ingeniero de Sun MicroSystems.Ingeniero de Sun MicroSystems. Investigaciones realizadas entre Investigaciones realizadas entre
1994 y 2014.1994 y 2014.
JAKOB NIELSEN
nngroup.comnngroup.com
La usabilidad no es un concepto abstracto ni intuitivo.
¿Cómo se ¿Cómo se mide y se evalúa mide y se evalúa la la Usabilidad?Usabilidad?
HerramientasHerramientas
Test de usabilidadTest de usabilidadHerramienta de diagnósticoHerramienta de diagnóstico
que permite obtener valiosa que permite obtener valiosa información acerca de la información acerca de la facilidad o dificultad de uso facilidad o dificultad de uso de un sitio Web o una de un sitio Web o una herramienta tecnológica herramienta tecnológica donde esté involucrada la donde esté involucrada la interacción con personas.interacción con personas.
Test de usabilidadTest de usabilidad El test se realiza con El test se realiza con
usuarios reales, usuarios reales, representativos del representativos del targettarget definido para el sitio definido para el sitio Web. Web.
Se les asigna una serie de Se les asigna una serie de tareas críticas que deben tareas críticas que deben realizar dentro del sitio y a realizar dentro del sitio y a partir del éxito o fracaso partir del éxito o fracaso en su realización se en su realización se evalúan los niveles de evalúan los niveles de usabilidad del sitio. usabilidad del sitio.
Laboratorio de usabilidadLaboratorio 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 retinaEye tracking – Seguimiento de retina
Eye trackingEye tracking
http://www.interactivevideo.com/videos/eyetracking_low_1.html
““Eyetrack” para Eyetrack” para periódicos en líneaperió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 Eyetrack” para periódicos en líneaperiódicos en línea
Los usuarios del sitio de noticias tienden a mirar primero Los usuarios del sitio de noticias tienden a mirar primero y más intensamente el y más intensamente el texto.texto. Pasan por alto fotos e Pasan por alto fotos e imágenes en la búsqueda de información textual imágenes en la búsqueda de información textual significativa.significativa.
Las historiasLas historias cortas cortas fueron tres veces más vistas que las fueron tres veces más vistas que las largas.largas.
En general, la lectura es superficial, pero cuando se En general, la lectura es superficial, pero cuando se encuentra algo de interés es más profunda (se lee más encuentra algo de interés es más profunda (se lee más del 75 por ciento del texto elegido).del 75 por ciento del texto elegido).
La calidad de los textos es importante para los usuarios.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 webExperiencia del usuario web¿Porqué es importante la usabilidad en un sitio web?¿Porqué es importante la usabilidad en un sitio web?
Los usuarios expertos completan sus tareas con Los usuarios expertos completan sus tareas con éxito en un 66% de los casoséxito en un 66% de los casos
Los usuarios expertos permanecen en la página Los usuarios expertos permanecen en la página principal un promedio de principal un promedio de 5 segundos5 segundos..
En promedio, invierten 25 segundos visitando En promedio, invierten 25 segundos visitando un sitio, antes de abandonarlo.un sitio, antes de abandonarlo.
Un sitio web tiene solo el 12% de posibilidades Un sitio web tiene solo el 12% de posibilidades de ser revisitadode ser revisitado
http://www.youtube.com/watch?v=Ahg6qcgoay4
Experiencia del usuario webExperiencia del usuario web
Los usuarios experimentados permanecen en la Los usuarios experimentados permanecen en la página principal un promedio de página principal un promedio de 5 segundos5 segundos..
Durante ese tiempo, la página principal debe Durante ese tiempo, la página principal debe responder las siguientes preguntas:responder las siguientes preguntas:- A qué lugar llegaron.- A qué lugar llegaron.- Qué beneficios ofrece el sitio.- Qué beneficios ofrece el sitio.- Qué opciones ofrece el sitio, y cómo llegar a la - Qué opciones ofrece el sitio, y cómo llegar a la información más relevante para el usuario.información más relevante para el usuario.
Principales situaciones de usabilidad:Principales situaciones de usabilidad:
Página PrincipalPágina Principal
La página de inicio es la página más importante en la 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 mayoría de sitios web, y es la que figura con el mayor número de visitas que cualquier otra página.número de visitas que cualquier otra página.
Un sitio web es como una casa en la que cada ventana Un sitio web es como una casa en la que cada ventana es también una puerta: La gente puede seguir los es también una puerta: La gente puede seguir los enlaces de los motores de búsqueda y otros sitios web enlaces de los motores de búsqueda y otros sitios web que apuntan profundamente dentro de su sitio. que apuntan profundamente dentro de su sitio. Sin Sin embargo, una de las primeras cosas que estos usuarios embargo, una de las primeras cosas que estos usuarios hacen después de llegar a un sitio nuevo es ir a la hacen después de llegar a un sitio nuevo es ir a la página de inicio.página de inicio.
Haga claro el propósito del sitio. HágaleHaga claro el propósito del sitio. Hágalesaber al usuario a donde llegó. saber al usuario a donde llegó.
Comience la página con un lema que resuma lo que el Comience la página con un lema que resuma lo que el sitio hace y ofrece, sobre todo si es nuevo o menos sitio hace y ofrece, sobre todo si es nuevo o menos famoso.famoso.
Escriba un título de ventana con buena visibilidad para Escriba un título de ventana con buena visibilidad para los motores de búsqueda y para los marcadores.los motores de búsqueda y para los marcadores.
Principales situaciones de usabilidad:Principales situaciones de usabilidad:Página PrincipalPágina Principal
Explique lo que es y lo que haceExplique lo que es y lo que haceIncluya un “acerca de” claro en la página principal.Incluya un “acerca de” claro en la página principal.Enfatice tareas de alta prioridad del Sitio.Enfatice tareas de alta prioridad del Sitio.
Su página web debe ofrecer a los usuarios un punto de Su página web debe ofrecer a los usuarios un punto de partida claro para las principales dos o tres tareas que partida claro para las principales dos o tres tareas que emprende el usuario cuando visita su sitio.emprende el usuario cuando visita su sitio.
Muestre ejemplos reales del contenido del sitio. Muestre ejemplos reales del contenido del sitio.
No se limite a describir lo que se encuentra dentro de la No se limite a describir lo que se encuentra dentro de la página. Lo específico vence a lo abstracto.página. Lo específico vence a lo abstracto.
Principales situaciones de usabilidad:Principales situaciones de usabilidad:Página PrincipalPágina Principal
Utilice palabras claras en los nombres de Utilice palabras claras en los nombres de los enlaces, principalmente en el menú de los enlaces, principalmente en el menú de navegaciónnavegació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:Principales situaciones de usabilidad:Página PrincipalPágina Principal
No sobre-diseñe el contenido críticoNo 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 Principales situaciones de usabilidad:usabilidad:Navegación:Navegación:
Enlaces que NO cambian de color cuando son visitados Enlaces que NO cambian de color cuando son visitados
Principales situaciones de Principales situaciones de usabilidad:usabilidad:Navegación:Navegación:
Romper el botón de retorno del navegadorRomper el botón de retorno del navegador
Principales situaciones de Principales situaciones de usabilidad:usabilidad:Navegación:Navegación:
Abrir nuevas ventanas en el navegadorAbrir nuevas ventanas en el navegador
Principales situaciones de Principales situaciones de usabilidad:usabilidad:Navegación:Navegación:
No mantener el estándar de la webNo mantener el estándar de la web
Situaciones de usabilidadSituaciones de usabilidadNavegaciónNavegación
““Clicabilidad” confusa Clicabilidad” confusa
Principales situaciones de usabilidad:Principales situaciones de usabilidad:universales:universales:
Elementos de diseño que “parecen” publicidadElementos de diseño que “parecen” publicidad
Principales situaciones de Principales situaciones de usabilidad:usabilidad:Universales:Universales:
Ventanas “Pop-up” Ventanas “Pop-up”
Situaciones de usabilidadSituaciones de usabilidadEl El Usuario aprendeUsuario aprende……
Direcciones (URL) complejasDirecciones (URL) complejas
Situaciones de usabilidadSituaciones de usabilidadEl El Usuario aprendeUsuario aprende……
Menús de navegación en cascadaMenús de navegación en cascada
Situaciones de usabilidadSituaciones de usabilidadEl El Usuario aprendeUsuario aprende……
Plug-insPlug-ins Gráficos animados y texto en movimientoGráficos animados y texto en movimiento
Inconsistencia dentro del mismo sitio webInconsistencia dentro del mismo sitio web
Palabras y términos rebuscadosPalabras y términos rebuscados
Situaciones de usabilidadSituaciones de usabilidad
Páginas splashPáginas splash ““Árbol de navidad”Árbol de navidad” No informar quién está detrás de la No informar quién está detrás de la
informacióninformación Palabras y términos rebuscadosPalabras y términos rebuscados Navegación y recursos “Puppys”Navegación y recursos “Puppys”
Guías para contenidos en forma Guías para contenidos en forma de textode texto
Concisos Concisos ObjetivosObjetivos EscaneablesEscaneables Estructura PiramidalEstructura Piramidal Contraste letra/fondoContraste letra/fondo Justificar a la izquierda únicamenteJustificar a la izquierda únicamente Evitar textos en movimientoEvitar textos en movimiento Evitar abuso de mayúsculas en textoEvitar abuso de mayúsculas en texto ConsistenciaConsistencia No mezclar fuentes y colores en excesoNo mezclar fuentes y colores en exceso
Legibilidad, lecturabilidadLegibilidad, lecturabilidad1. Tipografía1. Tipografía
Público objetivoPúblico objetivo
GeneralGeneral 10 - 1210 - 12
Usuarios mayores Usuarios mayores 12 - 1412 - 14
Niños y lectores principiantesNiños y lectores principiantes 12 - 1412 - 14
AdolescentesAdolescentes 10 - 1210 - 12
Tamaño de la tipografía:Tamaño de la tipografía:
Legibilidad, lecturabilidadLegibilidad, lecturabilidad1. Tipografía1. Tipografía
ArialArialArial BlackArial Black
Sans serifSans serif Leíble a tamaños razonables 10 +Leíble a tamaños razonables 10 +
Moderno, limpio, agradable para la mayoría de Moderno, limpio, agradable para la mayoría de usuariosusuarios
Comic Sans Ms CursivaCursiva Amigable, juvenil, divertido, informal. No apropiada Amigable, juvenil, divertido, informal. No apropiada para comunicaciones seriaspara comunicaciones serias
GeorgiaGeorgia SerifSerif Apariencia tradicional, moderna y + fácil de leer que Apariencia tradicional, moderna y + fácil de leer que TNR Excelente alternativa para tipos Serif TNR Excelente alternativa para tipos Serif
Times New RomanTimes New Roman SerifSerif Apariencia tradicional. No recomendable si desea Apariencia tradicional. No recomendable si desea transmitir una apariencia profesional. No es la transmitir una apariencia profesional. No es la preferida por la mayoría de usuarios.preferida por la mayoría de usuarios.
ImpactImpact Sans serifSans serif Bold. No recomendada para bloques de texto. Ideal Bold. No recomendada para bloques de texto. Ideal para títulos cortos.para títulos cortos.
VerdanaVerdana Sans serifSans serif Moderna, simple, profesional. Recomendada para Moderna, simple, profesional. Recomendada para
tahomatahoma Sans serifSans serif Ideal para títulosIdeal para títulos
Experiencia del usuario webExperiencia del usuario web Eye tracking Eye tracking
Experiencia del usuario webExperiencia del usuario web6. “Scroll down”6. “Scroll down”
Página principal, Página principal, Primera visita:Primera visita:
23%23%
Página principal 4ª y más visitasPágina principal 4ª y más visitas 14%14%
Páginas interioresPáginas interiores 42%42%
Páginas de resultados de un Páginas de resultados de un motor de búsquedamotor de búsqueda
47%47%
Géneros webGéneros web1. Portales 1. Portales Terra.com 2000Terra.com 2000
Géneros webGéneros web1. Portales 1. Portales Terra.com 2003Terra.com 2003
Géneros webGéneros web1. Portales 1. Portales Terra.com 2009Terra.com 2009
Géneros webGéneros web1. Portales 1. Portales e-medic 2009e-medic 2009
Géneros webGéneros web1. Portales 1. Portales negociosnegocios
Géneros webGéneros web1. Portales 1. Portales negociosnegocios
Géneros webGéneros web2. Periodismo web 2. Periodismo web El tiempo 1998El tiempo 1998
Géneros webGéneros web2. Periodismo web 2. Periodismo web El tiempo 2000El tiempo 2000
Géneros webGéneros web2. Periodismo web 2. Periodismo web El tiempo 2003El tiempo 2003
Géneros webGéneros web2. Periodismo web 2. Periodismo web El tiempo 2009El tiempo 2009
Géneros webGéneros web2. Periodismo web 2. Periodismo web Caracol 2009Caracol 2009
Géneros webGéneros web2. Periodismo web 2. Periodismo web El país 2009El país 2009