SlideShare una empresa de Scribd logo
Taller de
Rotulado y
Alejandro Morales Vargas
Jefe del Área Multimedios del SISIB, Universidad de Chile
Coordinador académico del Diplomado en Periodismo Digital y Gestión de Medios en Internet, U. de Chile
VI Seminario Chileno de Arquitectura de Información
Una imagen vale más
que mil palabras
palabras, tan sólo palabras
Mil palabras valen más
que una imagen
Las palabras mueven la web
palabras, tan sólo palabras
Rótulo: Término que representa
un trozo mayor de información
Tipos de rótulos
Textual Icónico Mixto
Aplicaciones de rótulos
• Menús de navegación
Aplicaciones de rótulos
• Enlaces contextuales
Aplicaciones de rótulos
• Titulares
Aplicaciones de rótulos
• Botones de aplicación
Un buen rótulo debe ser
• Compresible
• Autoexplicativo
• Unívoco
• Directo
• Sucinto
• Autónomo
• Universal
Algunos ejemplos
• Compresible
Un buen rótulo debe ser
• Autoexplicativo
Un buen rótulo debe ser
• Unívoco
Un buen rótulo debe ser
• Directo
Un buen rótulo debe ser
• Sucinto
Un buen rótulo debe ser
• Autónomo
Un buen rótulo debe ser
• Universal
Otras condiciones imprescindibles
• Específico
• Consistente
• Estándar
• Indexable
• Accesible
• Útil
• Usable
Un caso práctico:
Agendas de actividades de
portales web universitarios
¿Cómo llamarle a cada categoría?
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Benchmarking: Nixa Espínola Bustamante
Cantidad de contenidos ingresados por categoría desde el año 2005 a la Agenda de Actividades del portal web Uchile.cl
Conferencia, Charla: 752
Encuentro: 487
Concierto: 407
Seminario: 320
Ceremonia oficial: 261
Exposición: 216
Presentación libro: 189
Curso, Taller: 173
Teatro: 136
Inauguración: 109
Aniversario: 104
Danza: 89
Homenaje, Premios: 79
Cine, Video: 60
Sesión: 47
Deportes: 38
Congreso: 34
Extensión académica: 25
Simposio: 16
Literatura: 10
Visita oficial: 9
Escuela de verano: 3
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
El menú de navegación de la agenda UNAM
es un listado de vínculos que dan acceso a
sitios autónomos, los cuales poseen una
navegación y gráfica propia.
Universidad Nacional Autónoma de México
http://www.unam.mx/interna.html?n=0&m=8
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
La agenda del Instituto Tecnológico de
Monterrey es híbrido que combina en su
navegación principal, cuatro criterios:
1. Temático (tipo de actividad)
2. Áreas de conocimiento
3. Público objetivo
4. Organigrama
El menú de navegación queda compuesto
por:
1. Todos los eventos
2. Arte y cultura
3. Aspirantes
4. Calendario académico
5. Deportes
6. Educación continua
7. Eventos estudiantiles
8. Eventos institucionales
9. Exatec
10. Padres de familia
11. Profesores
Además brinda una navegación auxiliar
basada en calendario (navegación por
fechas).
Instituto Tecnológico de Monterrey
http://calendar.activedatax.com/itesm
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
La agenda de la Universidad de Buenos
Aires orienta su navegación a tipo de
actividades, fecha, popularidad y áreas de
conocimiento.
El menú de navegación queda compuesto
por:
1. Cultura
1. Artes visuales
2. Cine y Video
3. Danza
4. Letras
5. Música
6. Teatro
2. Conferencia / Jornadas
1. Académicos
2. Investigación
3. Extensión
3. Cursos / Seminarios
1. Académicos
2. Extensión universitaria
3. Investigación
4. Posgrados
4. Calendarios académicos
1. Ciclo Básico común
2. Facultades
3. UBAXXI
5. Otros
1. Actos institucionales
2. Deportes
3. Turismo
Universidad de Buenos Aires
http://www.uba.ar/comunicacion/contenidosa.php
La Universidad Nacional de la Plata, expone
su calendario de actividades como un
widget que simplemente recoge fecha y
título de la actividad que se realiza, por lo
que su navegación se restringe a un
recorrido por calendario.
Universidad Nacional de la Plata
http://www.unlp.edu.ar/
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
La Universidad Autónoma de Barcelona
basa la navegación de su agenda en el
calendario. Sin embargo, también presenta
un menú desplegable con las opciones
ordenadas en un híbrido que considera: tipo
de actividad, área de conocimiento, publico
objetivo y tarea.
Universidad Autónoma de Barcelona
http://www.uab.es/servlet/Satellite/AGENDA-
1089963374310.html
El menú de navegación queda compuesto
por:
1. Todas las actividades
2. Cultura
3. Deportes
4. Institucional
5. Académicos
6. Calendario académico
7. Asociaciones
8. Salud
9. Convocatorias
10. Nominaciones
11. Encuentros y reuniones
12. Año de la física
13. Estudiar
14. Investigar
15. Vivir
16. Año de la evolución
17. Economía
18. Informática
19. Área de personal
20. Medio Ambiente
1. Todos los eventos
2. Arte y cultura
3. Aspirantes
4. Calendario académico
5. Deportes
6. Educación continua
7. Eventos estudiantiles
8. Eventos institucionales
9. Exatec
10. Padres de familia
11. Profesores
Tec. Monterrey
1. Cultura
1. Artes visuales
2. Cine y Video
3. Danza
4. Letras
5. Música
6. Teatro
2. Conferencia / Jornadas
1. Académicos
2. Investigación
3. Extensión
3. Cursos / Seminarios
1. Académicos
2. Extensión universitaria
3. Investigación
4. Posgrados
4. Calendarios académicos
1. Ciclo Básico común
2. Facultades
3. UBAXXI
5. Otros
1. Actos institucionales
2. Deportes
3. Turismo
UBs.As.
1. Todas las actividades
2. Cultura
3. Deportes
4. Institucional
5. Académicos
6. Calendario académico
7. Asociaciones
8. Salud
9. Convocatorias
10. Nominaciones
11. Encuentros y reuniones
12. Año de la física
13. Estudiar
14. Investigar
15. Vivir
16. Año de la evolución
17. Economía
18. Informática
19. Área de personal
20. Medio Ambiente
21. Investigación
22. Seguridad
23. Mantenimiento y averías
24. Centros docentes
25. Año de la computación
26. Idiomas
1. Todas las categorías
2. Actividades religiosas
3. Actividades estudiantes
4. Artes visuales
5. Cine
6. Congresos, seminarios,
conferencias
7. Exposiciones
8. Música
9. Niños
10. Teatro
11. Ceremonias
12. Otros
UAB PUC
1. Académico
2. Artístico
3. Charla
4. Conferencia
5. Congreso
6. Deportivo
7. Feria
8. Foro
9. Otro
10. Seminario
11. Simposio
12. Todos
USM
Tabla comparativa: menú de navegación de agendas por universidades
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
1. Aniversario
2. Ceremonia Oficial
3. Cine, Video
4. Congreso
5. Concierto
6. Conferencia, Charla
7. Curso, Taller
8. Danza
9. Deportes
10. Encuentro
11. Escuela de Verano
12. Exposición
13. Extensión académica
14. Homenaje, Premios
15. Inauguración
16. Literatura
17. Presentación Libro
18. Seminario
19. Simposio
20. Teatro
21. Visita Oficial
22. Sesión
.
1. Seminarios y conferencias
2. Ceremonias
3. Presentaciones
4. Encuentros y reuniones
5. Exposiciones
6. Teatro, música y danza
7. Cine y video
8. Deportes
Menú de navegación de agenda portal Uchile.cl
Navegación actual1 Propuesta vigente2 Nueva propuesta.013
1. Todas las actividades
2. Seminarios /conferencias
3. Ceremonias
4. Cursos / Talleres
5. Reuniones
• Artes / Letras
• Deportes
Nueva propuesta.024
1. Todas las actividades
2. Seminarios y conferencias
3. Ceremonias
4. Encuentros
5. Exposiciones
6. Música y danza
7. Teatro y cine
8. Deportes
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Conferencias y seminarios
1 Congreso
Conferencia, Charla
Seminario
Simposio
Ceremonias y presentaciones
4
Aniversario
Ceremonia oficial
Homenajes, Premios
Inauguración
Visita oficial
Presentación libro
Literatura
Encuentros
2
Encuentro
Sesión
Música y danza
3
Concierto
Danza
Exposiciones
5
Exposición
Teatro y cine
6 Teatro
Cine, video
Deportes
7 Deportes
De acuerdo a la propuesta de
etiquetas que se genera a partir
del Benchmark y de las
estadísticas relativas al número
de visitas de las actuales
categorías de la agenda se
propone el siguiente rotulado y
estructura de navegación.
De tal forma las 22 categorías
existentes actualmente en la
Agenda del portal Uchile.cl, se
reorganizarían en :
Escuela de verano
Extensión académica
Curso, Taller
Educación continua
Reorganización de categorías de eventos
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Todas0
¿Cómo organizar los rótulos?
Esquemas de organización
• Exactos
– Alfabético
– Cronológico
– Geográfico
• Ambiguos
– Tema o materia
– Tareas
– Estilos
• Híbridos
Esquemas de organización
• Taxonomía
Reino > Tipo > Clase > Orden > Familia > Género > Especie
• Polijerarquía
Artes > Literatura > Poesía > Nicanor Parra
Ciencias > Física > Física Teórica > Nicanor Parra
• Clasificación facetada
Búsqueda de vinos por
Tipo / Cepa / Región / Precio / Ranking
• Folcksonomías
Javier Velasco Martin
Apunte de clase: Diploma en Periodismo Digital U. de Chile
Productos asociados
• Estructura de contenidos
• Mapa de navegación
• Diagrama de interacción
• Layout
• Wireframe
• Storyboard
Facultad de Derecho
Propuesta de estructura contenidos
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Wireframes: Pamela Aguayo y Roberto Escobar
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Facultad de Derecho
Propuesta de layout de portada Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
Facultad de Derecho
Portada (detallada)
Facultad de Derecho
Wireframe subportada Facultad
Sistema de Servicios de Información y Bibliotecas (SISIB)
Universidad de Chile
¿Y si incorporamos a nuestros
usuarios en este proceso?
Card sorting: Técnica de
categorización de contenidos
centrada en el usuario
Fotos: Nixa Espínola
Permite establecer patrones sobre
cómo los usuarios esperan
encontrar un contenido o una
funcionalidad
Fotos: Nixa Espínola
Tipos de card sorting
• Abiertos:
usuarios puede agrupar libremente los
rótulos, en el número de conjuntos que ellos
estimen conveniente, sin categorías previas
• Cerrados:
usuarios reciben categorías primarias
previamente establecidas
Tipos de card sorting
• Individual:
un usuario representa a un perfil o segmento
(entre 7 y 10)
• Colectivo:
un grupo variado de usuarios ordena las
tarjetas por consenso
(15, con 5 grupos de 3)
Fotos: Nixa Espínola
Pasos previos
• Selección de contenido
– Descriptores generales
– Contenido en línea
– Rótulos potenciales o futuros
• Selección de los participantes
– Específicos para el objetivo
– Representativos del tipo de público
– Heterogéneos entre sí
• Preparación de las tarjetas
– Entre 30 y no más de 100
Durante la ejecución
• Comunicar claramente los objetivos
• Establecer un clima de confianza
• Aclarar que no hay sólo una manera correcta
• Entregar el mazo desordenado
• No intervenir ni presionar
• Poner atención a las discusiones
• Atender consultas
• Registrar adecuadamente los resultados
Análisis de resultados
• Búsqueda de patrones generales en los datos
• Ayuda de software de análisis de clúster
• Identificación de diferencias por:
– rótulos que no se entendieron bien
– contenidos que pueden pertenecer a más de una
categoría
– rutas alternativas para llegar a un mismo
contenidos
– discrepancias entre los participantes
Ventajas y desventajas
• Simple
• Económica
• Probada
• Fácil
• Participativa
• Poco profunda
• Variable
• No considera objetivos
• Lenta de tabular
Ejercicio: Nube de rótulos
¡Muchas gracias!

