![Page 1: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/1.jpg)
AI
![Page 2: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/3.jpg)
2 maneras
![Page 4: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/4.jpg)
![Page 5: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/5.jpg)
sitos completos en
flash
![Page 6: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/6.jpg)
no se fijan en la
necesidad
![Page 7: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/7.jpg)
vale más la organización que los usuarios
![Page 8: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/8.jpg)
¿información de interés?
![Page 9: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/9.jpg)
venden mal
![Page 10: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/10.jpg)
no son accesibles
![Page 11: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/12.jpg)
¿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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/13.jpg)
¿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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/14.jpg)
¿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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/16.jpg)
![Page 17: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/17.jpg)
Sitios usables
![Page 18: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/18.jpg)
Piensan en quien está detrás de la pantalla
![Page 19: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/19.jpg)
accesibles
encontrables
navegables
fáciles de usar
![Page 20: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/20.jpg)
diseño
centrado en el
usuario
![Page 21: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/21.jpg)
Objetivo
![Page 22: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/22.jpg)
Mejorar el proceso de
creación de sitios web
![Page 23: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/23.jpg)
Mejorar la experiencia
de usuario
impedir la frustración
![Page 24: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/24.jpg)
Definición de una
metodología de mejora
constante
![Page 25: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/25.jpg)
•PREMISAS
MÁXIMAS
![Page 26: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/26.jpg)
•1. EL USUARIO
ES LO MÁS
IMPORTANTE
![Page 27: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/27.jpg)
•Para él
•Por él
•Cómo él
![Page 28: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/29.jpg)
•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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/30.jpg)
el tiene 3 componente fundamentales(DCU)
![Page 31: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/31.jpg)
Usabilidad
Arquitectura de la
Información
Accesibilidad
![Page 32: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/32.jpg)
¿Qué es la usabilidad?
![Page 33: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/33.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/34.jpg)
¿Qué tan importante
es?
![Page 35: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/35.jpg)
“Me equivoqué”
“La tecnología no es
para mí”
![Page 36: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/36.jpg)
“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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/37.jpg)
¿Qué es la AI?
41
![Page 38: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/38.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/39.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/40.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/41.jpg)
•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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/42.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/43.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/44.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/45.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/46.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/47.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/48.jpg)
Conjugar muchas y
diferentes visiones
![Page 49: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/49.jpg)
Investigar al usuario
![Page 50: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/50.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/51.jpg)
¿Algo más?
![Page 52: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/52.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/53.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/54.jpg)
Determinar el contenido
y funcionalidad que el
sitio tendrá
![Page 55: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/55.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/56.jpg)
¿Qué es la
Accesibilidad?
![Page 57: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/57.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/58.jpg)
“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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/59.jpg)
Lado bueno / lado malo
65
![Page 60: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/60.jpg)
¿Cómo se escapa
del lado oscuro?
¿Cómo se ejecuta
todo esto?
![Page 62: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/62.jpg)
Los elementos de la
experiencia de
usuario
![Page 63: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/63.jpg)
![Page 64: Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/64.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051322/545991a1af7959795d8b5656/html5/thumbnails/65.jpg)
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