usabilidad “usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de...

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.


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.


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


Romper el botón de retorno del navegadorRomper el botón de retorno del navegador


Abrir nuevas ventanas en el navegadorAbrir nuevas ventanas en el navegador


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


Menús de navegación en cascadaMenús de navegación en cascada


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 e-medic 2009e-medic 2009

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 Caracol 2009Caracol 2009

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

usabilidad “usabilidad es la efectividad, eficiencia y satisfacción con la que un grupo de...

Documents