Más contenido relacionado

Destacado

Sitios Turisticos
Sitios TuristicosSitios Turisticos
Sitios Turisticos
guest7318a4
 
Business on social media
Business on social mediaBusiness on social media
Business on social mediaNorma Lecollege
 
Install arch ultrabook full luks ssd
Install arch ultrabook full luks ssdInstall arch ultrabook full luks ssd
Install arch ultrabook full luks ssd
Anthony Le Goff
 
Cuencas Salado – Chadileuvú Colorado
Cuencas  Salado – Chadileuvú   Colorado Cuencas  Salado – Chadileuvú   Colorado
Cuencas Salado – Chadileuvú Colorado
Jimena Roldán
 
Comerias
ComeriasComerias
Comerias
julias.p.n
 
Intervention ESC Pau E-commerce
Intervention ESC Pau E-commerceIntervention ESC Pau E-commerce
Intervention ESC Pau E-commerce
HAPPINESS communication
 
Un poco más sobre roma
Un poco más sobre romaUn poco más sobre roma
Un poco más sobre roma
mjestebang
 
El Humanismo de italiappt
El Humanismo de italiapptEl Humanismo de italiappt
El Humanismo de italiappt
andreeiitaass
 
La Naturaleza
La NaturalezaLa Naturaleza
La Naturaleza
guest5514f9
 
