Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara

65
AI

description

Diseño web y usabilidad la Arquitectura de la información ¿que es la AI?, la importancia de la AI, entre otros, webinar por Darcy vergara de Chile

Transcript of Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara

Page 2: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

informació

n

colores

diseñomaquetas

tipografía

clientes

programació

n

fotografías

hosting

Page 3: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

2 maneras

Page 4: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara
Page 5: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

sitos completos en

flash

Page 6: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

no se fijan en la

necesidad

Page 7: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

vale más la organización que los usuarios

Page 8: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿información de interés?

Page 9: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

venden mal

Page 10: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

no son accesibles

Page 11: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 12: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿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 13: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿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”

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

Page 14: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿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 15: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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

con TÉCNICA

Page 16: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara
Page 17: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Sitios usables

Page 18: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Piensan en quien está detrás de la pantalla

Page 19: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

accesibles

encontrables

navegables

fáciles de usar

Page 20: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

diseño

centrado en el

usuario

Page 21: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Objetivo

Page 22: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Mejorar el proceso de

creación de sitios web

Page 23: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Mejorar la experiencia

de usuario

impedir la frustración

Page 24: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Definición de una

metodología de mejora

constante

Page 25: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

•PREMISAS

MÁXIMAS

Page 26: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

•1. EL USUARIO

ES LO MÁS

IMPORTANTE

Page 27: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

•Para él

•Por él

•Cómo él

Page 28: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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

se lee, se usa(Juan Carlos Camus)

Page 29: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

•III. Tenemos que

asegurar que sea

fácil de ocupar

por todos

Page 30: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

el tiene 3 componente fundamentales(DCU)

Page 31: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Usabilidad

Arquitectura de la

Información

Accesibilidad

Page 32: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Qué es la usabilidad?

Page 33: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Medición que

determina qué tan

fácil de usar es un

sitio(así de fome)

Page 34: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Qué tan importante

es?

Page 35: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

“Me equivoqué”

“La tecnología no es

para mí”

Page 36: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

“No sé cómo usar “x”

sitio web”

“No lo encuentro”

Page 37: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Qué es la AI?

41

Page 38: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Es parte del diseño integral de sistemas que ayudan a

personas a encontrar lo que necesitan

Page 39: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 40: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Louis Rosenfeld y

Peter Morville

• Combinación de esquemas de

organización, representación y

navegación dentro de un sistema

Page 41: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

•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 42: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 43: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Jasse James Garret

• Diseño estructural del espacio

informacional para facilitar el acceso

intuitivo a los contenidos

47

Page 44: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Edwad Tufle

• El diseño de la presentación de la

información para facilitar su

entendimiento

Page 45: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 46: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Arquitecto de la

información

• Persona que organiza los patrones

inherentes a la información

• Hace lo complejo entendible

Page 47: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Qué debe hacer un

AI• Conjugar varias visiones

• Investigar al usuario

• Investigar a la organización

Page 48: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Conjugar muchas y

diferentes visiones

Page 49: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Investigar al usuario

Page 50: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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

organización)

56

Page 51: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Algo más?

Page 52: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Organizar grandes

cantidades de

contenidos para que el

usuario pueda

manejarlos, navegar por

ellos fácilmente y

satisfacer sus

necesidades de

información

Page 53: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Clarificar la misión y

visión del sitio,

equilibrando las

necesidades del cliente

y las necesidades de la

audiencia

Page 54: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Determinar el contenido

y funcionalidad que el

sitio tendrá

Page 55: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 56: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Qué es la

Accesibilidad?

Page 57: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

cualidad

de un sitio

visitado de forma satisfactoria

por el mayor número de

personas, independiente de

sus

capacidades físicas,

del entorno

o tecnológicas

Page 58: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

“El poder de la web está en su

universalidad. Acceso a la

web para todos independiente

de su discapacidad”

Tim Berners Lee

Page 59: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Lado bueno / lado malo

65

Page 60: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

¿Cómo se escapa

del lado oscuro?

¿Cómo se ejecuta

todo esto?

Page 61: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Metodología

Jase James Garrett

by

http://www.jjg.net/

Page 62: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Los elementos de la

experiencia de

usuario

Page 63: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara
Page 64: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

Un sitio web que desde

su concepción no está

pensado en los

usuarios está destinado

al fracaso

Page 65: Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_vergara

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 visual

Jerarquía visual

INVESTIGACIÓN DE USUARIOS

TESTEOS DE USABILIDAD

TESTEOS DE USABILIDAD

TESTEOS DE USABILIDAD

71