Posts etiquetados con ‘arquitectura de información’

De arquitectura de información, wireframes y discusión entre expertos

Escrito por Tzek el 16/08/10
Clasificado en: Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias

Este post expresa una experiencia similar a la descrita en “El prototipo como herramienta de discusión/diseño“, solo que en esta ocasión decidí acudir al wireframe como parte de las herramientas de discusión para que entienda qué debo diseñar de un sitio web, no sólo de su contenido, sino también cómo resulta válida su arquitectura.

Fui invitado a participar en un proyecto sobre un catálogo en línea de un tema del que desconocía todo. En este caso, la gestión de dicho catálogo es posible gracias a un sistema en el que trabaja una colega Ingeniera en Sistemas. En realidad mi participación original era sólo para elaborar un front page, lo cual desde mi punto de vista ya no se estila. Comenté en su momento que el home debe ser más que una carátula con un vínculo hacia un catálogo (lo cual a mi juicio rompe con la consistencia navegacional). Debería ser un punto de partida a la tarea principal del usuario (i.e. navegar el catálogo) o hacia otras tareas que requieran (como en este caso) el consumo de información textual nada más. Pues bien, aunque mi participación no involucra algo complejo como la gestión misma del catálogo, en parte confieso que es un esfuerzo para hacerme más divertido el trabajo.

Boceto de propuesta de home en vez de una carátula simple.

Entonces, en vez hacer un prototipo de baja fidelidad (i.e. el mockup a la photoshop), después de oir en juntas y con mi colega cómo funcionaría el catálogo, idear una arquitectura realmente simple (adecuada en este proyecto) y realizar un boceto que después se convertiría en un wireframe.

Close-up del wireframe

Estos han sido algunos puntos derivados de esta experiencia:

El papel todo aguanta. Los cambios son fáciles de “realizar” durante la discusión en las juntas. Basta con “rayar” directamente sobre el papel.

Resultado de los primeros cambios discutidos en junta.

Discusión sobre contenidos y navegación. Que se tenga sólo un wireframe frío sí evita que las discusiones se vayan a aspectos gráficos como los colores o la estética.

Aprender sobre el tema escuchando. Dado que la mayoría del equipo son los expertos sobre el tema, suelen expresarse con la terminología adecuada y también tener una idea muy marcada de cómo les gustaría que se diera el proyecto. Es conveniente escuchar y preguntar de vez en cuando, al menos para cuestionar la decisiones, tomando en cuenta que lo importante es “si le funciona esa idea/decisión al usuario”.

Wireframes impresos para discutir la arquitectura y contenido de las secciones, más allá el home.

Una arquitectura orgánica se puede generar a partir una discusión de expertos. En casos donde la navegación parece sencilla, con wireframe en la mano, se puede ir determinando el esquema de navegación global y local mediante discusión. Esto provoca que los mismos expertos realicen el labeling. Aún más, te permite replantear en la cabeza, como diseñador, el acomodo “visual” de la misma información, conforme se va escuchando lo discutido en las juntas.

"Mapa de navegación" final.

Ya falta entonces, armar el look and feel para la interfaz, comenzar a ensamblar las páginas estáticas y la integración con las páginas dinámicas generadas a partir del sistema seleccionado. Veamos cómo sale. Saludos :)

Semana de Arte y Diseño 2009 en la Unarte

Escrito por Tzek el 16/10/09
Clasificado en: Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias, tutoriales

El miércoles 15 de octubre tuve el gusto de participar en la Semana de Arte y Diseño de la Unarte Universidad del Arte, un instituto pequeño pero con un ambiente cálido y buen nivel de camaradería.

Semana de Arte y Diseño de la Unarte Universidad del Arte

La decoración de las paredes es muy particular, lo cual le brinda un carácter propio a este centro de estudios. Esos efectos ópticos me parecen geniales. ;)

Unarte

Salones para diseño de moda y arquitectura

Cafetería de la Unarte

Interior de la cafetería de la Unarte

