Wireframes


Hace algunos días mantuvimos una conversación sobre los wireframes en la lista de correo de Cadius. Aunque en muchas ocasiones he utilizado métodos similares no lo conocía como técnica concreta y ni mucho menos por ese nombre. He indagado un poco sobre el asunto y esto es lo que puedo decir por ahora.

Técnicamente los wireframes son las mayas de líneas que se utiliza en el modelado 3d para reducir dificultad en la transformación del boceto. Aplicado este concepto a la arquitectura de la información deducimos que el wireframe es el esqueleto de páginas, con sus relaciones, dependencias y condiciones, de un sitio web. De este modo podemos planificar, y conocer para su posterior diseño y desarrollo, todas las páginas y procesos de nuestro sitio web con detalle.

El resultado es el inventario de contenido y el diagrama de contenidos.

Las ventajas las describe muy claramente Factor Humano en su artículo Wiframes.

En primer lugar, el definir claramente las características de contenido de las páginas que componen un sitio es de una importancia sustantiva. Esto permitirá que el desarrollo de todas las etapas posteriores se realice inequívocamente, con todos los miembros hablando de lo mismo.

En segundo lugar permite establecer hitos con el cliente que generan definiciones precisas. Al momento de validar los wireframes de un sitio con el cliente, se centra la atención en el diseño de contenidos, no en el diseño visual. Un wireframe puede contener ciertos elementos de carácter visual como una sugerencia de diagramación general, la jerarquización de los elementos, pero en rigor se trata de organizar la información a nivel de página, por lo tanto no se discute de diseño. De hecho, es muy posible que posteriormente, al traducir el wireframe a diseño, el diseñador gráfico determine que es necesario alterar ciertos elementos para optimizar aspectos comunicacionales, siempre que esto enriquezca al contenido y no sea exclusivamente por manierismos estéticos.

Para establecer las relaciones informacionales y documentales entre los distintos elementos de un sitio web es necesaria la utilización de un vocabulario visual estándar –Un vocabulario visual es un conjunto de símbolos usado para describir algo (usualmente un sistema, estructura o proceso)–. Hay que partir de la base de que los wireframes o diagramas documentos que van a revisar muchas parte de construcción de un producto: inversores, responsables de proyectos, productores de contenido, diseñadores, desarrolladores y arquitectos de información. Jesse James Garrett ha desarrollado un vocabulario visual para describir arquitectura de información y diseño de interacción.

En la lista se dejaron una serie de lecturas y recursos en inglés que apunto aquí para que todo el que quiera y yo mismo profundicemos poco a poco en el tema:

Actualización 18/12/05: Nuevos recursos y plantillas en Templates & Stencils for Visio & Omnigraffle de Garret Dimon.

También tenemos la posibilidad de buscar en http://del.icio.us/tag/wireframe.

Las lecturas en español las preparó hace ya algunos meses Torresburriel en el artículo La importancia de los wireframes.

Logos con espirales

En splorp . critique . speirals:

What is with the current profusion of spiral logotypes of late? Are they being derived from the constant spin control that internet speed companies have to put on their insane valuations? Or is it symbolizing the way technology drains away our time from family and the more important things in life? Ok, that’s a bit harsh…

Seen a swirl in your travels? Let me know about it.

Logos diseñados con espirales

Vía Bajo la Línea.

PSP: La he tenido en mis manos

Sony PSPEstábamos tomando unas copas en la playa cuando Fran, un amigo de toda la vida, me dice que ha conseguido una PSP. Imposible, dije. Pues no. Nos acercamos al coche y allí estaba.

Pequeñita, lo suficiente como para poder llavarla en el bolsillo, aunque un poco pesada. Gráficos increibles. 5 horas de batería. Multijugador através de Wifi, 5 Gb de disco, video, audio, software a medida. Una nueva generación de multimedia-center de bolsillo.

Lo mejor: la pantalla y los gráfico.
Lo peor: Tiempo de carga del juego

En dos palabras, como Jesulín: IM-PREZIONANTE. Es lo que tiene vivir en una ciudad multicultural, que llega todo lo que se ha lanzado en otros lugares del mundo, antes de que se estrene en España; aunque tengamos que estar un par de meses jugando a juegos 100% japoneses. 😉

Un buscador de imágenes con nota

