clase u. del pacífico 18 de marzo

152
AI-Usabilidad 18 de marzo de 2011

Upload: darcy-vergara

Post on 22-Jun-2015

432 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Clase U. del Pacífico 18 de marzo

AI-Usabilidad

18 de marzo de 2011

Page 2: Clase U. del Pacífico 18 de marzo

información

colores

diseñomaquetas

tipografía

clientesprogramación

fotografías

hosting

Page 3: Clase U. del Pacífico 18 de marzo

2 maneras

Page 4: Clase U. del Pacífico 18 de marzo
Page 5: Clase U. del Pacífico 18 de marzo
Page 6: Clase U. del Pacífico 18 de marzo
Page 7: Clase U. del Pacífico 18 de marzo

sitos completos en flash

Page 8: Clase U. del Pacífico 18 de marzo

sitos completos en flash

Page 9: Clase U. del Pacífico 18 de marzo
Page 10: Clase U. del Pacífico 18 de marzo

no se fijan en la necesidad

Page 11: Clase U. del Pacífico 18 de marzo

no se fijan en la necesidad

Page 12: Clase U. del Pacífico 18 de marzo
Page 13: Clase U. del Pacífico 18 de marzo

vale más la organización que los usuarios

Page 14: Clase U. del Pacífico 18 de marzo

vale más la organización que los usuarios

Page 15: Clase U. del Pacífico 18 de marzo
Page 16: Clase U. del Pacífico 18 de marzo

skip intro

Page 17: Clase U. del Pacífico 18 de marzo

skip intro

Page 18: Clase U. del Pacífico 18 de marzo
Page 19: Clase U. del Pacífico 18 de marzo

skip intro

Page 20: Clase U. del Pacífico 18 de marzo

skip intro

http://www.skipintros.com/

Page 21: Clase U. del Pacífico 18 de marzo
Page 22: Clase U. del Pacífico 18 de marzo

¿información de interés?

Page 23: Clase U. del Pacífico 18 de marzo

¿información de interés?

Page 24: Clase U. del Pacífico 18 de marzo

¿información de interés?

Page 25: Clase U. del Pacífico 18 de marzo
Page 26: Clase U. del Pacífico 18 de marzo

venden mal

Page 27: Clase U. del Pacífico 18 de marzo

venden mal

Page 28: Clase U. del Pacífico 18 de marzo

venden mal

Page 29: Clase U. del Pacífico 18 de marzo
Page 30: Clase U. del Pacífico 18 de marzo

no son accesibles

Page 31: Clase U. del Pacífico 18 de marzo

no son accesibles

Page 32: Clase U. del Pacífico 18 de marzo
Page 33: Clase U. del Pacífico 18 de marzo

no son accesibles

Page 34: Clase U. del Pacífico 18 de marzo

no son accesibles

Page 35: Clase U. del Pacífico 18 de marzo
Page 36: Clase U. del Pacífico 18 de marzo

Sitios hechos completamente en flash, casi por completo inaccesibles

Page 37: Clase U. del Pacífico 18 de marzo

Sitios hechos completamente en flash, casi por completo inaccesibles

Sitios del estado pensados desde la organización. difíciles de comprender y utilizar por el usuario al cual está dirigido

Page 38: Clase U. del Pacífico 18 de marzo

Sitios hechos completamente en flash, casi por completo inaccesibles

Sitios del estado pensados desde la organización. difíciles de comprender y utilizar por el usuario al cual está dirigido

Amplia oferta de desarrollo web en poco tiempo y por precios irracionales

Page 39: Clase U. del Pacífico 18 de marzo
Page 40: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

Page 41: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL CLIENTE

Page 42: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL CLIENTE

“No me gusta el azul”

Page 43: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL CLIENTE

“No me gusta el azul”

“Mi área debe ir en la home”

Page 44: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL CLIENTE

“No me gusta el azul”

“Mi área debe ir en la home”

“La foto del ministro debe estar en el inicio”

Page 45: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL CLIENTE

“No me gusta el azul”

“Mi área debe ir en la home”

“La foto del ministro debe estar en el inicio”

“Es que el gerente lo quiere así”