Imagenesdenuestrainfancia
ImagenesdenuestrainfanciaImagenesdenuestrainfancia
Imagenesdenuestrainfancia
julias.p.n
 
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDADÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
lagsor
 
Sr 253 fit 2- vnn 17 -fer 13 modification (ban chuan )
Sr 253  fit 2- vnn 17 -fer 13 modification (ban chuan )Sr 253  fit 2- vnn 17 -fer 13 modification (ban chuan )
Sr 253 fit 2- vnn 17 -fer 13 modification (ban chuan )tourtt
 
Eslalechejul07
Eslalechejul07Eslalechejul07
Eslalechejul07
julias.p.n
 
Jujuy puede estar mejor web
Jujuy puede estar mejor webJujuy puede estar mejor web
Jujuy puede estar mejor web
negrog_12
 
Experiencias actividades complementarias Barcelona
Experiencias actividades complementarias BarcelonaExperiencias actividades complementarias Barcelona
Experiencias actividades complementarias Barcelona
Universidad Internacional Menendez Pelayo
 
The Dangersof Plastic Bags.Pps
The Dangersof Plastic Bags.PpsThe Dangersof Plastic Bags.Pps
The Dangersof Plastic Bags.Pps
guest48cad3
 
Présentation du festival Festifolies d'Automne 2014
Présentation du festival Festifolies d'Automne 2014Présentation du festival Festifolies d'Automne 2014
Présentation du festival Festifolies d'Automne 2014
Festifolies D'Automne
 
