Tzek Blog de Diseño

Mira el siguiente recorte

Si has trabajado con Mac, quizá digas que es el escritorio con una rallas cruzadas… algo así:

Pero sorpresa…!!!

Sin comentarios… ahora que si quieres verte muy trendy, te recomiendo este tutorial desde el blog de Verlee (muy buen blog).

Hay un artículo de Jared Spool llamado Knowledge Navigator Deconstructed: Building an Envisionment sobre cómo adelantarse a la época y proyectar ideas sobre los productos interactivos de futuro, tanto en su diseño industrial, de interacción, de información, etc.

En el primer video, habla sobr el navegador de apple y como éste estaba adelantado a su época. Que prácticamente, la interacción puede encontrarse el día de hoy (y eso que estaba contemplada para el 2010). Hay una escena donde se pone en video conferencia (¿alguien dijo ichat o msn messenger?) el dueño de este navegador (¿alguien dijo finder?), que estaba viendo información sobre brasil (¿alguien dijo keynote o powerpoint?) … el ichat de mac por salir podrá mostrar presentaciones keynote o videos quicktime mientras se está en videoconferencia…

Ver el primer video desde youTube

El segundo video, del 2005 está genial. No se por qué. Pero me ha convencido que si no al menos los celulares serán pronto así, si habrá un que otro juguetito que emule características similares.

Ver el segundo video desde youTube

Tanto en el caso de mac como en nokia, la visión o “envisionar” el futuro no es tan sólo un calentamiento creativo, sino puede ayudar a las empresas a definir y delimitar sus visiones/misiones empresariales, así como sus planes de desarrollo….

Diría Microsoft… ¿hasta donde quieres llegar hoy?, aunque estas empresas se dicen por dentro: ¿a dónde queremos llegar en 20 años para seguir siendo los número uno?

En Teziutlán Puebla… clima fresco, nubosidad en los cerros verdes y calles estrechas que suben y bajan.

El lugar de servicio: caserón colonial, remozado, amarillo canario con blanco, cantera cuidada, piano con arreglo floral al centro y mesas con manteles limpios.

¿Cómo te lo imaginas?

En la entrada, un portón de madera, había a un costado un pendón en lona vinílica el nombre del restaurant, una imagen y hasta abajo escrito un copy…

¿Cómo te imaginas el lugar ahora? ¿Que sazón tiene la comida? ¿Cómo se siente el ambiente? ¿Es un lugar luminoso? ¿Es el lugar romántico? ¿Cálido o frío? ¿Con quién te imaginas en ese lugar?

Después de unos días de dejar a un lado mi lap, estoy terminando de checar el mail. Al abrir mi navegador, el cual jala por defecto a la página de apple, me he llevado una orgásmica sorpresa..!

No creo ser de esos geeks que se encadenarían a un poste para defender mac sobre windows, pero si admito que un factor emocional que me cautivó de mac OS es la calidad en el diseño de experiencias e interacción, muy bien conceptualizadas.

Primero: El cambio de la página web me ha dejado muy satisfecho. Una simplificación arquitectónica (de información) bárbara en el menú principal, además de poseer un look and feel refrescante, rompiendo con el sabor aqua anterior pero sin dejar de “sentirse” mac.

Segundo: ¡Si que es una chulada! La página en su rediseño tiene elementos basados en AJAX, entre los cuales se encuentran muy bien explotados los que explican las nuevas características por venir en el Leopard… Todo sin una gotita de flash.

Así como el Exposé del mac OS me enamoró, está nueva feature del stack es algo que si hubiera sido ratón de focus group también hubiera pedido a gritos!!!

Tercero: También me ha sorprendido que Safari ahora estará en las máquinas con windows. Será muy interesante el resultado, sobretodo al abrirse el código para desarrollar aplicaciones para este navegador; ya que al ser FireFox el mejor navegador que se pueda conseguir en una PC, que en particular yo lo siento a veces pesado, la simpleza del Safari como lector RSS y cumplimiento con los estándares web (sobretodo con los CSS y PNG, cosa que IE no hace del todo bien en sus versiones anteriores a la 7.0) podrían colocar al navegador de mac como el nuevo “iPod” para navegar sitios web… imagínense ahora con el lanzamiento del iPhone… si tiene el mismo éxito que el iPod, al tener nativamente este navegador, más de un usuario podría estar interesado en descargarlo, similar al caso iTunes.