Page 46: Clase U. del Pacífico 18 de marzo
Page 47: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

Page 48: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN LA TECNOLOGÍA

Page 49: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN LA TECNOLOGÍA

“Eso no se puede hacer”

Page 50: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN LA TECNOLOGÍA

“Eso no se puede hacer”

“Su sitio en flash por 250 lks”

Page 51: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN LA TECNOLOGÍA

“Eso no se puede hacer”

“Su sitio en flash por 250 lks”

“Es que para mí es más fácil hacerlo así”

Page 52: Clase U. del Pacífico 18 de marzo
Page 53: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

Page 54: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL DISEÑADOR

Page 55: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL DISEÑADOR

“Si más se mueve más lo ve la gente”

Page 56: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL DISEÑADOR

“Si más se mueve más lo ve la gente”

“Me gusta más el verde”

Page 57: Clase U. del Pacífico 18 de marzo

¿En quién está centrado del diseño y el desarrollo de sistemas digitales?

DISEÑO CENTRADO EN EL DISEÑADOR

“Si más se mueve más lo ve la gente”

“Me gusta más el verde”

“Se ve mejor el buscador abajo”

Page 58: Clase U. del Pacífico 18 de marzo
Page 59: Clase U. del Pacífico 18 de marzo

La única forma de luchar contra esto es ...

Page 60: Clase U. del Pacífico 18 de marzo

La única forma de luchar contra esto es ...

con TÉCNICA

Page 61: Clase U. del Pacífico 18 de marzo
Page 62: Clase U. del Pacífico 18 de marzo
Page 63: Clase U. del Pacífico 18 de marzo
Page 64: Clase U. del Pacífico 18 de marzo

Sitios usables

Page 65: Clase U. del Pacífico 18 de marzo

Sitios usables

Page 66: Clase U. del Pacífico 18 de marzo
Page 67: Clase U. del Pacífico 18 de marzo

útiles

Page 68: Clase U. del Pacífico 18 de marzo

útiles

Page 69: Clase U. del Pacífico 18 de marzo
Page 70: Clase U. del Pacífico 18 de marzo

Piensan en quien está detrás de la pantalla

Page 71: Clase U. del Pacífico 18 de marzo

Piensan en quien está detrás de la pantalla

Page 72: Clase U. del Pacífico 18 de marzo

Piensan en quien está detrás de la pantalla

Page 73: Clase U. del Pacífico 18 de marzo
Page 74: Clase U. del Pacífico 18 de marzo

accesibles

Page 75: Clase U. del Pacífico 18 de marzo

accesibles

encontrables

Page 76: Clase U. del Pacífico 18 de marzo

accesibles

encontrables

navegables

Page 77: Clase U. del Pacífico 18 de marzo

accesibles

encontrables

navegables

fáciles de usar

Page 78: Clase U. del Pacífico 18 de marzo
Page 79: Clase U. del Pacífico 18 de marzo
Page 80: Clase U. del Pacífico 18 de marzo

diseño centrado en el usuario

Page 81: Clase U. del Pacífico 18 de marzo

Objetivo

Page 82: Clase U. del Pacífico 18 de marzo

Mejorar el proceso de creación de sitios web

Page 83: Clase U. del Pacífico 18 de marzo

Mejorar la experiencia de usuario

impedir la frustración

Page 84: Clase U. del Pacífico 18 de marzo

Definición de una metodología de mejora

constante

Page 85: Clase U. del Pacífico 18 de marzo

PREMISAS MÁXIMAS

Page 86: Clase U. del Pacífico 18 de marzo

1. EL USUARIO ES LO MÁS IMPORTANTE

Page 87: Clase U. del Pacífico 18 de marzo

Para él

Por él

Cómo él

Page 88: Clase U. del Pacífico 18 de marzo

2. la información en la Web no sólo

se lee, se usa(Juan Carlos Camus)

Page 89: Clase U. del Pacífico 18 de marzo

III. Tenemos que asegurar que sea fácil de ocupar por todos

Page 90: Clase U. del Pacífico 18 de marzo

el tiene 3 componente fundamentales(DCU)

Page 91: Clase U. del Pacífico 18 de marzo
Page 92: Clase U. del Pacífico 18 de marzo

