Tuétano, creatividad que cala hasta los huesos


¿Qué en un brief y para qué sirve a la hora de diseñar un sitio web?
22.Marzo.2008, 11:36 pm
Archivado en: Recursos

Un Brief, según la wikipedia es:

Se conoce como brief a la información que la empresa envía a la agencia de publicidad para que genere una comunicación.

Tiene que existir una relación estrecha y de confianza entre la empresa y la agencia de publicidad. El brief no es algo estándar; cada empresa arma el que más le convenga.

En otras palabras, un brief no es más que un compendio de información para que la agencia de publicidad no trabaje a ciegas. Uno no llega a un despacho creativo y les dice, quiero un comercial que salga muy bonito con unos niñitos cantando, las empresas deben llegar con una serie de requerimientos que ya han analizado y si no los tienen, es deber de la agencia generarlos por medio de análisis de mercado, encuestas, análisis de la industria, etcétera.

Para poder diseñar un sitio debiera ser lo mismo. Antes de sentarnos a esperar que la creatividad nos inunde para comenzar a poner figuras geométricas y colores, debemos tomar libreta y lápiz (ok, ok, algunos preferirán su handled) y al más puro estilo de Clark Kent, recopilar información. Hay ocasiones en que los clientes ya lo tienen todo preparado y nos dan un archivo de texto con todo redactado y ordenado, hay otras en las que un folleto informativo puede ser nuestro punto de partida, pero habrá algunas en las que debamos sentar al cliente en una silla, ponerle un reflector apuntando directamente al rostro y sacarle la información, bueno, exageré en este último punto, pero es un hecho que si queremos obtener esa información, habrá veces que tendremos que divagar por toda la empresa del cliente tratando de reunir algunos pistas. También tenemos la opción de no hacer nada, sentarnos a esperar a que el cliente se decida a darnos la información, que como ya he dicho, algunos lo harán, pero otros muchos no tendrán nunca el tiempo de hacerlo, y en este caso, un proyecto que podría haber durado un par de semanas, se posterga por interminables meses.

¿Cómo se llama la empresa?, ¿a qué se dedica?, ¿cuál es su público objetivo? (en esta pregunta, por favor, no se queden con el: toooodos son nuestro target) ¿cuál es su competencia directa e indirecta?, ¿misión, visión, valores, historia…? Todo absolutamente todo lo que pueda ayudarles para construir un sitio completo es de suma utilidad. No obvien nada. Además, el brief puede servirles como respaldo si les toca algún cliente difícil, porque claro esta, el cliente debe aprobar la información que en él se inscribe.

En wikipedia se menciona que no hay un brief único, cada quién puede prepararlo como mejor se acomode, o según el trabajo que vayamos a hacer. También podemos nombrarlo de diferentes formas, lo importante es que funcione y nos de las pautas necesarias para crear diseños con sentido.

Un brief básico para un proyecto web deberá reunir información de la empresa de por lo menos:

  • Datos de contacto
  • Nombre
  • Descripción
  • Logo
  • Misión, visión, valores
  • Personalidad de la empresa
  • Historia
  • Productos y servicios
  • Clientes
  • Competencias directas e indirectas
  • Imágenes de la empresa

Con la anterior información podremos hacer un mapa de sitio y distribuir los datos recabados en cada sección planeada. Personalmente pongo los datos de contacto de la empresa al principio porque si necesitamos contactar rápidamente al cliente, nos basta con sólo mirar las hojas impresas del brief para saber qué número marcar, pero esta es mi forma de trabajar y como ya quedo establecido, no tiene porque ser la única.



Protegido: Mails, diplomado WMD. Sábados
22.Marzo.2008, 2:34 pm
Archivado en: Oscar Briz

Esta entrada está protegida. Para verla, escribe la contraseña:


Escribe la contraseña para ver los comentarios.


Imagenes vectoriales escalables. SVG
22.Marzo.2008, 1:56 pm
Archivado en: Artículos