Debido a otros compromisos, me perdí el resto de las charlas. Ya no tuve la oportunidad de escuchar a Tina Diez  y Ricardo Huitrón, dos colegas exaUDLAPs, pero estuve presente en la charla con Germán Montalvo, quien fue muy ameno en su plática y nos mostro una cantidad considerable de trabajo comentándonos para cada caso cuál había sido el proceso. Germán es bien conocido por su trabajo en cartel, aunque en esta charla nos mostró trabajo de editorial, cerámica/talavera e incluso muebles.

Las fotos las tomé con el celular. Una disculpa por la calidad de las fotos.

Germán Montalvo en la Unarte

Prototipo para la Guirnalda de Plata, presea del auditorio nacional.

Prototipo para la Guirnalda de Plata, presea del auditorio nacional.

Libro sobre Warhol

Libro sobre Warhol.

Plato de talavera.

Plato de talavera.

Portada de la revista Design Issues.

Portada de la revista Design Issues.

Agenda.

Agenda.

Ilustración de pájaros antropomorfos.

Ilustración de pájaros antropomorfos.

Broche con las mismas ilustraciones del libro.

Broche con las mismas ilustraciones del libro.

Germán hizo un par de comentarios que me parecieron muy acertados:

  • El diseño debe provenir de la realidad.
  • La gente desconoce que existe un proceso*.

* refiriéndose a proyectos de diseño.

Un servidor platicó sobre qué es arquitectura de información, ya que siendo futuros egresados en diseño estratégico, esta disciplina si al menos no se puede siempre implementar con todo el formalismo, sí es necesaria porque no sólo propone en términos del usuario, sino ejercita esa “manera de pensar” en forma estructural, muy conveniente cuando se tienen que solucionar problemas donde existe una gran cantidad de información o bien, una marcada carencia de esta.

Por mi parte quiero agradecer a Hilda Gabarrón (a.k.a. Higa) por la invitación y a los cuates estudiantes de la Uniarte por sus comentarios, retroalimentación y buena vibra.

Taller de Diseño de Interacción con Joe Fletcher en Códice 8

Escrito por Tzek el 26/03/09
Clasificado en: Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Tertulias, tutoriales

Este jueves 26 fue el primero de dos días del taller Diseño de Interacción para el Mundo Real con Joe Fletcher en el congreso Códice 8, diseñador que participó en el desarrollo de la Surface de Microsoft.

En esta sesión nos comentó qué es y qué no es diseño, y qué se entiende por diseño de interacción y de experiencias. Aquí unas citas:

El diseño no es un evento, no es un producto y no es una experiencia. El diseño es acerca del proceso.

Si asumimos que el diseño es el proceso, el producto no importa.

El diseño de experiencias es concentrarse en momentos que se comprometen la gente y las marcas y en los recuerdos que esos momentos crean.

Cada vez que diseñes, el diseño debe decirte una historia.

La sesión tuvo dos ejercicios, ambos en grupo. El primero consistió en darle órdenes a Joe para hacer un sandwich de mantequilla de maní y mermelada de fresa.

Un ejercicio de cómo hacer un taco hubiera funcionado mejor. El original: muy gringo a mi gusto. ;)

Según entendí, el objetivo era demostrar lo complicado que es pensar tanto narrativamente como algoritmicamente: como entender qué y/o quiénes se hacen partícipes en una interacción (una tarea) de principio a fin y cómo cada uno de esos elementos tiene ciertos comportamientos (lo que puede hacer, sus funciones). 

Explicación de los bocetos para la cocina de Steve Jobs (foto de celular)

Explicación de los bocetos para la cocina de Steve Jobs (foto de celular)

En el segundo ejercicio, el problema fue diseñar una cocina para Steve Jobs. Nos dispusimos a pensar un poco en Steve, luego definir el problema, de ahí hacer una lista de las restricciones de diseño y por último, elaborar bocetos de esta cocina. Me agradó que hicimos el ejercicio sin usar los términos y/o nombres de los métodos o herramientas que empleamos, qué basicamente era diseñar en términos de Personas, el método de diseño inventado por Alan Cooper, para después hacer un sketching muy a la Bill Buxton.

