Ing. Karla Arosemena Julio, 2010

Ing.
Karla Arosemena
karla@karosemena.com
Julio, 2010
© Karla Arosemena. Para uso académico en Infosgroup. Prohibida su reproducción. Julio, 2010. Panamá.
Pensar en el
usuario
USABILIDAD
RECUPERABILIDAD UTILIDAD
Que la información Que la información le

se encuentre sirva al usuario
La usabilidad se puede medir con

encuestas y pruebas
 Para entender el concepto
◦ Creador: Richard Saul Wurman @ 1975
◦ Arquitecto de Información:
 La persona que organiza los patrones inherentes a la
información, haciendo entendible lo complejo.
 Una persona que crea un mapa de información que
permite a otros encontrar su vía personal hacia el
conocimiento.
 Louis Rosenfeld
◦ AI es un nuevo campo de trabajo
◦ Utiliza las herramientas, técnicas y experiencias de las disciplinas que consideran la

información como algo importante y valioso por sí misma.
◦ Se puede llamar Arquitectura de Información, Diseño de Información, Diseño de

Experiencia o Administración del Conocimiento.
◦ Usa elementos de la Etnografía, Lingüística, Estrategia de Negocios, Periodismo,

Modelamiento de datos, Bibliotecología, Interacción Hombre-Computador
© Karla Arosemena. Para uso académico en Infosgroup. Prohibida su reproducción. Junio, 2010. Panamá
 Peter Morville
1. El diseño estructural de
ambientes de información
compartidos.
2. El arte y la ciencia de
organizar y etiquetar sitios
web, intranets,
comunidades en línea y
programas
computacionales, para
apoyar las capacidades de
uso y búsqueda.
3. Una comunidad emergente
de prácticas enfocadas en
entregar los principios de
diseño y arquitectura, a los
paisajes digitales.
Iceberg de Morville
 Organiza contenidos con el objetivo de que
el usuario pueda manejarlos, navegar por
ellos y llenar sus necesidades de
información.
 ¿COMO LO HACE?
 1. Identificar unidades de contenido y granularidad
◦ Textos, imágenes, videos (o la combinación de éstos)
◦ Nivel de descomposición en que pueden ser divididos esos
contenidos
◦ Verificar que sigan manteniendo su significación
comunicativa
 2. Metadatos
◦ Información acerca de información
◦ Caracterizar cada unidad de contenido a través de una serie
de pares 'atributo-valor/es„
◦ ATRIBUTOS: título, resumen, palabras clave, lenguaje,
formato, fecha de creación, tamaño
 3. Búsqueda y Navegación
◦ Sistema de búsqueda (palabras clave – indización)
◦ Sistema de navegación (categorías – clasificación)
Estructura hipertextual
Estructura secuencial Páginas que se enlazan por
(ejemplos??) similitud con contenidos.
Orden secuencial de la Difícil orientación
navegación
Estructura jerárquica
Estructura en forma de árbol. Se pueden
combinar con hipertextual.
Buscar equilibrio entre ancho y profundo.
 Pregunta: ¿Cómo planear todo lo anterior?
 Respuesta: Mediante representación en
diagramas
 VEAMOS:
◦ Se busca representar: estructura, funcionamiento y
comportamiento
◦ DIAGRAMAS DE MAPA DE ARQUITECTURA (habla de la
estructura y la nav.)
◦ DIAGRAMAS DE MAQUETA (habla de la ubicación de los
contenidos)

Presenta la estructura general. Grupos o
categorías de organización con sus rótulos.
 Presenta la estructura junto con la manera
como los contenidos se navegan y la relación
entre uno y otro. Elabora sus propio lenguaje
o convenciones visuales.
 Presenta la forma como se va a organizar
visualmente el contenido en todas las
páginas. Debe elaborar páginas tipo. No tiene
nada que ver con el diseño gráfico, sino
elaborar un “esqueleto” de los diversos tipos
de página.
 Que el usuario no se pierda!!!
 Coherencia del diseño
Uniformidad en estructura y elementos visuales
 Jerarquía visual
Lectura izquierda a derecha – Arriba abajo. Nivel
de importancia dentro de la jerarquía (parte de…,
elementos y subelementos) Ubicación, tamaño,
color…
 Bread Crumbs
Guían con exactitud la ubicación dentro de la
estructura.
 http://georgewashington.si.edu/index.html
 http://alaska.si.edu/
 http://www.nationalgeographic.com/forcesof
nature/
No puedo encontrarlo!
 Información difícil de encontrar.

 Mala navegación.
 Sin índice o mapa.
 Rotulación obscura.
 Contenido cambiante.
 Facilidad para encontrar lo que se busca.
 Navegación consistente, clara y natural.
 Arquitectura bien diseñada.
 Estructuras
◦ Tipos de relación entre el contenido.
◦ La forma de la información.
◦ ¿Cómo estructuro mi información?
 Esquemas
◦ Sugieren un modelo mental.
◦ Cómo agrupar y navegar.
◦ Caminos de acceso a la información.
◦ ¿Cómo organizo mi información?
la información?
¿Cómo organizo
la información?
¿Cómo estructuro
 Exactos  Ejemplos