Usabilidad

Page 93: Clase U. del Pacífico 18 de marzo

Usabilidad

Arquitectura de la Información

Page 94: Clase U. del Pacífico 18 de marzo

Usabilidad

Arquitectura de la Información

Accesibilidad

Page 95: Clase U. del Pacífico 18 de marzo

¿Qué es la usabilidad?

Page 96: Clase U. del Pacífico 18 de marzo

Medición que determina qué tan fácil

de usar es un sitio(así de fome)

Page 97: Clase U. del Pacífico 18 de marzo

¿Qué tan importante es?

Page 98: Clase U. del Pacífico 18 de marzo
Page 99: Clase U. del Pacífico 18 de marzo

“Me equivoqué”

Page 100: Clase U. del Pacífico 18 de marzo

“Me equivoqué”

“La tecnología no es para mí”

Page 101: Clase U. del Pacífico 18 de marzo
Page 102: Clase U. del Pacífico 18 de marzo

“No sé cómo usar “x” sitio web”

Page 103: Clase U. del Pacífico 18 de marzo

“No sé cómo usar “x” sitio web”

“No lo encuentro”

Page 104: Clase U. del Pacífico 18 de marzo

¿Qué es la AI?

41

Page 105: Clase U. del Pacífico 18 de marzo

Es parte del diseño integral de sistemas que ayudan a personas a encontrar lo que necesitan

Page 106: Clase U. del Pacífico 18 de marzo

Richard Saul Wurman

El estudio de la organización de la información

Con el objetivo de permitir encontrar su vía de navegación al conocimiento y la comprensión de la información

Page 107: Clase U. del Pacífico 18 de marzo

Louis Rosenfeld y Peter Morville

Combinación de esquemas de organización, representación y navegación dentro de un sistema

Page 108: Clase U. del Pacífico 18 de marzo

Diseño estructural de un espacio informático para facilitar la culminación de tareas y el acceso intuitivo al contenido

Louis Rosenfeld y Peter Morville

Page 109: Clase U. del Pacífico 18 de marzo

Louis Rosenfeld y Peter Morville

Arte y ciencia de estructurar y clasificar sitios web e intranets (medios digitales) con el fin de ayudar a los usuarios a encontrar y manejar la información

Page 110: Clase U. del Pacífico 18 de marzo

Jasse James Garret

Diseño estructural del espacio informacional para facilitar el acceso intuitivo a los contenidos

47

Page 111: Clase U. del Pacífico 18 de marzo

Edwad Tufle

El diseño de la presentación de la información para facilitar su entendimiento

Page 112: Clase U. del Pacífico 18 de marzo

Baeza-Yates,Velasco y Rivera

La AI se ocupa del diseño estructural de los sistemas de información

Su problema central es la organización, recuperación y presentación de la información

Page 113: Clase U. del Pacífico 18 de marzo

En Chile y el mundo

• AI Institute

• Cadius

• Cadius Chile

• AI Chile

Page 114: Clase U. del Pacífico 18 de marzo

Arquitecto de la información

• En Chile

• En el mundo

Page 115: Clase U. del Pacífico 18 de marzo

Arquitecto de la información

• Persona que organiza los patrones inherentes a la información

• Hace lo complejo entendible

Page 116: Clase U. del Pacífico 18 de marzo

Qué debe hacer un AI

Conjugar varias visiones

• Investigar al usuario

• Investigar a la organización

Page 117: Clase U. del Pacífico 18 de marzo

Conjugar muchas y diferentes visiones

Page 118: Clase U. del Pacífico 18 de marzo

Conjugar muchas y diferentes visiones

Page 119: Clase U. del Pacífico 18 de marzo

Investigar al usuario

empatía = modelos mentales

Page 120: Clase U. del Pacífico 18 de marzo

Investigar a la organización(cuáles son los objetivos de la organización)

56

Page 121: Clase U. del Pacífico 18 de marzo

¿Algo más?

Page 122: Clase U. del Pacífico 18 de marzo

Organizar grandes cantidades de contenidos para que el usuario pueda manejarlos, navegar por

ellos fácilmente y satisfacer sus necesidades de

información

Page 123: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

Page 124: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

