google analytics

29.12.11

Anatomía de una página web perfecta

Al realizar una página web, su diseñador y/o creador debe tener en cuenta múltiples factores. Desde un diseño atractivo hasta el tipo de contenido que compartirá con sus lectores pasando por considerar factores tan importantes como la usabilidad, el SEO y su seguimiento e integración en la redes sociales. Pero, ¿cómo debe uno estructurar todos estos conceptos?

En la siguiente infografía podrás ver un estudio realizado por ROI Media sobre cómo debería ser la composición de una página web perfecta.


Visto en El Guisante.

28.12.11

San Serriffe, el país en el que todos creyeron

En 1977, El diario Inglés The Guardian, publicó un artículo a siete páginas sobre un paradisíaco país llamado San Serriffe.

Este exótico país lo formaban dos islas en el Océano Indico, entre la India y el continente africano, como se puede apreciar en el mapa.

http://strangemaps.files.wordpress.com/2008/10/sanseriffe2.jpg

Muchas personas llamaron al periódico para saber más sobre estas islas, incluso como podían llegar a ellas para pasar sus vacaciones.

Lo que muy poco descubrieron es que se trataba de una broma en el día de los Inocentes, conocido como "April Fool's Day", que es el 1º de Abril en el país anglosajón, y no un día como hoy, 28 de Diciembre, como en Argentina.

Actualmente los tipos de letras son algo habitual con el auge de los computadoras, sin embargo en aquella época, la tipografía era un mundo exclusivo de las imprentas.

Por este motivo, nadie descubrió que San Serriffe, no era más que un juego de palabra de San Serif, un tipo de letra, y que la forma de las isla, no era otra cosa que un punto y una coma.

La isla superior se llamaba Upper Caisse (letra mayúscula) y la inferior Lowerr Caisse (letra minúscula), la capital se llamaba Bodoni (Bodoni es el nombre dado a una serie de tipos de letra serif primero diseñado por Giambattista Bodoni (1740-1813) en 1798. El tipo de letra que está clasificada como Dido moderna.)y el dictador que las gobernaba "General Pica" (Pica es una unidad de medida tipográfica), una de las islas tenía un promontorio llamado Thirty Point (Punto treinta, el punto es una unidad de medida de las letras).
Según el diario, fue descubierta en 1421 por unos aventureros, entre 1432 y 1439 fue colonizada por los españoles y los portugueses, en 1659 se anexionó a Inglaterra, en 1967 se independiza, y en 1997 tiene sus primeras elecciones generales.
En 1999, The Guardian vuelve a publicar un artículo sobre estas islas, continuando con su broma, en donde cuenta una breve historia del país.
En el 2007, Wikitravel publica un artículo completo en el que dice que estas islas han "sido olvidadas por los viajeros".

En este mismo sitio, ponen la bandera y una fotografía supuestamente de una playa, en la que se pueden ver algunas viviendas.


Image:PulauUbin Kampong Beach.JPG

En San Serriffe se hablan 5 idiomas y es un conglomerado de religiones y culturas.
Tiene su propio mapa en el que viene recogido los restaurantes más importantes.

Por cierto, también cuenta con un aeropuerto internacional y una buena infraestructura de carreteras.


Image:SanSerriffeMap.png

Al final todo se trata de una muy buena broma, en la que incluso estuvieron metidas apoyándola, grandes empresas como Kodak, y no piensen que toda la historia es obra de una sola persona, todo lo contrario, entraron en juego publicistas, diseñadores, historiadores, etc...

Publicación de San Serriffe en el diario







Publicidades de San Serriffe de grandes empresas





Mas info acá.



25.12.11

10 principios del buen diseño

Según Dieter Rams*

Todo buen diseño:
  • Es innovador
Rams establece claramente que es improbable el agotar que las posibilidades de innovación en el diseño debido a que el desarrollo tecnológico continuamente ofrece nuevas oportunidades para el innovar cada diseño. Otra característica del diseño innovador es que continuamente se desarrolla a la par con nuevas tecnologías por lo tanto carece de limitantes inherentes.

  • Provee de utilidad a cada producto