Picsearch logoSon muchos los buscadores de imágenes y videos que últimamente están surgiendo en todos los países, en todos los idiomas y bajo todas las licencias. Es un tema que me interesa mucho, pero ninguno llegaba al aprobado.

Hoy Genbeta habla de Picsearch y no he dudado en explorarlo a fondo para ver qué tipos de fotos son las que muestra. Y, ¡por fin! hay no aparecen las fotos de la barbacoa de Hommer Simpson, ni la cena de la casa de Rita, sino fotos de mediana y alta calidad. Pruebenlo es el único que tiene mi aprobado.

El medio, el mensaje y su fuente

El aviso de Alt1040 a los periodistas sobre la costumbre y necesidad de mostrar tus fuentes me recuerda un texto que he leído hoy en Divertirse hasta morir de Neil Postman.

Dejarme que os cuente una anécdota. Se dice que un profesor de la Facultad, nadie sabe a ciencia cierta quién es, trabajó en su tesis doctoral durante algún tiempo. La idea era mostrar como el medio influye en la credibilidad del mensaje. Para demostrar esta teoría basó toda su tesis en el estudio de una autora francesa que tenía esta misma idea. Pues bien, en la defensa del texto el tribunal alababa la investigación de nuestro desconocido protagonista y su tino al descubrir a la autora francesa ya citada. En el turno de defensa de su texto, el doctorando, demostró que la susodicha autora francesa no existía y que su propia tesis era la mejor prueba de que el medio condiciona la credibilidad del mensaje.

En cierto modo es lo que quiere decir Postman en su enunciación del medio como metáfora. Lo explica así:

La introducción en una cultura de una técnica como la de la escritura o la de un reloj no es solo una extensión del poder humano para someter el tiempo, sino una transformación de su manera de pensar y, por supuesto, del contenido de su cultura.

Por tanto, en primer lugar, tengamos presente que el medio es una configuración abstracta del mensaje (esto recuerda a McLuhan: el medio es el mensaje). La forma del medio determina la forma del contenido del mensaje. Creo que es evidente.

Por otra parte hay que plantearse hasta que punto es veraz la información. Nuestra cultura discrimina enormemente el medio y así, en muchos casos, es el medio el que determina la veracidad de una información. De ahí que Postman continúe así en su defensa del medio como epistemología:

Ver para creer siempre ha tenido un status preeminente como axioma epistemológico; pero decir para creer, leer para creer, contar para creer, deducir para creer y sentir para creer son otras formas que han ascendido o descendido en importancia a medida que las culturas han experimentando cambios en los medios.

Hoy lo impreso es amén de verdad. En cambio la información no viene siempre de fuentes textuales, sino de sentir, ver, contar, creer, etc. ¿Cómo enlazar esto? ¿Acaso no es creíble? ¿Es subjetivo? ¿Qué es la objetividad en el conocimiento y en la enunciación? ¿Qué pasa cuando ese conocimiento ha surgido de mí? Si en la la blogosfera el enlace es condición de verdad (entiendaseme, y no me llamen radical): primero, no existiría la blogosfera; segundo: la verdad (esta sí es objetiva, su conocimiento y comunicación no) sería un prejuicio cultural.

Aplicaciones con RSS

Muchas veces no sabemos hasta que punto son aprobechables utilidades y tecnologías. A mi, me pasó durante mucho tiempo con los RSS. El secreto está en conocer las herramientas con que disponemos para utilizar estos metadatos en todo su potencial.

Ahora veo que Juglar hace una relación de aplicaciones con RSS. El listado se divide en

  • Servicios para mostrar las últimas actualizaciones de cualquier canal/es RSS en tu web
  • Herramientas para crear planets (un feed que se alimenta de varios feeds RSS)
  • Buscadores de posts
  • Buscadores de feeds RSS
  • Directorios de aplicaciones RSS

También muestra algunas herramientas ñblog.

Copyfight y su seguimiento

Ya sabéis que comento los eventos, generalmente, a posteriori. Ahora que contamos con abundante documentación, comentarios y crónicas sobre Copyfight, y aunque conocéis ya mis problemas con la cultura libre (1, 2), me estoy empapando de lecturas sobre el tema. Error 500 recomienda lo siguiente:

Y la biblioteca de cultura libre es una buena fuente de ampliación.