Download - Clase U. del Pacífico 18 de marzo
AI-Usabilidad
18 de marzo de 2011
información
colores
diseñomaquetas
tipografía
clientesprogramación
fotografías
hosting
2 maneras
sitos completos en flash
sitos completos en flash
no se fijan en la necesidad
no se fijan en la necesidad
vale más la organización que los usuarios
vale más la organización que los usuarios
skip intro
skip intro
skip intro
¿información de interés?
¿información de interés?
¿información de interés?
venden mal
venden mal
venden mal
no son accesibles
no son accesibles
no son accesibles
no son accesibles
Sitios hechos completamente en flash, casi por completo inaccesibles
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
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
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE
¿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”
¿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”
¿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”
¿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í”
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
DISEÑO CENTRADO EN LA TECNOLOGÍA
¿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”
¿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”
¿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í”
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
¿En quién está centrado del diseño y el desarrollo de sistemas digitales?
DISEÑO CENTRADO EN EL DISEÑADOR
¿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”
¿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”
¿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”
La única forma de luchar contra esto es ...
La única forma de luchar contra esto es ...
con TÉCNICA
Sitios usables
Sitios usables
útiles
útiles
Piensan en quien está detrás de la pantalla
Piensan en quien está detrás de la pantalla
Piensan en quien está detrás de la pantalla
accesibles
accesibles
encontrables
accesibles
encontrables
navegables
accesibles
encontrables
navegables
fáciles de usar
diseño centrado en el usuario
Objetivo
Mejorar el proceso de creación de sitios web
Mejorar la experiencia de usuario
impedir la frustración
Definición de una metodología de mejora
constante
PREMISAS MÁXIMAS
1. EL USUARIO ES LO MÁS IMPORTANTE
Para él
Por él
Cómo él
2. la información en la Web no sólo
se lee, se usa(Juan Carlos Camus)
III. Tenemos que asegurar que sea fácil de ocupar por todos
el tiene 3 componente fundamentales(DCU)
Usabilidad
Usabilidad
Arquitectura de la Información
Usabilidad
Arquitectura de la Información
Accesibilidad
¿Qué es la usabilidad?
Medición que determina qué tan fácil
de usar es un sitio(así de fome)
¿Qué tan importante es?
“Me equivoqué”
“Me equivoqué”
“La tecnología no es para mí”
“No sé cómo usar “x” sitio web”
“No sé cómo usar “x” sitio web”
“No lo encuentro”
¿Qué es la AI?
41
Es parte del diseño integral de sistemas que ayudan a personas a encontrar lo que necesitan
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
Louis Rosenfeld y Peter Morville
Combinación de esquemas de organización, representación y navegación dentro de un sistema
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
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
Jasse James Garret
Diseño estructural del espacio informacional para facilitar el acceso intuitivo a los contenidos
47
Edwad Tufle
El diseño de la presentación de la información para facilitar su entendimiento
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
En Chile y el mundo
• AI Institute
• Cadius
• Cadius Chile
• AI Chile
Arquitecto de la información
• En Chile
• En el mundo
Arquitecto de la información
• Persona que organiza los patrones inherentes a la información
• Hace lo complejo entendible
Qué debe hacer un AI
Conjugar varias visiones
• Investigar al usuario
• Investigar a la organización
Conjugar muchas y diferentes visiones
Conjugar muchas y diferentes visiones
Investigar al usuario
empatía = modelos mentales
Investigar a la organización(cuáles son los objetivos de la organización)
56
¿Algo más?
Organizar grandes cantidades de contenidos para que el usuario pueda manejarlos, navegar por
ellos fácilmente y satisfacer sus necesidades de
información
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
¿Se acuerdan?
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
¿Se acuerdan?
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
¿Se acuerdan?
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
¿Se acuerdan?
Clarificar la misión y visión del sitio, equilibrando las
necesidades del patrocinador y las
necesidades de la audiencia
¿Se acuerdan?
Determinar el contenido y funcionalidad que el sitio
tendrá
Especificar cómo los usuarios van a encontrar
la información al definir su organización, navegación, etiquetado y sistemas de
búsqueda
¿Qué es la Accesibilidad?
cualidadde un sitio
visitado de forma satisfactoriapor el mayor número de
personas, independiente de suscapacidades físicas,
del entornoo tecnológicas
“El poder de la web está en su universalidad. Acceso a la web para todos independiente de su
discapacidad”
Tim Berners Lee
Lado bueno / lado malo
65
¿Cómo se escapa del lado oscuro?
¿Cómo se escapa del lado oscuro?
¿Cómo se ejecuta todo esto?
Metodología
Metodología
by
Metodología
Jase James Garrett
by
Los elementos de la experiencia de usuario
Los elementos de la experiencia de usuario
Un sitio web que desde su concepción no está
pensado en los usuarios está destinado
al fracaso
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
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
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
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
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