El documento trata sobre el diseño web y sistemas de clasificación de información. Explica que la clasificación consiste en agrupar elementos de información según sus atributos comunes. Luego discute la importancia de dividir grandes proyectos en pequeños pasos, identificar vías específicas y tomar conciencia de los recursos disponibles. Finalmente, presenta mapas mentales como una forma de organizar ideas y la indización social como método para describir recursos de manera colaborativa.
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
Diseño de sistemas de clasificación de información
1. DISEÑO WEB
{ Taller
Diseño Gráfico 6
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
2. DISEÑO WEB
{ Sistemas de Clasificación
de Información
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
3. DISEÑO WEB
{
La tarea de clasificar podemos
definirla como la actividad de
CLASIFICAR agrupar los elementos de
información de acuerdo a atributos o
propiedades comunes entre ellos
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
4. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
5. DISEÑO WEB
Al diseñar un sistema de información adoptamos a veces una
tendencia a abarcarlo todo y solucionar un gran problema, en
todos sus detalles, de una sola vez.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
6. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
7. DISEÑO WEB
Cuando la realidad es que al desarrollar un proyecto quizá
debamos poner en marcha una maquinaria compleja, que
actualmente no puede llegar al máximo de sus posibilidades e
implicaciones, pero para las cuales debemos ir trazando hitos y
apoyos.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
8. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
9. DISEÑO WEB
LOS 3
MOMENTOS { Separar en pequeños pasos
Identificar vías específicas
Tomar conciencia de los recursos
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
10. DISEÑO WEB
PEQUEÑOS
PASOS { definir un sistema de clasificación es
elegir en base a qué atributos vamos
a agrupar los contenidos y cómo
vamos a organizar estos atributos.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
11. DISEÑO WEB
VIAS
ESPECIFICAS { transforma los datos no organizados
ni estructurados, en información útil
y utilizable
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
12. DISEÑO WEB
Media Franca
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
13. DISEÑO WEB
EL RECURSO { las Leyes de la Simplicidad
(John Maeda)
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
14. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
15. DISEÑO WEB
A DESTACAR { Reducir: El modo más fácil de lograr
simplicidad es a través de una
reducción acuciosa
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
16. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
17. DISEÑO WEB
{
Organizar: la pregunta más relevante
“¿Qué va con qué cosa?”
A DESTACAR La organización consigue hacer ver a
un sistema como si fuese menor a lo
que es.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
18. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
19. DISEÑO WEB
A DESTACAR { Tiempo: Cuando estamos obligados
a esperar, la vida parece ser
innecesariamente compleja.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
20. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
21. DISEÑO WEB
SISTEMAS DE RELEVANCIA
vía Media Franca
Un sistema de relevancia nos permite componer un nodo de
información, simplificando los componentes o ruidos externos,
centrándonos y enfocándonos en aquellos elementos
relevantes para la temática y tipología de información que
estamos construyendo.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
22. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
23. DISEÑO WEB
SISTEMAS DE RELEVANCIA
vía Media Franca
Para comprender como se genera el sistema de relevancia
debemos comprender como se enlazan los contenidos y
cuales son las distintas capas de agrupación que hemos de
considerar. Vamos a definir entonces tres capas de los
contenidos:
Temas – Conversaciones (hebras) – Publicaciones.
publicaciones
eb ras
hebras h
publicaciones
tema
heb
ras
publicaciones
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
24. DISEÑO WEB
SISTEMAS DE RELEVANCIA
vía Media Franca
Los temas son etiquetas asignadas a cada publicación que se
volverán el elemento de conexión entre una publicación y otra.
Estas mismas etiquetas son las que construyen una
navegación semántica que aportando a evitar la dislocación de
los temas.
publicaciones
eb ras
hebras h
publicaciones
tema
heb
ras
publicaciones
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
25. DISEÑO WEB
SISTEMAS DE RELEVANCIA
vía Media Franca
Las hebras serán conversaciones de publicaciones respecto
de un asunto especifico y que hace directa relación, por
etiquetas, a uno o más temas. Conecta una publicación con un
tema, convirtiendo a este en el concepto base de información.
publicaciones
eb ras
hebras h
publicaciones
tema
heb
ras
publicaciones
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
26. DISEÑO WEB
SISTEMAS DE RELEVANCIA
vía Media Franca
La publicación es una unidad mínima que tiene como elemento
base el texto y en menor medida, cualquier tipología de
información, lo cual se identifica como elemento semántica
para la construcción de temas y a su ves para conectarla con
posibles conversaciones similares.
publicaciones
eb ras
hebras h
publicaciones
tema
heb
ras
publicaciones
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
27. DISEÑO WEB
COMO? { Mapas Mentales, una forma de
organizar y estimular las ideas
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
28. DISEÑO WEB
{
La tarea de clasificar podemos
MAPAS definirla como la actividad de
agrupar los elementos de
MENTALES información de acuerdo a atributos o
propiedades comunes entre ellos
Getting Things Done de David Allen
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
29. DISEÑO WEB
MAPAS
MENTALES { Los mapas mentales son una forma
de organizar y generar ideas por
medio de la asociación con una
representación gráfica.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
30. DISEÑO WEB
{1
colocar la idea principal o palabra
clave en el centro de una hoja de
PASOS papel o en algún programa
especializado
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
31. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
32. DISEÑO WEB
{2
A continuación añade todas las
ideas que relaciones a esa palabra o
PASOS idea por medio de ramificaciones y
lineas
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
33. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
34. DISEÑO WEB
PASOS {3
estas a su vez te permitirán
estructurar toda esa lluvia de ideas.
Trata si es posible en todo este
proceso utilizar la mayor cantidad
imágenes y colores, te ayudaran a
una mejor retención de información.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
35. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
36. DISEÑO WEB
{
Es un proceso intelectual, donde se
INDIZACION debe analizar el contenido del
documento asignándole valor a
SOCIAL aquellos términos que identifican las
temáticas principales de su
contenido.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
37. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
38. DISEÑO WEB
{
Un modelo de distribución del
INDIZACION
trabajo sería la indización realizada
por los autores o creadores de los
SOCIAL recursos. En la Web tenemos
ejemplos claros de este modelo,
como el empleo de las
metaetiquetas en páginas HTML o el
tagging de autor-creador
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
39. DISEÑO WEB
búsqueda del tag china en flickr
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
40. DISEÑO WEB
{
Aunque la indización del autor pueda
INDIZACION
resultar de utilidad en determinados
entornos, de cara a la recuperación
SOCIAL
de información en entornos abiertos
presenta problemas de fiabilidad,
debido a la falta de objetividad en la
descripción.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
41. DISEÑO WEB
Al buscar la palabra “China” en
Flickr arroja 6.190.581
resultados. Es posible que
existan otros 6 millones de fotos
de China, pero son contenidos
extintos y no evolutivos al no
estar etiquetados.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
42. DISEÑO WEB
{
La descripción de cada recurso se
obtendría por agregación, es decir,
INDIZACION un mismo recurso sería indizado por
numerosos usuarios, dando como
SOCIAL resultado una descripción
intersubjetiva y por tanto más fiable
que la realizada por el autor del
recurso
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
43. DISEÑO WEB
¿CÓMO?
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
44. DISEÑO WEB
PALABRAS
CLAVES { Son descriptores que permiten
descubrir los conceptos tratados en
algún tema o recurso a nivel de
información
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
45. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
46. DISEÑO WEB
{
Una publicación que posee
contenidos determinados deja de ser
{{
lo que su autor creo gracias a la
intervención de las personas cuando
dejan sus huellas en él.
FOLKSONOMIA
Permite catalogar de una manera
mucho menos rígida que las
categorías tradicionales y, en
determinados casos, ajustar más la
descripción.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
47. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
48. DISEÑO WEB
ENTREGA
COEF. 2 { Redefinir el modo de interpretar la
información del sitio web de Duoc,
se trabajará en duplas.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
49. DISEÑO WEB
{
jueves 26:
. recopilación de información
. brainstorming de nuevos rótulos
. definición de objetivos
. encargo gráfica de visualización
de datos sobre los objetivos del sitio
a proponer
ENTREGA
COEF. 2
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
50. DISEÑO WEB
{
jueves 26:
. recopilación de información
. brainstorming de nuevos rótulos
. definición de objetivos
. encargo gráfica de visualización
de datos sobre los objetivos del sitio
a proponer
ENTREGA
COEF. 2
{ lunes 30:
. trabajo práctico de cardsorting
. clase sobre perfil de usuarios
. revisión de gráficas de
visualización de datos
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
51. DISEÑO WEB
{
jueves 26:
. recopilación de información
. brainstorming de nuevos rótulos
. definición de objetivos
. encargo gráfica de visualización de
datos sobre los objetivos del sitio a proponer
{
lunes 30:
ENTREGA . trabajo práctico de cardsorting
COEF. 2
. clase sobre perfil de usuarios
. revisión de gráficas de visualización de
datos
{
jueves 02:
entrega y exposición de lámina con:
/ arquitectura de la información inicial
(existente)
/ gráfica de visualización de datos con
objetivos del sitio
/ nueva arquitectura de la información
propuesta
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010
52. DISEÑO WEB
{ Taller
Diseño Gráfico 6
DISEÑO WEB
GRACIAS :)
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
viernes 27 de agosto de 2010