Clase2: Usabilidad

55
EN LA CLASE PASADA... La web, los usuarios y la arquitectura de la información

description

Segunda clase del taller de Arquitectura de la Información y Usabilidad del Diplomado en Técnicas de Diseño para Sitios Web de la Universidad del Pacífico.

Transcript of Clase2: Usabilidad

Page 1: Clase2: Usabilidad

EN LA CLASE PASADA...La web, los usuarios y la arquitectura de la información

Page 2: Clase2: Usabilidad

1.- LA WEB LA HACEMOS LAS PERSONAS.

MR SPLASHY PANTS.

Page 3: Clase2: Usabilidad

2.- DEBEMOS RECONOCER A LOS DISTINTO TIPOS DE USUARIOS.

Page 4: Clase2: Usabilidad

3.- PARA PENSAR COMO PIENSAN NUESTROS USUARIOS

Page 5: Clase2: Usabilidad
Page 6: Clase2: Usabilidad

CLASE2: USABILIDADHacer la vida más fácil a los usuarios.

Page 7: Clase2: Usabilidad

¿DE QUÉ FORMA SE PONE CORRECTAMENTE?

Page 8: Clase2: Usabilidad

HACIA ADELANTE

Fuente: EngineeringDegree.net

Page 9: Clase2: Usabilidad

HACIA ATRÁS

Fuente: EngineeringDegree.net

Page 10: Clase2: Usabilidad

USABILIDAD

"Es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto."

Fuente: Wikipedia

Page 11: Clase2: Usabilidad

USABILIDAD

EFICIENCIA

EFICACIAFACILIDAD DE APRENDIZAJE

QUE TAN RÁPIDO Y FÁCIL.....

ASIMILAR EN EL MENOS TIEMPO POSIBLE.....

QUE CUMPLA CON EL OBJETIVO ESPERADO...

Page 12: Clase2: Usabilidad

USABILIDAD

Fuente: Wikipedia

Page 13: Clase2: Usabilidad

MENOS ES MÁSNo me hagas pensar.

Page 14: Clase2: Usabilidad
Page 15: Clase2: Usabilidad

USABILIDAD

"la usabilidad es estar realmente seguro de que algo funciona bien: que una persona con habilidades promedio pueda realizar una cosa para su intención sin terminar frustrado"

Fuente: Steve Krug

Page 16: Clase2: Usabilidad

Disciplina que facilita el acceso de los usuarios a los contenidos de la forma más fácil posible.

Page 17: Clase2: Usabilidad

USABILIDAD SEGÚN NIELSEN"Es el atributo de calidad que mide lo fáciles de usar que son las interfaces web."

Jakob Nielsen El padre de la Usabilidad web.

• Entendible

• Novedoso

• Comprensible

• Inteligente

• Atractivo

Un sitio web debe cumplir las siguientes características:

Page 18: Clase2: Usabilidad
Page 19: Clase2: Usabilidad

¿CÓMO LOGRAMOS ESTO?Metodología

Page 20: Clase2: Usabilidad

OBSERVAR

Page 21: Clase2: Usabilidad

ANALIZAR

Page 22: Clase2: Usabilidad

PLASMAR

Page 23: Clase2: Usabilidad

HERRAMIENTAS DE TRABAJO

Page 24: Clase2: Usabilidad

OBSERVAR

Page 25: Clase2: Usabilidad

BENCHMARK

Técnica de investigación, realizada por uno o más expertos que consiste en realizar un análisis comparativo de diversos sistemas digitales bajo diversos criterios.

Objetivo

Recopilar buenas prácticas para realizar definiciones estratégicas o prototipos.

Page 26: Clase2: Usabilidad

BENCHMARK

Page 27: Clase2: Usabilidad

CARDSORTING

Herramienta de investigación psicológica, que se basa en la observación de los usuarios y como estos agrupa y asocian un grupo de tarjetas con diversas categorías de temáticas de un sitio web.

Objetivo

Reconocer los diversos modelos mentales de los usuarios, para la generación una arquitectura de información orientada a los usuario.

Page 28: Clase2: Usabilidad

http://www.youtube.com/watch?v=-89cj71-Vfg

CARDSORTING

