Cómo hacer un lanzamiento exitoso
Diego F. González una de las mentes más ocupadas e innovadoras de la blogosfera hispana se cuestiona su propio exito a propósito de 11Feeds
En fin, a que voy con todo esto… Por que un script de 100 lineas de código escritas por mi, y que no es nada revolucionario hizo tanto ruido? Tan poco acostumbrados estamos a lanzamientos hechos por nosotros que cualquier cosa esta buena para que festejemos por un lanzamiento?
Yo tengo algunas ideas de qué se necesita para que un lanzamiento sea exitoso y en base a observaciones, algunos lanzamientos fallidos y uno en particular exitoso me he atrevido a realizar esta lista:
1.- Lanza ya. Ahora. Si hay una cosa de la estoy bien seguro es de que, como dicen, las ideas flotan. Si en este momento se te está ocurriendo una idea que va a cambiar para siempre las internets lo más probable es que a alguien del otro lado del mundo se le está ocurriendo exactamente lo mismo. Arma algo rápidamente, ya sea una prueba del concepto, unas pantallas o un video y apresurate a lanzar un producto usable lo más rápido posible.
2.- Asegúrate de tener buen timing. En esto tiene mucho que ver la suerte pero es bueno que lo sepas: si lanzas tu nuevo clon de del.icio.us el mismo dia que Google anuncia su compra de Apple, absolutamente nadie te va a tomar en cuenta. Como precaución asegurate de que el dia que lances no esté próximo a un keynote de Steve Jobs o Bill Gates y está atento a los rumores del tipo Se espera beta de Firefox 2 para el proximo miércoles
para que ese miércoles no lances absolutamente nada.
Por otra parte, fijate en tus estadísticas cuales son los días y las horas de mayor tráfico en tu web y procura publicar tu post de lanzamiento cuando haya más gente que lo pueda ver. En mi caso, por ejemplo, la mejor hora es de martes a viernes y alrededor del medio día. ¿Que por qué lancé 2md un sabado en la madrugada? para demostrar que era una mala idea :P. Ustedes no vayan a hacerlo.
3.- Define a tu público objetivo y lanza para ellos. Si quieres darle mayor difusión a lo que sea que estés liberando, tienes que hacerlo primero en inglés. De ésta manera es mucho más fácil llegar a Digg, del.icio.us/popular y quien sabe, quizá hasta Slashdot. Habiendo logrado esto, pasar a meneame y propagarse en la blogosfera hispana es mucho más fácil.
Si, por alguna razón, decides enfocarte solamente al mercado hispano es completamente necesario que te asegures de ser enlazado por al menos dos de los primeros 10 lugares de este top. Triunfar en la blogosfera hispana sin pasar por ese filtro es prácticamente imposible. Si estás en ese Top 10 (que no lo creo, pues no estarías leyendo esto) entonces tienes las cosas mucho más faciles.
Recuerda que es relativamente fácil servir una página de acuerdo al idioma del navegador en caso que no quieras descuidar ni a los angloparlantes ni a los hermanos latinos.
Cuando te enfoques en alguna tribú en especial, asegurate de complacerlos. Por ejemplo, si vas a lanzar algo para los estandardistas fíjate que tu código valide; si es para maqueros, que tu diseño sea minimalista; si es web 2.0, tienes que tener algo con Ajax o tags; si vas por los blogstars, adúlalos.
4.- Redacta una buena descripción. La descripción de lo-que-sea-que-estés-lanzando debe cumplir dos propósitos: convencer a tus lectores de que lo prueben y facilitarles la tarea de bloguear sobre ello. Cuando describas tu producto procura hacerlo en un sólo parrafo compuesto de dos o tres frases cuando mucho. Después puedes extenderte en explicaciones y en anecdotas pero es muy importante que tu lector sepa de que se trata sobre todo si es algo un tanto complicado de explicar.
Además ese único parrafo puede tener la posibilidad de convertirse en un meme y propagarse más facilmente a traves de la red. Por ejemplo, la mayoría de la gente que enlazó ZenGarage desde blogs en inglés no se detuvieron a tratar de explicar de qué se trataba y se limitaron a escribir el primer parrafo de la pagina oficial:
ZenGarage is a showcase tool that may help you to develop and present different visual styles for a single set of templates. All by the power of CSS.
Para más información sobre el tema corre y descarga éste ensayo: Viral Copy .
5.- Construye tu propio buzz. Empieza por añadir tu sitio a del.icio.us y etiquetarlo adecuadamente, si alguien más te agrega irás subiendo de ranking y más gente te verá. Los usuarios de marcadores sociales tenemos la legítima manía de agregar algo que nos gusta. Por eso es importante tener buen timing y asegurarte de que muchos te lean y te agreguen casi al mismo tiempo. Si 15 o 20 personas te marcan en un rango de tiempo corto (digamos 1 hora) es más probable que vayas directo a del.icio.us/popular que si 200 te agregan a lo largo de todo un mes.
Si estas dispuesto a llevar a cabo formas menos dignas de autobombo, puedes envíar tu noticia a Digg o Meneame y rogarle a cuanta gente sea posible, que voten por tí.
Tips de producción
Me he estado enfocando demasiado en diseño web ultimamente, así que hagamos una pausilla y hablemos algo tanto o más emocionante, hablemos de producción para impresión.
Muchos diseñadores creen que tener éste conocimiento no es importante — Al fín que no me voy a poner yo mismo a imprimír —. Y eso a la larga resulta que, por no pensar en la producción desde la mismísima primera etapa del diseño, las producciones se elevan de precio irrazonablemente o simplemente salen mal. Ademas, sobre todo para producciones pequeñas, manejar tu mismo puede ser un muy buen plus para tus clientes. Y si lo sabes hacer bien, puedes tener precios muy por debajo que algunas imprentas comerciales.
Se supone que esto es algo que debe ser enseñado en las universidades durante la carrera de Diseño Gráfico. Pero si tu universidad es como la mía, probablemente tengas que hacer como yo y aprender de la escuela de la vida.
Para que el diseño ése que acabas de hacer llegue a estar plasmado en papel con un bonito acabado y listo para entregar debe pasar primero por muchos procesos, que a grandes rasgos serían los siguientes:
El formato
En México al menos, el formato más comun es el tamaño carta que mide apróximadamente 21.5×28 cm. y del cual se derivan otros que vienen a ser fraccionarios (media carta, cuarto de carta,etc.) o múltiplos (doble carta o tabloide, cuatro cartas, etc.). Antes de elegír un formato, es muy importante considerar el papel y el medio en el que va a ser imprimeso buscando evitar en lo posible el gasto inutil de papel, ya que ésto termina por encareer el producto final.
Es muy importante ajustarse en la medida de lo posible a los formatos comunes y no inventar medidas nuevas sólamente porqué se vea cool y original.
El papel
Una proveedora de papel puede ser una gran fuerte de inspiración, la variedad de pesos, texturas y colores es tan grande que no hay porqué limitarse a los sutratos tradicionales (como bond, opalína y sulfatada) y si el presupuesto y el medio lo permiten, es posible ser creativos.
Viene por lo general en pliegos de diferentes tamaños, dependiendo del tipo, el fabricante y el peso. Siempre es bueno tener a la mano un muestrario de cartulinas y papeles donde específique las medidas de los pliegos, para que así puedas calcular cuantos formatos se pueden obtener de un pliego extendido y en caso necesario, ajustar tu formato para evitar desperdicios.
Una lista de precios, tambien es buena idea, por si en algun momento necesitas cotizar un trabajo. En la mayoría de las papeleras te regalan el corte si compras al mayoreo.
Original Electrónico (O mecánico)
En la antigüedad, los diseñadores preparaban algo llamado original mecánico, que no era más que las imágenes y el texto del diseño listos para ser fotografiados por un fotolito. Incluían las separaciones de tintas y las indicaciones de corte, doblado etc. y se entregaba montado sobre un soporte rígido.
Hoy en dia, los originales son algo bastante menos artesanal, ya que casi siempre serán archivos electrónicos que serán enviados al proceso de preprensa para que ésta le de salida en una filmadora para obtener un negativo o positivo o en casos mas modernos, directo a una lámina lista para comenzar a imprimir.
Dependiendo del buró de preprensa, será diferente el tipo de arhivo que se entrgará. Hace tiempo eran muy sangrones y solo recibían por ejemplo, archivos EPS que hubieran sido creados con una mac, pero hoy en día ante la competencia y el avance de la tecnología se han vuelto mas alivianados y ya hasta puedes mandar, si así quieres tu cdr directo de tu CorelDraw-PC sin casi ningún problema.
Junto con el archivo electrónico es conveniente anexar una orden de producción con las indicaciones (formato, lineaje de impresión, no. de separaciones etc.) y una impresión. Tambien deberás indicar si solicitas una prueba de color.
Lo mejor es preguntar al encargado de la pre-prensa cual es la mejor manera de preparar tu original electrónico. Ojo: No olvides incluír las fuentes, si no quieres sorpresas.
Esto es el conocimiento básico, no estámos descubriendo el hilo negro, pero si diseñamos pensando en la producción aseguraremos mejores costos y resultados superiores en menores tiempos de entrega. Un plus que, en un medio tan competido como el nuestro, nos puede dar valiosa ventaja sobre los miles de diseñadores nuevos que las escuelas patito escupen por año.
Retórica Visual
La utlización de figuras retóricas en el lenguaje es un recurso que se asocia con el arte de hablar bonito, mas que correctamente. Su principal función se encuentra en alterar la realidad, con la finalidad de convencer , atacando primeramente la percepción subjetiva del oyente antes que su raciocínio lógico.
Recursos retóricos como la metáfora, la hipérbole y la metonímia —por nombrar algunas — son sumamente utilizados en los slogans publicitarios y han logrado una gran identificación entre el publico, quien ha desarrollado la capacidad de filtrar y dicernir los mensajes que escucha.
Por eso, cuando escuchamos la campaña “Zucaritas hará un tigre de tí”, nadie cree realmente que comiendo zucaritas sufrirá una mutacion metazoomórfica y que una mañana despertará en cuatro patas buscando carne cruda, sino que sustituímos mentalmente la idea de tigre con vitalidad, velocidad, audacia, etc. y captamos el concepto rector de la campaña: “Zucaritas te proporciona energía”.
La escuela moderna del diseño gráfico, descendiente directa de las ideas propuestas por la Bauhaus establece que antes que la forma debe estar la función y la primera sirve a la última y no viceversa. Así mismo, dice que el diseño ni es arte ni es una expresión estética arbitraria sino una disciplina que tiene como fin estricto el resolver problemas de comunicación.
Aunque la manera de presentarse de este problema puede variar (en algunos casos se tratará de mostrar el funcionamiento de algun producto, en otros de esquematizar un texto, proveer de identidad a una empresa o simple y llanamente vender) es posible reducirlo a una generalidad: “Presentar un mensaje”
Es cierto que el diseño se apoya en la comunicología como se apoya en otras disciplinas como la mercadotecnia, la publicidad y la administración, por ejemplo. Sin embargo no somos comunicólogos sino diseñadores gráficos, por lo tanto nuestro trabajo es a nivel visual. Visualmente construímos puentes entre el mensaje y el espectador valiendonos tanto de herramientas objetivas (psicología del color, semiótica, estudio de la composición, etc.) y otras tantas subjetivas (talento, inspiración, intuición, por ejemplo) siendo nuestro objetivo final el haber transmitido eficientemente el mensaje que nos ocupaba.
A menudo uno opta por simplificar demasiado el famoso esquema de comunicación Emisor—>Mensaje—>Receptor donde todos los distractores al mensaje constituyen ruído. Entonces elíminamos todos los elementos superfluos de nuestra composición gráfica y sonreímos felices porque, libre de todo ruído, nuestra comunicación visual está siendo sumamente eficaz.
Pero algunas veces eso no es suficiente.
Una forma de enriquecer la comunicación en nuestros diseños desde un punto de vista un tanto menos formal es utilizar figuras retóricas de forma gráfica. La revista electrónica Razón y Palabra especializada en tópicos de comunicación publicó un excelente artículo sobre la retórica aplicada al diseño gráfico mediante un analisis de la obra del controvertido y transgresor diseñador David Carson. Vale muchisimo la pena leerlo,releerlo y analizarlo.
Si se quedan tan interesados como yo, aqui hay un diccionario sobre terminos relacionados con la retórica y aca mas ejemplos de aplicaciones
La Pagina Oficial de Univer
En la universidad Univer imparten licenciaturas en Diseño Gráfico y en Informática, pero si es cierto aquello de que “El buen juez por su casa empieza” entonces queda de manifiesto, por su pagina oficial, que la Univer no tiene idea de ninguno de estos dos conceptos. ¿Cree Ud. que soy demasiado rigoroso? mirela usted mismo y acmpañeme en este viaje cómico-mágico-musical.
Regularmente intento evitar criticar directamente el diseño que alguien más hizo, pero dado que, soy alumno inscrito (hasta antes de escribir esto, al menos) de esta institución me siento con algo de derecho de señalar los errores que encontré en su (¿nuestro?) sitio, y ue ademas que no son pocos.
La primera impresión es lo que cuenta
De entrada esa impresión es terrible, nos recibe un contador de visitas cortesía de miarroba adornando una página cuyo título “default” simplemente no pudo ser menos util y descriptívo . Ademas del contador hay una enorme (3.06 MB) animación hecha en flash que debemos esperar a que se descargue. ¿Cuanto tardará en descargarse esta animación en una conexión telefónica? creo que la respuesta facil es: una eternidad.
Ya todos conocemos las desventajas del flash que publicó el gurú de la usabilidad Jakob Nielsen en su famosísimo AlertBox (Flash: 99% Bad. ) Aunque yo no soy precisamente un detractor de Flash si soy de los que creo que una aplicación de este tipo que esté bien diseñada debe justificar por si misma su uso, tener un tamaño razonable para ser descargado por su público objetivo y al menos tener una rutina inicial donde se informe al usuario cuanto de la aplicación ha sido descargada y cuanto resta (los famosos preloaders).
Ademas de su utilidad obvia esta tambien puede ser una oportunidad de oro para ir interesando al usuario mediante un adelanto de lo que va a encontrar en el sitio. Univer no tiene nada de eso, de hecho no habrá nada que te indique si llegaste a la página adecuada hasta que no se hayan terminado de bajar los 3 megas. Probablemente la mayoría de los visitantes se vayan antes de que eso suceda.
Por fín se ha descargado la animación ( ¡aleluya! )
3.141 kb despues por fin tenemos frente a nosotros la maravillosa animación y nos damos cuenta qué es lo que la hace pesar tanto (no creo que de esas fotos y eso gráficos pixeleados sean más de 50kb). Un par de locutores tuvieron la amabilidad de grabar para nosotros un infomercial de minuto y medio donde nos dicen un resumen convenientemente rápido y consiso de la historia, desempeño y filosofía de la institución. Quiero pensar que lo hicieron con la mejor voluntad del mundo, para aquellas personas con discapacidad visual que pudiesen entrar al sitio y se perdiesen de leer los contenidos.
Las fotos se desplazan una y otra vez de lado a lado y el logotipo aparece dando vueltas desde la izquierda. Parece que alguien olvido poner ese mágico comando de flash stop()que hace que la animación se detenga en un determinado frame hasta nuevo aviso.
Ahora viene algo crucial… ¿Cuanto te tardas en encontrar el control que te permitirá avanzar y llegar a lo que veniste buscando? ¡Exacto! Un boton clickeable aparece cada cierto tiempo ahí abajo, justo encima de donde dice haga click aqui con una letra pequeñitita. Pero no debes pensartela mucho ya que solo se queda ahí tres segundos. Así que a darle click y sigamos adelante.
Se pone mejor cada vez
La verdad es que yo en un principio esperaba de todo corazón que la mentada animación no fiera mas que un splash de bienvenida, pero oh sorpresa! toda la página esta construída así. y terriblemente mal diseñada.
Sería un desperdicio de mi energía y de su precioso tiempo, mis queridos tres lectores si me pusiera a nombrar todas las transgresiones a los más básicos principios del diseño de interacción que se presentan en la página pero si despertó usted con un animo curioso las puede ver usted mismo yo solo voy a comentar un par de ejemplos más.
Si seguimos el enlace del primer menú que se nos presenta “QUE ES UNIVER” nos llevará a una pantalla que parece creada en Power Point. LO que queda bien claro es que el diseñador de ésta página sabe bien usar el “bevel” de Photoshop y que encontró la manera de hacer un título hecho en Wordart que está dando vueltas como poseído ahí arriba cual si se regodeara diciendo “A ver Google… ¿muy fregón? ¡indexa esto si puedes!”. Lo que no queda claro a la primera es por qué diablos en el menu de la derecha en lugar de dar click en el texto del enlace, tenemos que hacerlo en ese simpático guion que se pone amarillo y es tan dificil de atinarle. Pero debemos apuntar la buena puntada del diseñador, el botón de siguiente es un tierno perrito que ladra y todo (y todos decimos — aaahhhhhhhhhh —)
El recuento de los daños
veamos,
- No tiene título
- Esta integramente construída en flash con todas las desventajas que esto ímplica y sin ninguna de sus virtudes.
- Es terriblemente pesado no tiene preloader
- El diseño no es consistente
- La navegación no es consistente
- Movimiento excesivo e innecesario. Distrae la atención de lo que es importante.
- Carece aun del más efìmero instinto de Accessibilidad o Usabilidad
- Actualizarla debe ser terriblemente dificil.
- La información no se puede imprimir
y estoy seguro que ustedes podrán encontrar aún más.
¿Pero que no hay una academia de diseño?
Si estuvieramos hablando de la página personal de algun estudiante de agronomía —por citar algun ejemplo— mi crítica sería cruel y sin sentido. Pero estamos hablando de mi universidad, que me está preparando a mi y a otros cientos de jovenes para ser los diseñadores gráficos que construíran — visualmente, al menos— el México de mañana. Este compilado de errores parece el típico caso de la empresa que se quiere ahorrar unos pesos y encarga algo tan importante como su sitio corporativo al sobrinito que “le halla a las computadoras”. Teniendo una academia de diseño llena de profesores capacitados —cof, cof!— al menos uno pudo haberlos asesorad. La verdad ni siquiera había que reinventar la rueda. Las demas universidades importantes de Guadalajara (privadas y públicas) tienen paginas al menos, dignas. Iteso, UDG, UAG, UNIVA
Así que he escrito está reseña con el mejor animo posible y si quieren, poniendome a las ordenes del Señor Rector o de quien sea responsable para ayudar a crear un sitio digno, a la altura que mi universidad merece.
Semiótica para Dummies
Bueno antes que nada dejenme decir que el principal dummy aqui soy yo, y esto más que un artìculo formal, es una maraña de ideas generadas a partir de mis esfuerzos por entender esa a veces oscura ciencia de la semiótica (¿o semiología ?) y por tratar de aplicarla al campo del diseño. Pero ahora si, sin tanto rollo y al grano ¿Para que rayos a mi como diseñador, me sirve la @$# semiótica?
Semi… ¿que?
Empezaremos definiendo etimológicamente la palabra Semiótica
deriva de la raíz griega semeîon* (signo) y *sema (señal)
osea que, en terminos generales la semiótica se encarga de estudiar los signos (sean estos lingüisticos, visuales,naturales etc.) y la manera en que son percibidos. Tomando en cuenta que gran parte de nuestra labor como diseñadores (sino es que toda) es comunicar mediante códigos visuales, es fundamental tener el máximo control posible sobre cómo va a ser interpretado nuestro diseño… ustedes saben, para evitar malentendidos.
Significante y Significado
Un signo se compone de dos partes: El significante y el significado.
El significante es el estímulo. Generalmente la parte mas concreta , visual y/o palpable del signo (p. ej. una palabra, un caracter, una seña, un dibujo,…etc.)
El significado es el concepto abstrácto que se le atribuye o relaciona con un significante. (p.ej. Está ud. parado con una inminente urgencia frente a dos puertas que parecen ser iguales, diferenciadas solo por unos discos, uno con un monito de pantalon y en el otro una monita de falda. Tu mente sabe automaticamente cual es el que te corresponde, es decir le atribuye un significado a cada uno de esos significantes. Ahora adelante… haga lo que tenga que hacer y que todo salga bien)
Monosemia y Polisemia.
En un mismo signo el significante puede corresponder a uno (monosemia) o a varios significantesa la vez (polisemia). Cuando un signo es polisémico el significado que se le aplique en cada caso dependerá del contexto en que es contemplado. El entono cultural, el nivel educativo, la epoca.. etc. son todos factores importantes que influyen en la manera que X persona percibira el signo.
Un ejemplo clásico de el significado de un signo afectado por un suceso histórico es el de la swastica o “Cruz Gamada” que por más que desde tiempos inmemoriales haya significado prosperidad, bienestar y buena fortuna, hoy en día siendo el indiscutible simbolo de Hitler y el Nazismo y su significado ha pasado a ser el de genocidio, odio y muerte.
Y en lo que respecta al entorno educativo-cultural tiene que ver con el por qué el Sr. Alfonso que vive en México D.F. sabe que no se le puede poner a su nueva tienda de productos textiles el nombre de “Telas Poncho”. ;)
Todo es un signo
Desde un punto de vista más filosófico todo lo que nos rodea, incluso nosotros mismos, será considerado un signo.
Aún los objetos más cotidianos tienen una determinada carga semántica. Hay que ver lo que para un usuario de PC y para uno de Mac significa la maquina esa frente a la cual se sienta cada dia a trabajar. O el sentimiento que provoca esa bandera de las estrellas y franjas rojas y azules en un marine estadounidense y lo que le hace sentir a un niño afgano.
Para no ir tan lejos, mi mamá dice que esa figurita de plastico que tengo en mi cuarto es horrible y que debería tirarla a la basura. Mientras que o digo que es Santo el enmascarado de plata… y es un ícono de la cultura popular mexicana.
¿Si me entiendes o no me explico?
Pdríamos dividir la comunicación en dos tipos la verbal y la visual. Aun cuando nos estémos comunicando por códigos exclusivamente visuales, ya sean estos imagenes, señales, íconos etc. el mensaje será decodificado en términos lingüisticos: frases o enunciados que pueden ser textos literales o metáforas.
Asi en el ejemplo de los baños el disco con la imágen de la monita se puede interpretar como “Baño de Damas” o “Solo mujeres”
Cuando diseñamos lo que hacemos es traducir un determinado enunciado (verso sin esfuerzo) a un lenguaje de signos.
P.ej. Necesitas realizar un flyer para la campaña de lanzamiento de la nueva Coca-Cola sabor Cookies&Cream y te dicen que el concepto de la campaña es “Apuesto que eres lo bastante curioso para probar este refresco, aunque de antemano sabes que va a saber a rayos… bien, ¡pues hazlo!!” y debes representar ese concepto visualmente por medio de imagenes/fotos/ilustraciones … el mensaje debe ser claro y directo… pero sutil, casi subliminal. Todo esto mientras te aseguras de respetar los valores de la marca. ¿Dificil? ¡naaaaa! Ok, ok lo acepto este fue un ejemplo n poco exagerado… pero esa es la idea.
Finalmente ( Si pues ¿pero pa que me servía?)
Idealmente, con la semiótica el emisor es capaz de controlar exáctamente la manera en que su mensaje será percibido. Ya que conoce a su publico objetivo en todos los aspectos desde el nivel socio-económico y su entorno cultural-educativo hasta sus gustos y aficiones.
En estos tiempos en que cualquer hijo de vecino armado con una copia pirata de Corel DRAW se pone a hacer logotipos o que salen cosas como esta es importante revalorizar nuestro trabajo, porque no vamos a impresionar a nadie sólo con nuestro titulo (Yo todavia no tengo ni siquiera eso :( ) y ya no es suficiente un bonito portafolio, sino resultados. El conocimiento de la ciencia de la semiótica puede ser un buen comienzo en el camino de lograr mejores resultados.
Pero como dije, esta es sólo mi apreciación… los comentarios y sugerencias, (qué si quitale, que si ponle…) son bien recibidas.