Proposition d'activité revu cl tout
Proposition d'activité revu cl toutProposition d'activité revu cl tout
Proposition d'activité revu cl toutLapitievivi02
 

Destacado (20)

Sitios Turisticos
Sitios TuristicosSitios Turisticos
Sitios Turisticos
 
Business on social media
Business on social mediaBusiness on social media
Business on social media
 
Install arch ultrabook full luks ssd
Install arch ultrabook full luks ssdInstall arch ultrabook full luks ssd
Install arch ultrabook full luks ssd
 
Cuencas Salado – Chadileuvú Colorado
Cuencas  Salado – Chadileuvú   Colorado Cuencas  Salado – Chadileuvú   Colorado
Cuencas Salado – Chadileuvú Colorado
 
Comerias
ComeriasComerias
Comerias
 
Intervention ESC Pau E-commerce
Intervention ESC Pau E-commerceIntervention ESC Pau E-commerce
Intervention ESC Pau E-commerce
 
Un poco más sobre roma
Un poco más sobre romaUn poco más sobre roma
Un poco más sobre roma
 
El Humanismo de italiappt
El Humanismo de italiapptEl Humanismo de italiappt
El Humanismo de italiappt
 
La Naturaleza
La NaturalezaLa Naturaleza
La Naturaleza
 
Imagenesdenuestrainfancia
ImagenesdenuestrainfanciaImagenesdenuestrainfancia
Imagenesdenuestrainfancia
 
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDADÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
ÁREA NT-CYAD-UAM-AZC_LABORATORIO DE USABILIDAD
 
Sr 253 fit 2- vnn 17 -fer 13 modification (ban chuan )
Sr 253  fit 2- vnn 17 -fer 13 modification (ban chuan )Sr 253  fit 2- vnn 17 -fer 13 modification (ban chuan )
Sr 253 fit 2- vnn 17 -fer 13 modification (ban chuan )
 
Amapola
AmapolaAmapola
Amapola
 
Eslalechejul07
Eslalechejul07Eslalechejul07
Eslalechejul07
 
Jujuy puede estar mejor web
Jujuy puede estar mejor webJujuy puede estar mejor web
Jujuy puede estar mejor web
 
Experiencias actividades complementarias Barcelona
Experiencias actividades complementarias BarcelonaExperiencias actividades complementarias Barcelona
Experiencias actividades complementarias Barcelona
 
12.roadmap gt telecoms_thierry_haudoin
12.roadmap gt telecoms_thierry_haudoin12.roadmap gt telecoms_thierry_haudoin
12.roadmap gt telecoms_thierry_haudoin
 
The Dangersof Plastic Bags.Pps
The Dangersof Plastic Bags.PpsThe Dangersof Plastic Bags.Pps
The Dangersof Plastic Bags.Pps
 
Présentation du festival Festifolies d'Automne 2014
Présentation du festival Festifolies d'Automne 2014Présentation du festival Festifolies d'Automne 2014
Présentation du festival Festifolies d'Automne 2014
 
Proposition d'activité revu cl tout
Proposition d'activité revu cl toutProposition d'activité revu cl tout
Proposition d'activité revu cl tout
 

Similar a Rotulado y card sorting