Page 29: Clase2: Usabilidad

TEST DE USUARIOHerramienta de investigación cualitativa que se basa en la interacción de las personas con una interfaz digital, ya sea éste un sitio Web, aplicación, programa, cajero automático, sistema de auto atención o dispositivo móvil.

Objetivos

• Observar a usuarios representativos interactuar con el sitio en el marco de escenarios de uso claves.

• Analizar el comportamiento de los usuarios observados en las diversas plataformas .

• Identificar problemas de usabilidad y medir niveles de satisfacción.

Page 30: Clase2: Usabilidad

http://www.youtube.com/watch?v=zL-HmsHwvN8

TEST DE USUARIO

Page 31: Clase2: Usabilidad

ANALIZAR

Page 32: Clase2: Usabilidad

INTERPRETACIÓN Y DOCUMENTACIÓN

Toda nuestra investigación debe ser interpretada, analizada y resumida para que sea comprendida.

Muchas veces el resultado final es un documento estratégico el cual define todos lineamientos a seguir en las siguientes etapas de un proyecto.

Page 33: Clase2: Usabilidad

PLASMAR

Page 34: Clase2: Usabilidad

ARQUITECTURA DE LA INFORMACIÓNDisciplina preocupada de la organización, disposición y estructuración de la información dentro de un espacio de interacción.

Objetivo

Hacer que la compresión de la información y las acciones que los usuarios realizan sean fáciles de alcanzar.

Page 35: Clase2: Usabilidad

DISEÑO DE INFORMACIÓNEs la forma en que disponemos los diversos contenidos definiendo las distintas jerarquías que estos dispondrán dentro de nuestra web, aplicación o sistema.

Estos prototipos tienen el nombre de WIREFRAMES (próxima clase, prepárense)

Page 36: Clase2: Usabilidad

ETAPAS POSTERIORES DE UN PROYECTO

• Diseño de interfaces

• Maquetación HTML/CSS/Javascript

• Desarrollo del plataforma (PHP, Phyton, Ruby and Rails, etc..)

• Marcha blanca y testeo de la plataforma.

Page 37: Clase2: Usabilidad

EXPERIENCIA DE USUARIOComo hacemos la diferencia

Page 38: Clase2: Usabilidad

Todos los factores que involucran la interacción de una persona ya sea con un servicio, un sitio web, una aplicación o un dispositivo tecnológico.

Y como nosotros pensamos y la hacemos distinta para nuestros usuario.

Page 39: Clase2: Usabilidad

NO ES LO MISMO...

Callcenter de Movistar

Page 40: Clase2: Usabilidad

PERO...EL MUNDO ESTA CAMBIANDO• Ya no solo hablamos de sitios web

• Tenemos nuevos dispositivos.

• La web la llevamos en el bolsillo.

• Existen nuevas formas de comunicarnos.

Page 41: Clase2: Usabilidad

LOS CONTEXTOS HAN CAMBIADO

Page 42: Clase2: Usabilidad

LA WEB ESTA MURIENDO...Como la conocemos hasta ahora

Page 43: Clase2: Usabilidad

SMARTHPHONES

Page 44: Clase2: Usabilidad

http://youtu.be/GzEnGGdhgIs

Page 45: Clase2: Usabilidad

TABLETS

Page 46: Clase2: Usabilidad

http://youtu.be/aXV-yaFmQNk

Page 47: Clase2: Usabilidad

SMARTTV

Page 48: Clase2: Usabilidad

http://youtu.be/Yiv_NNJJkRE

Page 49: Clase2: Usabilidad

GESTOS

Page 50: Clase2: Usabilidad

http://youtu.be/T_QLguHvACs

Page 51: Clase2: Usabilidad

REDES SOCIALES

Page 52: Clase2: Usabilidad

http://www.youtube.com/watch?v=znxZ8h-z3rk

Page 53: Clase2: Usabilidad

ENTONCES MIREMOS AL FUTURO HOY

Page 54: Clase2: Usabilidad

http://www.youtube.com/watch?v=6Cf7IL_eZ38

Page 55: Clase2: Usabilidad

MUCHAS GRACIAS.

Benjamín Preller Diharce @benjapreller