El objetivo primordial de un producto es su utilidad. Su diseño es primordialmente práctico y de manera secundaria tiene que satisfacer ciertos criterios de carácter psicológico y estético. Un buen diseño le da prioridad a la utilidad de un producto tomando en cuenta de manera estrictamente secundaria sus aspectos psicológicos y estéticos pero evita todas aquellas características que podrían disminuir la utilidad del producto.

  • Es estético
El diseño bien ejecutado no carece de belleza. La calidad estética de un producto forma parte integral de su utilidad ya que los productos utilizados cotidianamente tienden a tener un efecto indirecto en las personas y su bienestar.

  • Hace un producto comprensible
Un buen diseño simplifica la estructura del producto y lo predispone a expresar claramente su función mediante la intuición del usuario. Idealmente su propósito será intuitivo para todo usuario.

  • Es discreto
Todo producto y su diseño debe de ser simultáneamente neutro y sobrio. Su sobriedad y neutralidad tienen como objetivo el proveer un espacio de expresión para el usuario. Todo producto bien diseñado cumple un propósito semejante a aquel de toda herramienta y por lo tanto un buen diseño no confunde la identidad de sus productos con objetos de decoración ni con obras de arte. Un producto correctamente ejecutado es una herramienta estéticamente atractiva que carece de una identidad ilógicamente indefinida.

  • Es honesto
Un diseño honesto nunca intenta falsificar el auténtico valor e innovación del producto dado. Asimismo, un diseño verdaderamente honesto nunca trata de manipular al consumidor mediante promesas de una utilidad apócrifa, inexistente o más allá de la realidad física del producto.

  • Tiene un valor anacrónicamente duradero
Toda moda es inherentemente pasajera y subjetiva. La correcta ejecución del buen diseño da como resultado productos inherentemente objetivos y anacrónicamente útiles. Estas cualidades se ven reflejadas cuando los usuarios tienen la tendencia de atesorar y favorecer aquellos productos bien diseñados incluso en aquellas sociedades cuyas tendencias de consumo claramente favorecen productos desechables.

  • Concibe exhaustivamente hasta el último detalle
Dieter Rams establece esta regla de manera absoluta: Un buen diseño nunca deja nada al azar dado que el cuidado y la exhaustiva precisión de cada detalle expresa el respeto de los diseñadores para con sus consumidores. Cada error es una falta de respeto.

  • Respeta el medio ambiente
Un buen diseño debe de contribuir significativamente a la preservación del medio ambiente mediante la conservación de los recursos y la minimización de la contaminación física y visual durante el ciclo de vida del producto.

  • Es diseño en su absoluta mínima expresión
Dieter Rams subraya la distinción entre el coloquialmente regurgitado paradigma en diseño:"Menos es más" y en su lugar recomienda su propio paradigma: "Menos, pero con mejor ejecución", destacando el hecho de que este enfoque fomenta los aspectos fundamentales de cada producto y por lo tanto evita lastrarlos torpemente con todo aquello que no es esencial. El resultado ideal es productos de mayor pureza y simplicidad.



* Rams fue una figura clave en el renacimiento del diseño Funcionalista alemán (la Gute form) de finales de la década de 1950s y 1960s. Cuando se convierte eventualmente en el jefe del equipo de diseño de la Braun, Rams influyó enormemente en la dirección estilística de la marca, llevándola a un Racionalismo que pronto caracterizaría los productos y la identidad de la compañía.

Rams explica su visión y aproximación al diseño mediante su famoso paradigma expresado por la frase en alemán: "Weniger, aber besser" que interpretada al español equivaldria a la frase "Menos, pero con mejor ejecucion".
Rams y su equipo diseñaron muchos productos memorables de Braun, incluyendo el famoso grabador-reproductor SK-4 y el proyector de diapositivas 35mm de alta calidad D45, D46. Rams también es celebre por el diseño del Sistema de Estanterías Universal 606, para Vitsœ en 1960. Muchos de sus diseños (Elegantes cafeteras, calculadoras, radios, equipamiento audiovisual, electrodomésticos de consumo, y productos de oficina) han encontrado un sitio permanente en varios museos del mundo, incluyendo el MoMA de Nueva York. Dieter Rams ha prestado servicios para Braun A.G. durante más de 30 años hasta su retiro en 1998. Los principios establecidos por Dieter Rams han tenido una gran influencia sobre numerosos diseñadores pero muy pocos respetan todos y cada uno de sus diez principios fundamentales del diseño.