¿Se acuerdan?

Page 125: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

¿Se acuerdan?

Page 126: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

¿Se acuerdan?

Page 127: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

¿Se acuerdan?

Page 128: Clase U. del Pacífico 18 de marzo

Clarificar la misión y visión del sitio, equilibrando las

necesidades del patrocinador y las

necesidades de la audiencia

¿Se acuerdan?

Page 129: Clase U. del Pacífico 18 de marzo

Determinar el contenido y funcionalidad que el sitio

tendrá

Page 130: Clase U. del Pacífico 18 de marzo

Especificar cómo los usuarios van a encontrar

la información al definir su organización, navegación, etiquetado y sistemas de

búsqueda

Page 131: Clase U. del Pacífico 18 de marzo

¿Qué es la Accesibilidad?

Page 132: Clase U. del Pacífico 18 de marzo

cualidadde un sitio

visitado de forma satisfactoriapor el mayor número de

personas, independiente de suscapacidades físicas,

del entornoo tecnológicas

Page 133: Clase U. del Pacífico 18 de marzo

“El poder de la web está en su universalidad. Acceso a la web para todos independiente de su

discapacidad”

Tim Berners Lee

Page 134: Clase U. del Pacífico 18 de marzo

Lado bueno / lado malo

65

Page 135: Clase U. del Pacífico 18 de marzo
Page 136: Clase U. del Pacífico 18 de marzo

¿Cómo se escapa del lado oscuro?

Page 137: Clase U. del Pacífico 18 de marzo

¿Cómo se escapa del lado oscuro?

¿Cómo se ejecuta todo esto?

Page 138: Clase U. del Pacífico 18 de marzo
Page 139: Clase U. del Pacífico 18 de marzo

Metodología

Page 140: Clase U. del Pacífico 18 de marzo

Metodología

by

Page 141: Clase U. del Pacífico 18 de marzo

Metodología

Jase James Garrett

by

Page 142: Clase U. del Pacífico 18 de marzo

Metodología

Jase James Garrett

by

http://www.jjg.net/

Page 143: Clase U. del Pacífico 18 de marzo
Page 144: Clase U. del Pacífico 18 de marzo

Los elementos de la experiencia de usuario

Page 145: Clase U. del Pacífico 18 de marzo

Los elementos de la experiencia de usuario

Page 146: Clase U. del Pacífico 18 de marzo
Page 147: Clase U. del Pacífico 18 de marzo

Un sitio web que desde su concepción no está

pensado en los usuarios está destinado

al fracaso

Page 148: Clase U. del Pacífico 18 de marzo

Recolección de información

Organización de la información (AI)

Jerarquía-contenidos 1

Estructuración de wireframes

Jerarquía contenidos 2

Diseño visualJerarquía visual

71

Page 149: Clase U. del Pacífico 18 de marzo

Recolección de información

Organización de la información (AI)

Jerarquía-contenidos 1

Estructuración de wireframes

Jerarquía contenidos 2

Diseño visualJerarquía visual

INVESTIGACIÓN DE USUARIOS

71

Page 150: Clase U. del Pacífico 18 de marzo

Recolección de información

Organización de la información (AI)

Jerarquía-contenidos 1

Estructuración de wireframes

Jerarquía contenidos 2

Diseño visualJerarquía visual

INVESTIGACIÓN DE USUARIOS

TESTEOS DE USABILIDAD

71

Page 151: Clase U. del Pacífico 18 de marzo

Recolección de información

Organización de la información (AI)

Jerarquía-contenidos 1

Estructuración de wireframes

Jerarquía contenidos 2

Diseño visualJerarquía visual

INVESTIGACIÓN DE USUARIOS

TESTEOS DE USABILIDAD

TESTEOS DE USABILIDAD

71

Page 152: Clase U. del Pacífico 18 de marzo

Recolección de información

Organización de la información (AI)

Jerarquía-contenidos 1

Estructuración de wireframes

Jerarquía contenidos 2

Diseño visualJerarquía visual

INVESTIGACIÓN DE USUARIOS

TESTEOS DE USABILIDAD

TESTEOS DE USABILIDAD

TESTEOS DE USABILIDAD

71