◦ Describen información ◦ Alfabéticos
conocida. ◦ Numéricos
◦ Son objetivos. ◦ Cronológicos
◦ Fáciles de mantener. ◦ Geográficos
◦ Fáciles de usar.
◦ Todo tiene un lugar
exacto.
◦ Perfecto para usuarios
que saben exactamente lo
que buscan.
http://www.annals.org/
http://www.rxlist.com/
http://www.yahoo.com/
 Ambiguos  Ejemplo
◦ Describen información ◦ Temáticos
incompleta. ◦ Funcionales
◦ Son subjetivos. ◦ Por audiencia
◦ Difíciles de mantener.
◦ Por metáforas
◦ Difíciles de usar.
◦ Los elementos se
traslapan.
◦ Perfecto para usuarios que
no saben con precisión lo
que buscan.
◦ Útil para vagar por el sitio.
http://www.snoopy.com/
http://www.medscape.com/
http://www.microsoft.com/
http://www.snoopy.com/
Mixtos
Hipertexto
Jerárquicas
Basadas en bases de datos
 Estructuras jerárquicas.
◦ La manera más natural de clasificar la información.
◦ Describen relaciones de ascendente/descendente.
◦ Útiles para los primeros niveles de un sitio.
 Estructuras de hipertexto.
◦ Describe relaciones poco estructuradas entre
elementos del sitio.
◦ Puede ser confusa.
◦ Debe adecuarse para complementar las estructuras
jerárquicas y las de bases de datos.
 Estructuras de bases de datos.
◦ Organizan grandes cantidades de información
homogenizada con relaciones predecibles.
◦ Útil para los niveles inferiores del sitio.
 Página Principal
 Tipos de Navegación
◦ Navegación Jerárquica
◦ Navegación Global
◦ Navegación Local
◦ Navegación Ad Hoc
 Elementos de navegación
◦ Barras de Navegación
◦ Menús Desplegables
◦ Índices
◦ Utilitarios: Banners y Textos alternativos
 Sistemas de etiquetas
◦ Etiquetas en el sistema de navegación
◦ Etiquetas para metadatos
◦ Etiquetas para enlaces
◦ Etiquetas para encabezamientos
 Permiten solamente la navegación vertical.
◦ Hacia o abajo en la jerarquía, no hacia los lados.
 Rígida.
 Permite ver inmediatamente la estructura del
siguiente nivel.
 Generalmente concuerda con la estructura de
información jerárquica.
http://www.canon.com/
Canon Worldwide Network
Americas Europe Asia Japan Oceania
Canon USA Canon Italia Canon China Canon Sales
Canon Canada Canon Poland Canon Filipinas Canon Supercomputing
Canon Mexicana Canon Svenska Canon Copyer
Canon Argentina Canon Shweiz Canon Fastnet
Canon Brasil Canon UK Canon Software
Canon Chile
 Complementan la jerarquía de la información
del sitio.
 Permiten el desplazamiento vertical y
horizontal.
 Suele substituir a la navegación jerárquica
pura.
 Suele usarse en todas las páginas.
http://www.canonmexico.com.mx/
 Semejante a la navegación global.
 Complementa la navegación global para un
subsitio o sección de un sitio.
 Complementa, no substituye.
 Debe mantenerse separada de la navegación
global.
http://www.telelogic.com/
Telelogic
Solutions Reference User Support About Telelogic Contact Us News Search
Tools Case stories FAQ Investor relations Signals
Prof. Services Literature Phone/e-mail Job opportunities Events
Education Tech. papers University relations Seminars
Components Partners Press room Press releases
Languages News archive
Methodology
 Enlaces rodeados de texto.
 Pueden pasar inadvertidos.
 Pueden ser confusos.
 Cortan el flujo de la lectura.
 Son la representación de la estructura del
hipertexto.
 Pueden substituirse por listados de “Ver
también”.
http://www.slashdot.org/
http://www.anchordesk.com/

Ing. Karla Arosemena Julio, 2010

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ing. Karla Arosemena Julio, 2010

Cargado por

Copyright:

Formatos disponibles

Ing.

Que la información Que la información le

La usabilidad se puede medir con

◦ Utiliza las herramientas, técnicas y experiencias de las disciplinas que consideran la

◦ Se puede llamar Arquitectura de Información, Diseño de Información, Diseño de

◦ Usa elementos de la Etnografía, Lingüística, Estrategia de Negocios, Periodismo,

 Información difícil de encontrar.

Basadas en bases de datos

Americas Europe Asia Japan Oceania

Canon USA Canon Italia Canon China Canon Sales

Canon Canada Canon Poland Canon Filipinas Canon Supercomputing

Canon Mexicana Canon Svenska Canon Copyer

Canon Argentina Canon Shweiz Canon Fastnet

Canon Brasil Canon UK Canon Software

Solutions Reference User Support About Telelogic Contact Us News Search

Tools Case stories FAQ Investor relations Signals

Prof. Services Literature Phone/e-mail Job opportunities Events

Education Tech. papers University relations Seminars

Components Partners Press room Press releases

Languages News archive

También podría gustarte