23.12.11

Proceso creativo paso a paso

Espacio en blanco


Idear

 Recopilación de información

Investigar

Lluvia de ideas

Plasmar visualmente

La idea perdura

20.12.11

Aprende a diseñar (un poco) en 13 minutos

Los cambios..


Sin duda uno de los grandes males de cabeza de todo diseñador gráfico son los cambios y más cambios realizados por los clientes, muchas veces sin criterio ni un objetivo claro, dando bandazos de un lado a otro, pensando que los diseñadores no tenemos nada mejor que hacer que perder el tiempo con sus sandeces, claro está, sin incrementar ni un peso la factura por el trabajo.

A veces, la culpa es nuestra, que aceptamos quizás por costumbre, quizás por miedo a perder al cliente, todos esos cambios sin decirle al cliente que todo eso supone unas horas extra de trabajo y que por tanto eso hará que la factura no tenga el mismo importe.
Por contra, también el diseño gráfico que nosotros entendemos por el “FUNCIONA o NO FUNCIONA”, el cliente muchas veces lo entiende con un “ME GUSTA o NO ME GUSTA” y cuando entramos en el mundo de los gustos, jodidos estamos...

Todo trabajo es mejorable y que hay veces que un cambio puede ayudar a mejorar el resultado final, pero en muchas ocasiones, por no decir la mayoría, los cambios de los clientes no van encaminados a mejorar el resultado, sino  simplemente van encaminados a probar y probar, y esa no es una manera lógica de trabajar ni diseñar una imagen de marca, una linea de aplicaciones, etc. y la prueba es decirle al cliente cuando pida un cambio, que no hay problema, que en un ratito le envías un presupuesto de lo que pide y en un 80% de los casos como mínimo, verás que al final no hace falta hacer los cambios y que lo que antes no acababa de ajustarse a las necesidades del cliente pasa a ser perfecto y justamente lo que el cliente quería.

Visto en quintatinta.

10.12.11

¿Cuánto vale un logotipo? Consideraciones sobre marcas y posicionamiento


Dada la globalización, la gran cantidad de información=infoxicación y la publicidad nuestros clientes disponen de DEMASIADAS opciones de compra (o de contratación de servicios).
Es por ello que las marcas se han convertido en mucho más que simples recursos para distinguir productos: se han convertido en avales e indicadores de calidad, de valor, de fiabilidad y de origen.
Hoy, las marcas, más que diferenciar un producto le dan una identidad que permita al cliente decidirse rápidamente entre las diferentes opciones de compra. Esta percepción del cliente se basa en reacciones emocionales, en beneficios intangibles que NO se dan a nivel consciente o racional.
Muchas de estas asociaciones se crean a través de imágenes subjetivo-publicitarias y no solo mediante la asociación de la marca con pasadas experiencias de uso de ese producto. (Especialmente si no han existido).
INVERTIR para fortalecer sus marcas comerciales puede resultar un buen negocio para las empresas, ya que sus productos o servicios pueden cambiar o hacerse obsoletos, mientras que las marcas mantienen los beneficios intangibles que el comprador cree que recibirá a través de los nuevos productos.
Por eso existe la marca además del producto.

Consideraciones a tener en cuenta

El mensaje de posicionamiento (o REposicionamiento=¿ya hemos cometido un error?) va a ser más claro, preciso y eficaz si es respetuoso con estas leyes básicas, que desde la empresa al diseñador deben quedar siempre presentes:
(de mayor a menor importancia):

1. Lo básico

Tener una buen nombre e imagen, que vaya de acuerdo a los valores que se desean expresar y que quede reflejado tanto en los colores, el imagotipo y la tipografía.

2. Único y diferente

El atributo con diferencia más importante y sin duda EL MÁS DESCUIDADO:
hacer nuestra imagen de marca sin tener en cuenta la de la competencia.
Si nuestro logotipo no es MUY diferente/ciable o si es similar a otro, ganará la marca que destine más presupuesto de publicidad. Y eso no es lo peor, sino que incluso con nuestra publicidad puede que hagamos un favor a la competencia, ya que es posible que el cliente relacione nuestros mensajes con LA OTRA marca.
Es por eso que los colores son tan importantes para las grandes marcas, (y por ende para nosotros también), ya que generalmente los colores es lo primero que se recuerda de sus características de marca, (y muchas veces lo único que se ve o percibe).