Redes de Documentacion
Redes de DocumentacionRedes de Documentacion
Redes de Documentacion
Eduardo-Ejml
 
Repositorio Digital.pptx
Repositorio Digital.pptxRepositorio Digital.pptx
Repositorio Digital.pptx
Milagros de Jesús Bobadilla Pérez
 
Biblioteca virtual
Biblioteca virtualBiblioteca virtual
Biblioteca virtual
wandres2015
 
Webinteresantes
WebinteresantesWebinteresantes
Webinteresantes
Ceip Blas Infante
 
Catalogo de-paginas-web-educativas
Catalogo de-paginas-web-educativasCatalogo de-paginas-web-educativas
Catalogo de-paginas-web-educativas
José Chancoh
 
Valzacchi cap 20new1
Valzacchi cap 20new1Valzacchi cap 20new1
Valzacchi cap 20new1
Victor Arevalo
 
Repositorio Digital.pptx
Repositorio Digital.pptxRepositorio Digital.pptx
Repositorio Digital.pptx
Milagros de Jesús Bobadilla Pérez
 
Estándares de Calidad
Estándares de CalidadEstándares de Calidad
Estándares de Calidad
Juan Carlos Fernandez
 
Portales educativos, Repositorios y Bibliotecas digitales
 Portales educativos, Repositorios y Bibliotecas digitales Portales educativos, Repositorios y Bibliotecas digitales
Portales educativos, Repositorios y Bibliotecas digitales
yudegome
 
Uso de Referencias_BIbliogr†ficas_2023.pdf
Uso de Referencias_BIbliogr†ficas_2023.pdfUso de Referencias_BIbliogr†ficas_2023.pdf
Uso de Referencias_BIbliogr†ficas_2023.pdf
SergioVergaraR
 
Portales institucionales
Portales institucionales Portales institucionales
Portales institucionales
Juan Nicolas Gomez Campos
 
PORTAFOLIO DIGITAL.pptx
PORTAFOLIO DIGITAL.pptxPORTAFOLIO DIGITAL.pptx
PORTAFOLIO DIGITAL.pptx
Milagros de Jesús Bobadilla Pérez
 
Hacia la internacionalización de la universidad española por la Normalización...
Hacia la internacionalización de la universidad española por la Normalización...Hacia la internacionalización de la universidad española por la Normalización...
Hacia la internacionalización de la universidad española por la Normalización...
Cátedra Banco Santander
 
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptxREPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
yudegome
 
Actividad 4
Actividad 4Actividad 4
Actividad 4
CURSOREAclio
 
Recursos electronicos
Recursos electronicosRecursos electronicos
Recursos electronicos
Shantall Flores
 
Portales educativos tics expo (1)
Portales educativos tics expo (1)Portales educativos tics expo (1)
Portales educativos tics expo (1)
Zully Guzman
 
Mundo AcadéMico En La Web
Mundo AcadéMico En La WebMundo AcadéMico En La Web
Mundo AcadéMico En La Web
pachiip
 
Presentación Bibliotic sexta reunión preparatoria
Presentación Bibliotic sexta reunión preparatoriaPresentación Bibliotic sexta reunión preparatoria
Presentación Bibliotic sexta reunión preparatoria
Reuniones Networking TIC
 
LOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOSLOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOS
joss
 

Similar a Rotulado y card sorting (20)

Redes de Documentacion
Redes de DocumentacionRedes de Documentacion
Redes de Documentacion
 
Repositorio Digital.pptx
Repositorio Digital.pptxRepositorio Digital.pptx
Repositorio Digital.pptx
 
Biblioteca virtual
Biblioteca virtualBiblioteca virtual
Biblioteca virtual
 
Webinteresantes
WebinteresantesWebinteresantes
Webinteresantes
 
Catalogo de-paginas-web-educativas
Catalogo de-paginas-web-educativasCatalogo de-paginas-web-educativas
Catalogo de-paginas-web-educativas
 
Valzacchi cap 20new1
Valzacchi cap 20new1Valzacchi cap 20new1
Valzacchi cap 20new1
 
Repositorio Digital.pptx
Repositorio Digital.pptxRepositorio Digital.pptx
Repositorio Digital.pptx
 
Estándares de Calidad
Estándares de CalidadEstándares de Calidad
Estándares de Calidad
 
Portales educativos, Repositorios y Bibliotecas digitales
 Portales educativos, Repositorios y Bibliotecas digitales Portales educativos, Repositorios y Bibliotecas digitales
Portales educativos, Repositorios y Bibliotecas digitales
 