Como profesor, es similar a lo que veo con mis alumnos, pero me sentí muy raro al estar del otro lado: yo haciendo el ejercicio. No es tan fácil sentarse en grupo y comenzar a discutir y proponer, evitar protagonismos o llegar todos a un consenso. Aquí fue rápido por cuestiones de tiempo y además estábamos en un ambiente amigable; pero el mismo Joe comenta que así es un día de trabajo: sentarse con programadores, creativos y hombres de negocio; lo cual, no es fácil. 

El taller terminó con una ronda de preguntas y respuestas en la que Joe nos dio su opiniones sobre el diseño en México, cómo está el diseño de interacción en Estados Unidos y la realidad laboral de los diseñadores en general, cómo llegó a Microsoft, la importancia de tener un design thinking, entre otras.

Infoxicación Blog

Escrito por Tzek el 07/01/09
Clasificado en: Desde la web, Diseño de Información, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, tutoriales

Di con este blog sobre Diseño y Arquitectura de Información, se llama Infoxicación. Vale la pena darse una vuelta para leer un poco sobre estos temas, presentados en forma amena y bien planteados. 

Infoxicación

Por cierto, los autores han dado un taller en el Encuentro de Diseño de Palermo del 2008, si ven por ahí la liga, no está demás hacerle una descarga a la presentación.

Saludos.

 

Tutorial de Arquitectura de Información en Webmonkey

Escrito por Tzek el 28/07/08
Clasificado en: Desde la web, Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, tutoriales

A principios de la década, a mi juicio, uno de los mejores recursos para los interesados en el diseño y desarrollo web era Webmonkey, gracias a sus buenos tutoriales y otros artículos. Entre los primeros se encuentra el “Tutorial de Arquitectura de Información Web“.

Si necesitas conocer qué es y cómo se aplica este concepto en un sitio web, te recomiendo echarle un vistazo a este tutorial; su contenido es presentado con claridad, cubriendo los puntos necesarios en forma concisa.

Liga:
http://www.webmonkey.com/tutorial/Information_Architecture_Tutorial

¡Qué bien que Webmonkey está de vuelta! Un portal dónde se aplicaba bien el concepto de que el contenido es el rey. Espero que en esta versión se repita la historia.

Top 100 Blogs de Diseño en Español

Escrito por Tzek el 29/04/08
Clasificado en: Desde la web, Tertulias

elBarbón! de NiceFuckingGraphics ha publicado su Top 100 Blogs de Diseño. Para checar, curiosar y tenerla a la mano, lista para book-markear

Recopilación hecha por elBarón sobre los mejores blogs de diseño en español.

URL: http://nicefuckinggraphics.blogspot.com/2008/04/top-100-blogs-de-diseo-en-espaol.html

Metrográfic Blog

Escrito por Tzek el 22/04/08
Clasificado en: Desde la web, Reflexión

Aprovecho este post para agradecerle a Sergio Martos por su particular mención en su blog Metrográfic. Sus vitaminas gráficas están dividas en 5 categorías de una buena selección de recursos sobre diseño. Tzek Blog aparece en la sección referente a Diseño Gráfico. :)

Screen Shot del Blog de Sergio Martos, Metrográfic.

Ya había visto antes su blog y desde la primera vez, me encanta el sabor visual, se ve tan “sabroso” y muy vívido.

Y eso me recuerda… Si, ya chale. Le falta, más que un rediseño, un diseño visual propio a la GUI del Tzek Blog. Se que hay testigos de que tengo la plantilla en proceso, desde ¿cuándo?… Chetos. :s

 

¿Cómo se llamarían?

Escrito por Tzek el 10/04/08
Clasificado en: Diseño de Información, Tertulias

Actualización: La siguiente secuencia representa el proceso de como se pasa de arquitectura de información al conocimiento para una gestión del conocimiento en seis pasos/fases… ¿que nombre o título le pondrías a cada una? 

“De la arquitectura de información a la generación de conocimiento”

Arquitectura de Información en la Generación y Gestión de Conocimiento