Asignatura(s)Lenguaje Computacional 1
Año2015
Tipo de CursoRamo Lectivo
TalleresDG 2º
ProfesoresJorge Barahona
EstudiantesCatalinaortúzar, Catalina Perez, CatalinaHörr, Santiago Comandary, María Ignacia von Unger, Carlos Patricio Noriega Lecaros, EmilyZembo, Antonella Pastén, Gabriela Rojas, Rafaela Avalos Pascual, Ingrid Alvarado Paulus, ÁlvaroReyes
Palabras Clavelenguaje computacional, arquitectura de la información, UX
Carreras RelacionadasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.

Estudiantes


Resumen de Contenidos

El ramo trata de los aspectos generales del Diseño Centrado en el Usuario (UX) y en particular de la Arquitectura de la Información. La idea es estudiar y aprender los conceptos relacionados con metodologías de UX aplicados en los procesos de Diseño de interacción y la Arquitectura de la Información como disciplina central del manejo de contenidos en medios digitales.



Tareas

Levantamiento de Mapa de Navegación

Encargo

Sobre la base de una elección personal, buscar y deconstruir la navegación de un sistio web en un *Mapa de Navegación* aplicando las normas gráficas del vocabulario visual para describir arquitectura de información y diseńo de interacción desarrollado por Jesse J. Garret.

Entregas

  • Catalinaortúzar: Trabajé el sitio web del Museo de Arte Precolombino de Santiago de Chile. La indización y el Mapa de Navegación que resulta evidencia la gran cantidad de sitios externos no integrados a la URL base del sitio web.....

Licuar Mapa de Navegación a móvil

Encargo

Sobre el Mapa de Navegación del sitio trabajado en la Tarea anterior (Levantamiento de Mapa de Navegación) licuar el contenido para aplicarlo en móviles. Se debe pensar desde lo móvil y las implicancias que tiene el escenario de uso de un aparato móvil, sus restricciones en el tamaño de la pantalla y los tiempos de uso que implican los mismos. Se analiza y trabaja sobre el criterio Mobile first de Luke Wroblewski.

Entregas

  • Jorge Barahona: Trabajé el sitio web del Museo de Arte Precolombino de Santiago de Chile. La indización y el Mapa de Navegación que resulta evidencia la gran cantidad de sitios externos no integrados a la URL base del sitio web.....

Tarea Card Sorting

Grupo Nº1 Museo del Prado

Para confeccionar el mapa de navegación final del museo se pidió a 5 personas que realizarán su propio mapa de navegación con el sistema de card sorting, a partir de la indización de este mismo entregando las tarjetas con las etiquetas del sitio. Card sorting 3/08

Mapa1museo.jpeg Mapa2museo.jpeg Mapa3museo.jpeg Mapa4museo.jpeg

Reunión 14/08 Objetivos: comparar y analizar los diferentes mapas de navegación donde se identificaron los conceptos y su orden que más se reiteraban en cada mapa.

Proceso1museo.jpeg Proceso2museo.jpeg Proceso3museo.jpeg Proceso4museo.jpeg

Al compararlos se detectaron los conceptos más relevantes, eliminando los que no lograban articularse con el mapa; reafirmando cuales se eliminarían definitivamente y cuales cambiarían su nombre. Una vez terminada la indización nueva, se convocaron otras tres personas para que realizaran un nuevo y ultimo card sorting para corroborar que estuvieran bien filtrados los conceptos.

Proceso5museo.jpeg Proceso6museo.jpeg Archivo:Proceso7museo.jpeg Proceso8museo.jpeg

Una vez terminada la indización nueva, se convocaron otras tres personas para que realizaran un nuevo y ultimo card sorting para corroborar que estuvieran bien filtrados los conceptos.

Archivo:Cardsortingf1.jpeg Archivo:Cardsortingf2.jpeg

Cardsortingf3.jpeg Cardsortingf4.jpeg

Luego de esto se procedió a la construcción del mapa de navegación para finalizar el proyecto. Archivo:Mapanavegacionmuseodelprado.pdf



Grupo Nº2: Musée d'Orsay

  • Líder del Grupo: Catalina Hörr
  • Integrantes: Catalina Ortúzar, Catalina Pérez, María Ignacio von Unger, Santiago Comandary, Patricio Noriega
  • Link sitio web: http://www.musee-orsay.fr/

Este trabajo grupal consta de un ejercicio de Card Sorting para la realización de un mapa de navegación de un sitio web. El sitio elegido es el Musée d’Orsay, en Paris, Francia. Su función principal es la de informar de manera actualizada sobre eventos culturales que se llevan a cabo en el museo para los visitantes.

El método de Card Sorting se genera a partir de una primera indización realizada por el cliente, hecha en base a sus requerimientos principales. Posteriormente se citan posibles usuarios y se les entrega esta indización en forma de tarjetas de forma desordenada, para ordenarlas según su criterio para hacer eficiente la navegación del sitio. El usuario puede agregar o quitar tarjetas, en caso que encuentre necesario. Todo esto con el fin de observar la interacción entre el usuario y el sitio web.

En base a este ejercicio, en donde se reúne el estudio realizado en cada ordenamiento, se puede comenzar a estructurar un mapa de navegación.

Archivo:CardSorting - Musée d'Orsay 1.jpeg

Archivo:CardSorting - Musée d'Orsay 3.jpeg

Archivo:CardSorting - Musée d'Orsay 4.jpeg

Archivo:CardSorting - Musée d'Orsay 2.jpeg

Archivo:CardSorting - Musée d'Orsay - Mapa 1.pdf

Archivo:CardSorting - Musée d'Orsay - Mapa 2.pdf


Grupo Nº3 Victoria and Albert museum

  • Líder del Grupo: Martín Araneda.
  • Integrantes: Marcela Bravo, José Castro, Martín Guerra, Darío Tapia.

Sitio web: [1] El museo Victoria and Albert está ubicado en Londres, y es el museo de arte y diseño más grande del mundo, por lo que su sitio cuenta con contenidos referidos a su visita, colecciones, formar parte, aprendizaje (relación con escuelas y personas), exhibiciones y tienda, por lo que debe manejar hábilmente una gran cantidad de elementos .

En un primer momento cada integrante realiza el ejercicio de organizar los elementos provenientes de la indización del sitio web, utilizando el sistema de card sorting, el que nos permite inicialmente ordenar y disminuir o aumentar en algunos casos los contenidos del sitio, según se estime necesario.

IMG 1340.JPG IMG 1343.jpg IMG 1346.jpg IMG 1347.jpg

Luego de esto se comparan los resultados para identificar los errores de orden, los elementos que sirven y los que no, siempre en pos de lo que requiere el usuario. Como paso siguiente se procede al análisis, licuado (y por tanto concreción), organización y relación entre sí de los elementos, lo que da origen al mapa de navegación final que se rige a el vocabulario visual de Jesse James Garret, y que trata de ser lo más óptimo (y por tanto simple) posible.

Archivo:MapadeNavegaciónV&A.pdf