3. Simple, fácil de escribir y de describir

Si el logotipo es simple se mejorará su pregnancia.
Los diseños sencillos son fáciles de entender, más reconocibles y más memorables.

4. Práctico

Debe de ser lo suficientemente flexible para ser utilizado (ahora y en un posible futuro) en todo tipo de medios, desde televisión e Internet hasta en los uniformes de los trabajadores de la empresa.
Si además se amolda a los hipotéticos (y posibles) microcambios (o MEGAcambios en el caso de Internet) de los objetivos empresariales, mejor que mejor.

5. Perdurable

Cuanto menos necesite cambiarse (rediseño) mejor, las buenas marcas son siempre longevas. De esta forma acumulamos toda la INVERSIÓN empleada con el paso de los años en publicitar la marca, sin perderla de repente por un lavado de imagen desfasado. 

9.12.11

Negro enriquecido

Uno de los problemas más frecuentes que suelen enfrentar los diseñadores que trabajan para impresión es el de hacer sus negros más vivos.

http://www.tutordigital.net/wp-content/uploads/2010/01/Monitorblack.jpg

Si has sido desepcionado después de ver la tinta negra en un producto después de salir de la imprenta, has sido testigo de un problema común en cuanto a la manera de preparar la tinta negra para la impresión.

Si tienes un area grande de tinta negra en un diseño que ha sido puesto a 100% K (negro) va a salir más como un gris obscuro y no como el negro profundo que vemos en el monitor (en HTML, #000000).

Color negro enriquecido


En el monitor solo hay una manera de representar el negro. Cuando no hay luz que sale del monitor, está negro (0% Rojo 0% Verde 0% Azul). Pero en la impresión hay muchas maneras diferentes de representar el negro.
En la mayor parte de programas orientados hacia una imprenta tradicional en CMYK, el color negro por defecto es el llamado negro puro (o también negro sólido o negro macizo). El color negro puro está compuesto de un 100% de tinta negra (expresado como 100% K), y un 0% del resto de tintas (es decir, 0% de CMY).


Sin embargo, si escogemos el código de color HTML #000000 en un selector de color, estaremos utilizando un negro enriquecido (al que también se puede llamar negro obsidiana, negro denso e incluso supernegro). En realidad, el negro enriquecido es una combinación de los siguientes porcentajes de tinta:
  • Cian (C): 86%
  • Magenta (M): 85%
  • Amarillo (Y): 79%
  • Negro (K): 100%


O al menos, esos son los valores del negro enriquecido en Adobe Illustrator. Sin embargo, los porcentajes de tinta CMYK pueden variar según como cada programa define el negro enriquecido.


Pero para conseguir un negro más profundo, enriquecido o más obscuro como vemos en el monitor hay varias combinaciones y la manera habitual de lograrlo es añadirle tinta en alguno de los otros colores de proceso: cian, magenta y amarillo.

CMYK inks

Existe un amplio debate a este respecto sobre que porcentajes de que tintas son los más adecuados, el uso de tintas negras especialmente enriquecidas, etc…

Lo más recomendable es preguntar primero al impresor. Éste es quien mejor conoce sus máquinas, superficies de impresión y mezcla idónea de las tintas, y orientará correctamente para conseguir negros más intensos.
El preguntar siempre por la tolerancia de impresión y la ganancia de punto hará que podamos ajustar el negro para el archivo de salida.
En todo caso, cuando no sea posible consultar al impresor por el motivo que sea, lo mejor que usar un velo de cian de entre el 30% y 60%. Con esto debe bastar prácticamente para cualquier trabajo de impresión.


Utilizando el sistema de impresión offset podemos crear una gran gama de negros utilizando diferentes configuraciones y porcentajes en cada uno de los canales.
El problema con todas las combinaciónes es que se ven igual en el monitor. Son representadas en RGB (Rojo, Verde y Azul), pero en la impresión se ve la diferencia.

La única regla general es no excederse de un máximo de densidad combinada de 280% de tinta si sumas el CMYK. Cualquier cosa por arriba de eso se convertirá, básicamente, en "lodo" y nunca se secará o lucirá bien.
Si saturas el negro con 100% en los 4 canales tendras probablemente problemas de repinte o secado, encima que el impresor tendra que regular la tinta y no se vera el color muy pleno en el caso de los negros.

Además del trabajo del diseñador, esta el trabajo de la imprenta, en las máquinas se puede regular la cantida de tinta que dan al trabajo, si le das un porcentaje demasiado alto lo que conseguiras es que el maquinista utilice menos tinta para evitar repintados y bajaras la intensidad de tono donde no tienes negro, si usas valores más bajos, se podra promediar la cantidad de tinta y en todo caso darle más tinta al negro para aumentar la intensidad, salvando el resto de los colores.

Todo esto teniendo en cuenta también que todos los papeles tienen un porcentaje de absorción, alcalinidad del agua, factores de humedad, etc. Todo esto influyen en el proceso de impresión.

Hay que tener en cuenta que la tinta negra es negra, no necesita de otros colores para ser un color más negro aun, el negro enriquecido se usa por que las masas grandes de tinta requieren de más densidad de tinta, lo que hace que se tenga que subir la cantidad de tinta que entrega la máquina al papel, lo que hace que, por un lado en el resto del trabajo donde hay negro sale saturado y que se pueda repintar por exceso de tinta, salgan secas, motas, acumulación de polvos... en definitiva errores de impresión.

Para evitar eso se añade una cama de otro color, (normalmente cian o magenta) en un porcentaje bajo, para no tener que saturar tanto la maquina de negro, si en lugar de usar un porcentaje bajo usas uno alto, en lugar de evitar el repintado lo provocas y en lugar de saturar el tono de negro obligas a bajar la tonalidad de todo el trabajo.


Digital Color Printer


Entonces para repasar, en impresión, si hay un área negra en tu diseño es recomendable que uses un “negro rico” que representa imprimir un 100% de negro y alguna combinación con otro color detrás de ese negro para logar un color negro más denso y rico que solo 100% de negro.
Hay que estar pendiente de los porcentajes de CMYK cuando estás preparando un diseño para la imprenta si quieres un “negro enriquecido” y no ir más allá de los niveles recomendables.

Un “negro enriquecido” ayudará, además, a cubrir impurezas en el papel o la tinta como manchas, etc. Un buen y rico color negro puede lograrse utilizando un 100% de negro y, por ejemplo, 50-70% de otro color. El negro dominará a los otros colores. Existirá, también, una moderada insinuación del color impreso además del negro, cualquiera sea este. Por ejemplo, se insinuará un poco de azul si utilizamos cyan, o rojo si utilizamos magenta. No exceda un porcentaje total de densidad por sobre el 280%, ya que será imposible reproducirlo en la imprenta.

Las siguientes son las combinaciones más comúnes de Negro:
  • Negro Estándar 0C—0M—0Y—100K
  • Negro Rico 60C—40M—40Y—100K
  • Otro Negro Rico 30C—20M—20Y—100K
  • Negro “Frio” o “Azulado” 60C—0M—0Y—100K
  • Negro “Cálido” o “Rogizo” 0C—60M—30Y—100K
  • Negro “Brillante” o “Amarillento” 0C—0M—100Y—100K
  • Negro Neuto 50C—50M—50Y—100K
  • Negro para las marcas de registro 100C—100M—100Y—100K
  • Negro Máximo 80C—80M—80Y—100K (Nunca utilizar una carga de tinta superior a esta, ya que no hay ningún soporte que lo permita. Esta configuración sería apta sólo para estucados y estucados arte.)
  • Negro “diseñador” 70C—50M—30Y—100K

6.12.11

8 expresiones y clichés que nunca debes utilizar en tu web

Hay expresiones en el ámbito del marketing que, con solo verlas, ya te producen urticaria.
No dejan de ser expresiones vacías, jergas tan utilizadas y estandarizadas por los diferentes sectores del mercado que han perdido todo su significado.
Evitar este tipo de expresiones nos permitirán conectar mejor con nuestro público porque, básicamente, ellos solo quieren dos cosas: que les hables en su propio lenguaje y que les des pruebas de lo que dices.

Si cumples con estas dos premisas, te acercarás más a tu público y, lo mejor de todo, que eso se traducirá en un aumento de tus ventas (o descargas, o solicitudes de información).

1. “Somos una empresa líder”.
Si todas las empresas que se autocalifican como líderes lo fueran… ¿cuántos líderes habría de un mismo sector? En lugar de decir que eres una empresa líder,  muestra un gráfico con tus ventas y ofrece testimoniales de clientes que avalen el porqué compran tus productos. De este modo, no hace falta que te diga que soy el líder, porque tú mismo ya lo estás viendo. Y, si no lo eres, ¿qué más da? Tus clientes y ventas te avalan.

2. “Producto de última generación”.
¿Es que está hecho de kriptonita? ¿Acaso por replicantes de “Blade Runner”? Insisto: no me interesa una descripción técnica del producto, sino una lista de en qué cosas puede ayudarme en mi vida diaria. Si mi producto es el único que lleva kriptonita… ¡perfecto! En ese caso, lo menciono, pero indicando, además, que es el único que neutraliza a Superman y que, por tanto, tengo plena libertad para hacer el mal. Qué canalla.

3. “Empresa joven y dinámica”.
Poco tenemos que decir de esta expresión, todo un clásico en nuestro país. La han visto innumerables veces, ¿verdad? Es posible que tu empresa sea joven, pero si pones esto en tu web es que no tiene nada de dinámica. Amig@, ¡hay que reciclarse de una vez!

4. “Producto revolucionario”.
También tiene su miga. En cualquier caso, solo podemos hablar de un producto revolucionario cuando realmente es el primero y cambia los hábitos de comportamiento de la gente (algunos hablan de la “Revolución iPhone”, “Revolución iPad”, “Revolución Kinect”…). Si tu capacidad de revolucionar es tan limitada como la mía, entonces olvídate de este tipo de adjetivos. Cíñete a describir los beneficios que me vas a dar y que otros de la competencia no me dan y dejemos la revolución para el Robespierre de turno.

5. “Estamos en la vanguardia”.
¿Qué es estar en la vanguardia? ¿Estás fabricando la próxima estación espacial? Deja de mirarte el ombligo y de ser tan vanguardista y cuéntale a tus clientes lo que quieren oír: por qué necesitan tu producto y por qué no pueden vivir sin él. Entonces sí que estarás a la vanguardia del marketing.

6. “Flexible y escalable”.
Esta expresión merecería un capítulo aparte. Vuelvan a leerlo: fle-xi-ble y es-ca-la-ble.  ¿Son productos que se doblan hasta el extremo que quieras? ¿Están hechos todos por Lego y los vas colocando uno sobre otro?

Fíjense en esta descripción de una empresa tan real como la vida misma:

-Empresa X- ofrece una forma rápida, flexible y escalable de configurar la funcionalidad y las funciones de cualquier computadora con Windows para que cumpla con los requisitos de una organización.

-Producto X- también complementa, administra, extiende y con frecuencia reemplaza los objetos de las políticas de grupo (Group Policy Objects, GPO). Trabaja junto a las políticas existentes y ofrece funciones y capacidades que no ofrecen las GPO

¿Se han enterado de algo? A mí que me registren.

7. “Fácil de usar”.
¿Alguien dice que fabrica productos difíciles de usar? Si realmente es tan fácil de usar, muéstrame un vídeo de cómo funciona o indícame los 3 pasos (o los que sean) para que el artilugio en cuestión cambie mi vida por completo y me haga feliz de la muerte.

8. “Llave en mano”.
¿Y qué les parece esta? Básicamente, no tienes que hacer nada: túmbate en la hamaca del jardín de tu casa y, por arte de magia, tu negocio ya tiene integrado el producto o servicio que te ofrezco. Así, sin anestesia. ¿Te lo crees? ¿No es mejor ser más real y que me indiques claramente qué debo hacer y el tiempo que tardaría en hacerlo? Dejemos las llaves para las artes marciales…


Visto en elcopycanalla.

Don't try..