Uso de Referencias_BIbliogr†ficas_2023.pdf
Uso de Referencias_BIbliogr†ficas_2023.pdfUso de Referencias_BIbliogr†ficas_2023.pdf
Uso de Referencias_BIbliogr†ficas_2023.pdf
 
Portales institucionales
Portales institucionales Portales institucionales
Portales institucionales
 
PORTAFOLIO DIGITAL.pptx
PORTAFOLIO DIGITAL.pptxPORTAFOLIO DIGITAL.pptx
PORTAFOLIO DIGITAL.pptx
 
Hacia la internacionalización de la universidad española por la Normalización...
Hacia la internacionalización de la universidad española por la Normalización...Hacia la internacionalización de la universidad española por la Normalización...
Hacia la internacionalización de la universidad española por la Normalización...
 
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptxREPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
REPOSITORIOS Yudelka Bautista y Maria Jiminian Tarea 4.pptx
 
Actividad 4
Actividad 4Actividad 4
Actividad 4
 
Recursos electronicos
Recursos electronicosRecursos electronicos
Recursos electronicos
 
Portales educativos tics expo (1)
Portales educativos tics expo (1)Portales educativos tics expo (1)
Portales educativos tics expo (1)
 
Mundo AcadéMico En La Web
Mundo AcadéMico En La WebMundo AcadéMico En La Web
Mundo AcadéMico En La Web
 
Presentación Bibliotic sexta reunión preparatoria
Presentación Bibliotic sexta reunión preparatoriaPresentación Bibliotic sexta reunión preparatoria
Presentación Bibliotic sexta reunión preparatoria
 
LOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOSLOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOS
 