No cabe duda que día a día vamos aprendiendo cosas nuevas, y que un día sin haber aprendido algo nuevo o reafirmado algún conocimiento, es un día muerto. Hoy, en un video tutorial, me llamó la atención un formato de gráficos del cuál no había oído hablar, el formato svg, que significa Scalable Vector Grafics para web. Sabía que illustrator, Corel Draw y el fallecido Free Hand trabajan con este tipo de definición de imágenes, con vectores, que los vectores al ser descritos de manera matemática, son mucho más ligeros que los bmp (jpg, gif, png).
También sabía que Flash maneja imágenes en vectores para sus animaciones, que en parte es lo que la ha llevado al éxito, ya que, vuelvo a repetir, los gráficos vectoriales pueden ser muy livianos, más que los bmp.
Pero resulta que a partir del 2001 la W3C ha recomendado el uso de archivos SVG para generar gráficos vectoriales para lás página electrónicas y que es posible animarlos, aun no sé como, pero aquí hay un tetris hecho con puros svg, o sea que también es posible su programación, igual que con los gráficos creados con flash, pero a pesar que ya tiene 7 años en escena, aún esta en pañales, no se ha oído ningún boom de los gráficos svg.
Me imagino que en algún momento podrá ser competencia de los swf, pero ese tiempo aún esta muy lejos, pues flash sigue avanzando a pasos agigantados de la mando de Flex y Air. La única ventaja real que tiene hoy en día los gráficos svg es que al ser recomendados por la W3C, no es necesario ni un solo plugin, pues la mayoría de los navegadores de última generación, si no es que todos, ya lo soportan.
Les dejo un ejemplo de gráficos svg, aumenten la imagen y vean cómo no se deforma, hagan click con el botón derecho a la imagen para que vean que no es flash, jueguen con ella, exploren, aprendan y no se olviden de compartir lo aprendido.
Saludos.



¿Dónde dejaron los smart objects?
22.Marzo.2008, 1:22 pm
Archivado en: Artículos

He estado viendo algunos viejos videopodcast de Adobe Creative Videopodcast, de allá en los ayeres en los que Macromedia todavía era Macromedia y estábamos lejos de imaginar que Adobe llegaría a comprarla. En ellos hablaban acerca de los “smart objects”. ¡Qué cosas tan maravillosas! Podíamos crear, por ejemplo, un logo en Illustrator o un banner en Photoshop para un encabezado, guardarlos en una carpeta especial dentro de nuestro sitio e incrustarlos a nuestra web mediante los smart objects en Adobe Go Live, para hacerlo, por supuesto pasaba por un proceso de conversión en gif o jpg, archivos que se guardaban en la carpeta de imágenes. Lo genial de este asunto, es que nosotros podíamos hacer cualquier cambio sobre el archivo original psd o ai, y de inmediato se veia reflejado en nuestro sitio o por el contrario, como guarda toda la información del vínculo con Illustrator, podíamos crecer o decrecer nuestro gif o jpg del logo y ¡no perdía calidad!, lo resampleaba.

He buscado esa cualidad en Dreamweaver CS3, ahora que ya es de Adobe, y no la hallo por ninguna parte. Será que algo tan genial se ha perdido en la nube de fusiones. Tengo entendido que reescribieron totalmente el código del Dreamweaver, era mucho pedir, que si ya iban a hacer ese trabajo, incluyeran esta característica.

Espero que en futuras versiones, no se olviden de los smart objects para Dreamweaver.



Mensajería instantánea portatil
22.Marzo.2008, 12:31 am
Archivado en: Recursos

Pidgin es una aplicación para poder mandar mensajes instantáneas a través de la red. Tiene soporte para que puedas platicar con usuarios de AOL, Yahoo. MSN, ICQ y Jabber.

Así es, solo bajan un ejecutable y lo pueden instalar en una pen drive (cucaracha, memoria USB o como gusten llamarlo). Así, si no los dejan instalar mensajeros en su trabajo, pueden contar con este para aquellos momentos muertos, como los 10 largos minutos antes de salir que son demasiado cortos (¿ven la ironía?), para comenzar una nueva tarea.

¿Están de moda las aves como logo?