Yo no se… quizá sea porque mi sueño chacotero sea tener un trabajo de diseñador de experiencias o de interacción en mac, o para productos de innovación tecnológica, pero no dejo de sorprenderme cuando mac sigue proyectando en sus productos todo este paradigma de lo “simple”. Lo demás, claro, viene con la mercadotecnia y este consumismo capitalista que también es parte del show…

PD. Voy a probar el nuevo Safari a ver que tal me va…

PPD. Si es cierto que que el windows en una mac va a soportar el track con doble dedo, el back light y similares… me preguntó cuánta influencia comercial tendrá tal que se desarrollarán aplicaciones que aprovechen este tipo de características (i.e. diseñado para windows en una mac) y qué tanto tardará HP en incorporar esto? (quién claramente va por ese perfil de producción de computadoras más allá de la maquinita procesadora).

Una de las primeras cosas que se me pidió en CIRIA UDLA fue el cambio del sitio, el “rediseño”. Yo expresé que dicha actividad resulta no trivial y habría que pensarse una buena estrategia de arquitectura de información. Entonces la petición fue la siguiente: “el frente tiene que ser replanteado… danos una muestra de lo que harás en un futuro”.

Una vez planteado el reto, había que entender la necesidad real. ¿Iba esto en un cambio de colores? Para entender dicha necesidad, había que entenderse también el contexto. CIRIA significa “Centro Interactivo de Recursos de Información y Aprendizaje”, un concepto que trata de colocar en el imaginario de la comunidad UDLA un lugar allende a una biblioteca; pero he ahí el problema, la gente sigue denominando físicamente al edificio como “Biblioteca” (en realidad CIRIA tiene a su cargo 2 bibliotecas más…). ¿Es este un problema de colocación de marca? Parcialmente sí lo es.

Si yo te platico de un lugar, donde se realiza software que te ayuda a acceder de algún modo a información, por ejemplo una “ayuda en línea”, independientemente si se trata de un libro o un sitio web, si te contara que es un lugar donde se realiza academia (ofreciendo una licenciatura y albergando un laboratorio de cómputo), que se cuenta con salas tipo “enciclomedia” (pore así decirlo)… quizá en esta forma vaga, lo último que te venga a la mente es que estoy hablando de la “biblioteca”.

Entonces se tenía la página original…

Pa’ la talacha de infodiseño, necesitaríamos la organización, jerarquización, etiquetación y presentación de la información de la homepage; claro, considerando cuál fue la estrategia planteada de comunicación, el contexto ya comentado y pensando en los usuarios. ¡Enchúlame la maquina!

Este fue el resultado final…

Son muchos puntos que se pueden señalar en este rediseño. A groso modo:

• El layout además de acoplarse al flavor institucional, buscaba realizar una lectura cruzada: La división por columnas buscó enmarcar/asociar áreas de trabajo, mientras que las “franjas” de lectura horizontal vayan concretizando este concepto de CIRIA en el usuario.
• Además había que considerar que en la nueva organización, el labeling apoyara a esta evolución ahora conocida como CIRIA. Por cierto, resulta algo similar con la pleca fotográfica.
• Los comienzos de columna, bajo la pleca fotográfica, son muy importantes. El primero marca una actividad académica departamental (”la biblio ya da una licenciatura?” - diría alguien). El segundo realiza una “colocación de marca” de un software desarrollado en CIRIA relevante para establecer bien con este concepto. Por último, las salas multimediales, tan sólo existen en CIRIA y las cuales serán usadas por toda la comunidad; además de reafirmar la idea de un “centro”, son uno de los mejores “ganchos” para ser explotados en el campus.
• Si los usuarios expertos necesitan acceso a la información por búsqueda, se separó en la maquetación, tensionando su fuerza, por cromacidad y por “alinearse” en la columna de servicios más solicitados, novedad tecnológica (las salas multimediales) y la comunicación social del CIRIA (”hay algo que debo saber como usuario?”).
• Por otor lado, y necesario para este “pimp my page!”, la identidad de CIRIA fue modificada (quizá escribe sobre el retrazado del imagotipo luego) hacia un sabor más institucional.