Rotulado y card sorting

  • 1. Taller de Rotulado y Alejandro Morales Vargas Jefe del Área Multimedios del SISIB, Universidad de Chile Coordinador académico del Diplomado en Periodismo Digital y Gestión de Medios en Internet, U. de Chile VI Seminario Chileno de Arquitectura de Información
  • 2.
  • 3. Una imagen vale más que mil palabras
  • 5. Mil palabras valen más que una imagen
  • 6.
  • 7.
  • 8.
  • 9. Las palabras mueven la web palabras, tan sólo palabras
  • 10. Rótulo: Término que representa un trozo mayor de información
  • 11. Tipos de rótulos Textual Icónico Mixto
  • 12. Aplicaciones de rótulos • Menús de navegación
  • 13. Aplicaciones de rótulos • Enlaces contextuales
  • 15. Aplicaciones de rótulos • Botones de aplicación
  • 16. Un buen rótulo debe ser • Compresible • Autoexplicativo • Unívoco • Directo • Sucinto • Autónomo • Universal
  • 18. Un buen rótulo debe ser • Autoexplicativo
  • 19. Un buen rótulo debe ser • Unívoco
  • 20. Un buen rótulo debe ser • Directo
  • 21. Un buen rótulo debe ser • Sucinto
  • 22. Un buen rótulo debe ser • Autónomo
  • 23. Un buen rótulo debe ser • Universal
  • 24. Otras condiciones imprescindibles • Específico • Consistente • Estándar • Indexable • Accesible • Útil • Usable
  • 25. Un caso práctico: Agendas de actividades de portales web universitarios ¿Cómo llamarle a cada categoría? Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile Benchmarking: Nixa Espínola Bustamante
  • 26. Cantidad de contenidos ingresados por categoría desde el año 2005 a la Agenda de Actividades del portal web Uchile.cl Conferencia, Charla: 752 Encuentro: 487 Concierto: 407 Seminario: 320 Ceremonia oficial: 261 Exposición: 216 Presentación libro: 189 Curso, Taller: 173 Teatro: 136 Inauguración: 109 Aniversario: 104 Danza: 89 Homenaje, Premios: 79 Cine, Video: 60 Sesión: 47 Deportes: 38 Congreso: 34 Extensión académica: 25 Simposio: 16 Literatura: 10 Visita oficial: 9 Escuela de verano: 3 Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 27. El menú de navegación de la agenda UNAM es un listado de vínculos que dan acceso a sitios autónomos, los cuales poseen una navegación y gráfica propia. Universidad Nacional Autónoma de México http://www.unam.mx/interna.html?n=0&m=8 Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 28. La agenda del Instituto Tecnológico de Monterrey es híbrido que combina en su navegación principal, cuatro criterios: 1. Temático (tipo de actividad) 2. Áreas de conocimiento 3. Público objetivo 4. Organigrama El menú de navegación queda compuesto por: 1. Todos los eventos 2. Arte y cultura 3. Aspirantes 4. Calendario académico 5. Deportes 6. Educación continua 7. Eventos estudiantiles 8. Eventos institucionales 9. Exatec 10. Padres de familia 11. Profesores Además brinda una navegación auxiliar basada en calendario (navegación por fechas). Instituto Tecnológico de Monterrey http://calendar.activedatax.com/itesm Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 29. La agenda de la Universidad de Buenos Aires orienta su navegación a tipo de actividades, fecha, popularidad y áreas de conocimiento. El menú de navegación queda compuesto por: 1. Cultura 1. Artes visuales 2. Cine y Video 3. Danza 4. Letras 5. Música 6. Teatro 2. Conferencia / Jornadas 1. Académicos 2. Investigación 3. Extensión 3. Cursos / Seminarios 1. Académicos 2. Extensión universitaria 3. Investigación 4. Posgrados 4. Calendarios académicos 1. Ciclo Básico común 2. Facultades 3. UBAXXI 5. Otros 1. Actos institucionales 2. Deportes 3. Turismo Universidad de Buenos Aires http://www.uba.ar/comunicacion/contenidosa.php
  • 30. La Universidad Nacional de la Plata, expone su calendario de actividades como un widget que simplemente recoge fecha y título de la actividad que se realiza, por lo que su navegación se restringe a un recorrido por calendario. Universidad Nacional de la Plata http://www.unlp.edu.ar/ Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 31. La Universidad Autónoma de Barcelona basa la navegación de su agenda en el calendario. Sin embargo, también presenta un menú desplegable con las opciones ordenadas en un híbrido que considera: tipo de actividad, área de conocimiento, publico objetivo y tarea. Universidad Autónoma de Barcelona http://www.uab.es/servlet/Satellite/AGENDA- 1089963374310.html El menú de navegación queda compuesto por: 1. Todas las actividades 2. Cultura 3. Deportes 4. Institucional 5. Académicos 6. Calendario académico 7. Asociaciones 8. Salud 9. Convocatorias 10. Nominaciones 11. Encuentros y reuniones 12. Año de la física 13. Estudiar 14. Investigar 15. Vivir 16. Año de la evolución 17. Economía 18. Informática 19. Área de personal 20. Medio Ambiente
  • 32. 1. Todos los eventos 2. Arte y cultura 3. Aspirantes 4. Calendario académico 5. Deportes 6. Educación continua 7. Eventos estudiantiles 8. Eventos institucionales 9. Exatec 10. Padres de familia 11. Profesores Tec. Monterrey 1. Cultura 1. Artes visuales 2. Cine y Video 3. Danza 4. Letras 5. Música 6. Teatro 2. Conferencia / Jornadas 1. Académicos 2. Investigación 3. Extensión 3. Cursos / Seminarios 1. Académicos 2. Extensión universitaria 3. Investigación 4. Posgrados 4. Calendarios académicos 1. Ciclo Básico común 2. Facultades 3. UBAXXI 5. Otros 1. Actos institucionales 2. Deportes 3. Turismo UBs.As. 1. Todas las actividades 2. Cultura 3. Deportes 4. Institucional 5. Académicos 6. Calendario académico 7. Asociaciones 8. Salud 9. Convocatorias 10. Nominaciones 11. Encuentros y reuniones 12. Año de la física 13. Estudiar 14. Investigar 15. Vivir 16. Año de la evolución 17. Economía 18. Informática 19. Área de personal 20. Medio Ambiente 21. Investigación 22. Seguridad 23. Mantenimiento y averías 24. Centros docentes 25. Año de la computación 26. Idiomas 1. Todas las categorías 2. Actividades religiosas 3. Actividades estudiantes 4. Artes visuales 5. Cine 6. Congresos, seminarios, conferencias 7. Exposiciones 8. Música 9. Niños 10. Teatro 11. Ceremonias 12. Otros UAB PUC 1. Académico 2. Artístico 3. Charla 4. Conferencia 5. Congreso 6. Deportivo 7. Feria 8. Foro 9. Otro 10. Seminario 11. Simposio 12. Todos USM Tabla comparativa: menú de navegación de agendas por universidades Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 33. 1. Aniversario 2. Ceremonia Oficial 3. Cine, Video 4. Congreso 5. Concierto 6. Conferencia, Charla 7. Curso, Taller 8. Danza 9. Deportes 10. Encuentro 11. Escuela de Verano 12. Exposición 13. Extensión académica 14. Homenaje, Premios 15. Inauguración 16. Literatura 17. Presentación Libro 18. Seminario 19. Simposio 20. Teatro 21. Visita Oficial 22. Sesión . 1. Seminarios y conferencias 2. Ceremonias 3. Presentaciones 4. Encuentros y reuniones 5. Exposiciones 6. Teatro, música y danza 7. Cine y video 8. Deportes Menú de navegación de agenda portal Uchile.cl Navegación actual1 Propuesta vigente2 Nueva propuesta.013 1. Todas las actividades 2. Seminarios /conferencias 3. Ceremonias 4. Cursos / Talleres 5. Reuniones • Artes / Letras • Deportes Nueva propuesta.024 1. Todas las actividades 2. Seminarios y conferencias 3. Ceremonias 4. Encuentros 5. Exposiciones 6. Música y danza 7. Teatro y cine 8. Deportes Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 34. Conferencias y seminarios 1 Congreso Conferencia, Charla Seminario Simposio Ceremonias y presentaciones 4 Aniversario Ceremonia oficial Homenajes, Premios Inauguración Visita oficial Presentación libro Literatura Encuentros 2 Encuentro Sesión Música y danza 3 Concierto Danza Exposiciones 5 Exposición Teatro y cine 6 Teatro Cine, video Deportes 7 Deportes De acuerdo a la propuesta de etiquetas que se genera a partir del Benchmark y de las estadísticas relativas al número de visitas de las actuales categorías de la agenda se propone el siguiente rotulado y estructura de navegación. De tal forma las 22 categorías existentes actualmente en la Agenda del portal Uchile.cl, se reorganizarían en : Escuela de verano Extensión académica Curso, Taller Educación continua Reorganización de categorías de eventos Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile Todas0
  • 36. Esquemas de organización • Exactos – Alfabético – Cronológico – Geográfico • Ambiguos – Tema o materia – Tareas – Estilos • Híbridos
  • 37. Esquemas de organización • Taxonomía Reino > Tipo > Clase > Orden > Familia > Género > Especie • Polijerarquía Artes > Literatura > Poesía > Nicanor Parra Ciencias > Física > Física Teórica > Nicanor Parra • Clasificación facetada Búsqueda de vinos por Tipo / Cepa / Región / Precio / Ranking • Folcksonomías Javier Velasco Martin Apunte de clase: Diploma en Periodismo Digital U. de Chile
  • 38. Productos asociados • Estructura de contenidos • Mapa de navegación • Diagrama de interacción • Layout • Wireframe • Storyboard
  • 39. Facultad de Derecho Propuesta de estructura contenidos Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile Wireframes: Pamela Aguayo y Roberto Escobar
  • 40. Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 41. Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 42. Facultad de Derecho Propuesta de layout de portada Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 44. Facultad de Derecho Wireframe subportada Facultad Sistema de Servicios de Información y Bibliotecas (SISIB) Universidad de Chile
  • 45. ¿Y si incorporamos a nuestros usuarios en este proceso?
  • 46.
  • 47. Card sorting: Técnica de categorización de contenidos centrada en el usuario
  • 49. Permite establecer patrones sobre cómo los usuarios esperan encontrar un contenido o una funcionalidad
  • 51. Tipos de card sorting • Abiertos: usuarios puede agrupar libremente los rótulos, en el número de conjuntos que ellos estimen conveniente, sin categorías previas • Cerrados: usuarios reciben categorías primarias previamente establecidas
  • 52.
  • 53. Tipos de card sorting • Individual: un usuario representa a un perfil o segmento (entre 7 y 10) • Colectivo: un grupo variado de usuarios ordena las tarjetas por consenso (15, con 5 grupos de 3)
  • 55. Pasos previos • Selección de contenido – Descriptores generales – Contenido en línea – Rótulos potenciales o futuros • Selección de los participantes – Específicos para el objetivo – Representativos del tipo de público – Heterogéneos entre sí • Preparación de las tarjetas – Entre 30 y no más de 100
  • 56.
  • 57. Durante la ejecución • Comunicar claramente los objetivos • Establecer un clima de confianza • Aclarar que no hay sólo una manera correcta • Entregar el mazo desordenado • No intervenir ni presionar • Poner atención a las discusiones • Atender consultas • Registrar adecuadamente los resultados
  • 58.
  • 59. Análisis de resultados • Búsqueda de patrones generales en los datos • Ayuda de software de análisis de clúster • Identificación de diferencias por: – rótulos que no se entendieron bien – contenidos que pueden pertenecer a más de una categoría – rutas alternativas para llegar a un mismo contenidos – discrepancias entre los participantes
  • 60.
  • 61. Ventajas y desventajas • Simple • Económica • Probada • Fácil • Participativa • Poco profunda • Variable • No considera objetivos • Lenta de tabular
  • 62. Ejercicio: Nube de rótulos
  • 63.
  • 64.