Informe de Estudio de Buenas Prácticas en Diseño
Transcripción
Informe de Estudio de Buenas Prácticas en Diseño
Informe de Estudio de Buenas Prácticas en Diseño Corporativo y Comunicación para el Sector Retail COVACO: Confederación de Comerciantes y Autónomos de la Comunidad Valenciana Informe de Estudio de Buenas Prácticas en Diseño Corporativo y Comunicación para el Sector Retail Cursiva: Texto del Manual impreso Georgia Negrita: fuentes de información empleadas en cada sección Arial Normal: Texto íntegro de algunas de las fuentes de información consultadas Introducción Vivimos en un mundo cada vez más global, dinámico y competitivo, con un cliente cada día más exigente y mejor informado, y con la mirada puesta en el progresivo avance de las nuevas tecnologías. En este entorno, diferenciarse de los demás, atraer y retener a los clientes, resulta cada día más difícil. El cliente es, hoy, el recurso más escaso de todos. Sin embargo, se tiende a creer que el marketing sólo lo necesitan las grandes empresas, o que solo está a su alcance, porque es complejo, costoso y muy poco rentable. Sin embargo, con curiosidad, ilusión, atrevimiento y decisión, es posible desarrollar acciones innovadoras, impactantes y eficaces, sin grandes presupuestos. En este Manual vamos a analizar las distintas herramientas que el comercio tiene a su alcance para trasladar al mercado y a los clientes lo que es y lo que hace: su personalidad, su alma y su propuesta de valor (¿qué podemos ofrecer mejor que nadie?). Las herramientas (soportes y acciones) de comunicación son como las herramientas de trabajo de un carpintero o de un fontanero. Todas ellas son útiles y necesarias. Ninguna es mejor que otra, ya que se complementan. Su idoneidad dependerá de lo que quieras conseguir con ella, de tu objetivo. El marketing, por tanto, es esa caja de herramientas que siempre debes tener a mano, y la comunicación y el diseño, un conpartimento de esa caja con muchas herramientas, entretenidas y fáciles de utilizar. Junto a estas herramientas de comunicación, analizaremos un aspecto de la comunicación comercial especialmente importante, porque está presente en todo momento. Es el diseño corporativo, que no es sino la representación visual de la identidad de cualquier comercio, y de sus propuestas. EL VALOR DE LA IMAGEN Desarrollar una imagen corporativa adecuada va más allá de atraer visualmente a los clientes, no es sólo una cuestión de estética. Es la única forma de representar gráficamente nuestra identidad y nuestra forma de trabajar, de trasladar al mercado lo que somos. Además es el vehículo más eficaz y seguro a nuestro alcance para generar una primera impresión favorable. Hay quien piensa que el hecho de tener un logotipo profesional, atractivo y original, no incide en las ventas, y por tanto no vale la pena contratar los servicios de un diseñador gráfico, o invertir tiempo en aprender a utilizar un software apropiado. Pero se equivoca... A través de una buena imagen corporativa y de su aplicación en la tienda y la comunicación, contribuimos a generar en el cliente una expectativa de compra positiva, de igual manera que un hombre bien vestido causa una buena impresión en las personas que le observan. Cuanto más favorable sea esa expectativa de compra, más predispuesto estará ese cliente a tener una buena experiencia de compra. Y una buena experiencia de compra, como tú bien sabes, hará que vuelva a tu comercio y que le hable a otros de ti. Por eso dedicaremos todo un capítulo al desarrollo de la imagen corporativa, tanto física (tarjetas de visita, logotipo, papelería, vehículos de empresa, catálogos, packaging) como virtual (web corporativa). "Lo importante no es lo que eres, sino lo que el cliente percibe que eres. Y para eso necesitas... ¡comunicarte con él!. Si no te comunicas, es como si no existieras para él. Verdad nº 1 Por muy innovador que sea tu negocio, por mucha calidad que tengan tus productos, por muy excelente que sea el servicio que prestas... si no lo das a conocer, ¡no existe! Verdad nº 3 Gracias a las nuevas tecnologías, el marketing está cada vez más al alcance de todos, y es más personal que nunca, lo cual se convierte en una oportunidad para los pequeños. Fuente: Elaboración propia Herramienta nº 1: La Imagen Corporativa La importancia del diseño A la hora de desarrollar (o actualizar) la imagen corporativa, lo más habitual y recomendable es acudir a los servicios de una empresa especializada. La imagen corporativa debe quedar plasmada en el denominado Manual de Identidad Corporativa, que recoge las instrucciones o normas de uso de la misma: los colores, medidas y usos correctos e incorrectos del logotipo, así como las distintas aplicaciones del diseño sobre papelería, packaging, rotulación, vestuario y vehículos de empresa, entre otros. Como puedes ver, la imagen corporativa de un comercio es mucho más que un simple logotipo, aunque éste es, sin duda, el elemento principal de la imagen. A la hora de rediseñar la imagen de tu comercio, debes hacerte varias preguntas: ¿Cómo son los productos que vendo? ¿Qué necesidades satisfacen mis productos? ¿Qué quiero lograr con mi imagen corporativa? ¿Atraer a un público más joven, diferenciarme de mis competidores, llamar la atención, trasmitir misterio, velocidad, energía, tradición, modernidad? ¿Quienes son mis competidores? ¿Qué imagen corporativa tienen? ¿En qué me diferencio de ellos? ¿Cuál es el rango de edad y sexo de mis principales clientes? ¿Cuáles son los adjetivos que mejor deberían describir a mi logotipo? ¿Agresividad? ¿Fuerza? ¿Sensualidad? ¿Qué mensaje o sensación deseo que mi logotipo deje en las personas que lo vean? ¿En qué soportes se usará mi logotipo (papelería, packaging, web, etc)? ¿De qué presupuesto dispongo? Una vez tengamos claras las respuestas, estaremos en condiciones de explicar nuestra necesidad al diseñador o agencia de comunicación. ¿Te has fijado en que el diseño está presente en todo cuanto te rodea? Electrodomésticos, automóviles, electrónica, droguería, deporte, ropa, alimentación... ¡TODO ES DISEÑO! Fuente: Elaboración Propia Recomendaciones a tener en cuenta en el diseño de la imagen corporativa (con pocos recursos): El logotipo no debería combinar más de dos o tres colores. Y nunca debe contener transparencias, degradados o efectos 3D. Siempre se deben utilizar colores PANTONE (códigos de color, son como las huellas dactilares de los colores). Cada color tiene un significado distinto, que tendrá que ser coherente con el mensaje que se desea trasmitir y con nuestros productos. No se deben emplear dorados ni plateados. Los logotipos con formas curvas trasmiten dinamismo, juventud, flexibilidad, sensualidad, mientras que los logotipos con líneas rectas trasmiten seriedad, rigidez, estabilidad, vigor y seguridad. El logotipo puede ser un símbolo gráfico, un texto o una combinación de ambos. ¿Sabias qué? El color de Coca - Cola llegó a hacerse tan famoso que reemplazó al color original del traje de Santa Claus, que no era rojo, sino verde. Su color es Pantone C 185. Un Pantone permite que se vea el mismo color, se imprima el logotipo en China, Moscú o New York. El llamativo color rojo de la marca, reconocido mundialmente, trasmite energía, fuerza y euforía. Coherente ¿verdad? ………………………………………………………………………………………………… Fuente: Elaboración propia. Fndamentos del diseño. Wucius Wong. Ed. Gustavo Pili. 2001 www.newsartesvisuales.com Fuente de la Imagen de logotipos: Páginas web empresas valencianas (Vinoh, Peter & Murray, Xocoa, etc). ………………………………………………………………………………………………… http://www.macoteca.com Algunos logotipos de calidad: Basta ver algunos de estos logos para saber a qué se dedica la empresa, los colores y formas concuerdan con la actividad, tienen “personalidad”, son fácilmente identificables y además quedan bien tanto en reproducciones pequeñas como a gran tamaño. Aquí teneis una pequeña selección de logos que hemos ido recopilando y que nos han gustado (hemos optado por omitir algunos de empresas que todos conocemos como Disney, Vaio, Apple, Sun, etc porque esos seguro que ya los conoceis) ………………………………………………………………………………………………… Simbología del color: No hay colores correctos o incorrectos para el logotipo. Nuestra elección de color únicamente dependerá de lo que queramos comunicar. Símbolo del error, el mal y el misterio. Es la muerte, la ausencia de color. También trasmite nobleza y elegancia, lujo y exclusividad. Es el color de la luz, el sol, la acción, el poder. Simboliza arrogancia, fuerza y voluntad. Se interpreta como jovial, afectivo, excitante e impulsivo. Se asocia al deseo de liberación. Simboliza sangre, fuego, calor, revolución, alegría, acción, pasión, fuerza, disputa, desconfianza, destrucción e impulso. Expresa sensualidad, virilidad y energía. Es el color que más logra llamar la atención. Es un color de equilibrio, porque está compuesto por el amarillo (emoción) y el azul (buen juicio). Simboliza la naturaleza. Produce calma y tranquilidad. Significa esperanza, caridad, razón, lógica y juventud. Es el color del infinito, de los sueños, de lo maravilloso. Simboliza la sabiduría, amistad, fidelidad, serenidad y sosiego. También significa descanso y placided. Es un color masculino, severo, confortable. Hace referencia a la seguridad, la constancia, la fiabilidad, la reflexión. Evoca el otoño, y da la impresión de gravedad y equilibrio. Color realista. ………………………………………………………………………………………………… Fuente: http://www.fotonostra.com/grafico/psicologiacolor.htm http://www.mailxmail.com/curso-interpretacion-graficos-todasedades/simbologia-psicologia-color http://omarnarpier.com/Historia%20Del%20Color.pdf (24 páginas) Fundamentos del diseño. Wucius Wong. Ed. Gustavo Pili. 2001 ………………………………………………………………………………………………… http://www.camionetica.com/blog/2009/06/28/significado-de-loscolores-en-el-diseno-de-logotipos/ Significado de los colores en el diseño de logotipos 28 06 2009 Independientemente de que sea diseñador, siempre me ha parecido muy interesante el tema de las sensaciones y sentimientos que los colores evocan. Por una parte, en la medida en que están atados a los valores culturales, y en este sentido, que el significado que les otorgamos depende en gran parte de nuestra propia experiencia y psicología; pero también por el nexo que ellos establecen con nuestra condición animal primigenia. Así, cada día nos vemos envueltos en entornos cargados de meta mensajes que influyen sobre nuestro ánimo y que a veces nos llevan a reaccionar o pensar de una manera determinada frente a las situaciones. A continuación incluyo la traducción de un breve artículo acerca de la psicología del color y su utilización en el diseño de algunos logotipos famosos: Los colores ofrecen un método instantáneo para comunicar los mensajes y significados en el diseño de los logotipos. Son probablemente la más poderosa forma de comunicación no verbal que podemos utilizar como diseñadores. Nuestras mentes están programadas para responder al color. Los mensajes subliminales que obtenemos de los colores dan forma a nuestros pensamientos: detenemos nuestros carros frente a la luz roja y arrancamos en verde, vemos el color de ciertas plantas y animales para determinar sin son seguros para tocar o comer… En conclusión, los colores son una parte muy importante de nuestro día a día. En este sentido, es importante para nosotros los diseñadores utilizar los colores de manera apropiada y entender el significado que hay detrás de cada uno de ellos. Rojo Acción, Aventura, Agresividad, Sangre, Peligro, Energía, Emoción, Amor, Pasión, Fuerza, Vigor El rojo es un color intenso. Puede evocar emociones conflictivas que van desde la sangre y la guerra hasta el amor y la pasión. Usualmente es utilizado en el diseño de logos como una manera para llamar la atención del observador y se conoce que puede llegar a incrementar la presión sanguínea o provocar hambre. Logo Red Bull: 1987. Diseñador Desconocido Red Bull obtiene una doble dosis de rojo en su logo, lo cual es una excelente elección para representar a una marca de bebidas energéticas. La compañía mercadea la bebida utilizando frases como “Red Bull revitaliza cuerpo y mente” y “Red Bull te da alas”, las cuales refuerzan el por qué el color rojo es una excelente elección para el logo. Rosa Aprecio, Delicadeza, Femenino, Floral, Gratitud, Inocencia, Romántico, Suave, Tranquilo El rosa es un color femenino que conjuga sentimientos de inocencia y delicadeza. Es una versión más suave del rojo, que puede representar visiones de niñas pequeñas, goma de mascar y algodón de azúcar. El color rosa es también ampliamente asociado con campañas de concientización al cáncer de mamas, y en general para añadir un brillo femenino a los logos. Logo Barbie: 1959. Diseñador Desconocido El color rosa es muy prominente en el logotipo de Barbie de Mattel, así como en su imagen corporativa. Es un color que encaja con la idea de un juguete diseñado para niñas pequeñas. Su tipografía complementa la elección del color y ayuda a reforzar el posicionamiento de la marca al dar la impresión de ser la escritura de una niña. Naranja Accesible, Creatividad, Entusiasmo, Diversión, Jovial, Enérgico, Juvenil El color naranja (Nota del Traductor: o “anaranjado”, como por alguna razón nos han enseñado a llamarlo desde el kinder) está compuesto de rojo y amarillo, y puede representar atributos de cada uno de estos colores. El naranja es menos intenso que el rojo, pero aún así contiene mucha fuerza. Es más juguetón y juvenil que el rojo. Puede ser encontrado comúnmente en logos que quieren representar diversión o estimular emociones e incluso apetitos. Logo Nickelodeon: 1984. Tom Corey, Fred/Alan Inc., Scott Nash El naranja es una perfecta elección para Nickelodeon, cuya audencia principal son niños. Representa diversión, ligereza y juventud, lo cual se identifica con la programación del canal de TV. El diseño del logo de Nickelodeon complementa el tema juvenil con la utilización de un fondo de manchas de gotas de pintura y una tipografía juguetona. Amarillo Precaución, Alegría, Cobardía, Curiosidad, Felicidad, Gozo, Broma, Positivo, Sol, Cálido El color amarillo, similar al rojo, puede llegar a generar mensajes conflictivos. Representa la luz del sol y la felicidad, pero también precaución y cobardía. El amarillo es luminoso y muy visible, razón por la cual puede ser encontrado generalmente en avisos de precaución y otras señales de tránsito. Es utilizado muchas veces en el diseño de logotipos para captar atención, crear felicidad y calidez. Logo McDonald's: 1962. Jim Schindler Todos conocemos la exitosa franquicia de McDonald’s y su eslogan “Me encanta”. Como Red Bull, McDonald’s utiliza una paleta de colores vagamente análoga. La diferencia está en que McDonald’s es principalmente amarillo, lo cual encaja con su audiencia infantil juguetona y alegre. El rojo funciona bien como un toque de énfasis. Incidentalmente, esta combinación de colores ha influenciado muchas otras cadenas de comida rápida. Verde Frescura, Medio ambiente, Armonía, Salud, Curación, Inexperiencia, Dinero, Naturaleza, Renovación, Tranquilidad El color verde representa vida y renovación. Es un color tranquilo y relajante, pero también puede representar envidia e inexperiencia. Puede ser encontrado comúnmente en compañías que se quieren retratar a sí mismas como ecológicas. Logo Animal Planet: 2008. Dunning Eley Jones El verde es una elección adecuada para el logo de un canal de TV cuya programación se enfoca únicamente en la naturaleza y los animales. Aunque hay mucha controversia en torno a este logo, creo que podemos estar de acuerdo en que los diversos tonos de verde están bien para el canal, evocando imágenes de selvas, vegetación y naturaleza en general. Azul Autoridad, Calma, Confidencia, Dignidad, Consolidación, Lealtad, Poder, Éxito, Seguridad, Confianza Aunque el color azul representa la calma, también puede suscitar imágenes de autoridad, éxito y seguridad. La mayoría de las personas puede decir que les gusta al menos un tono de azul. Es probablemente el color más popular en el diseño de logos y puede ser visto de manera extensa en sectores gubernamentales, medicina, así como en la selección de Fortune 500 (Nota del Traductor: Fortune 500 es el ranking de las mayores corporaciones norteamericanas, publicado cada año por la revista Fortune. En este enlace pueden observar un compendio de los logos). Logo IBM: 1972. Paul Rand El azul en el logo de IBM (alias el “El Gigante Azul”) representa una compañía que aunque no es amenazante es al mismo tiempo estable y bien posicionada. Cuando Rand diseñó el logo de IBM, reemplazó la tipografía sólida con 8 barras horizontales para que representasen “velocidad y dinamismo”. Aunque el logo no es utilizado en la actualidad en su color azul original, es aún muy prominente en la imagen corporativa de IBM. Púrpura Ceremonial, Costoso, Fantasía, Justicia, Misterio, Nobleza, Regio, Realeza, Sofisticado, Espiritualidad El color púrpura (Nota del Traductor: también conocido como “morado”, otra de esas terminologías a las que fuimos acostumbrados cuando estudiábamos primaria… y fuente de acaloradas discusiones con mi amiga Carolina) implica realeza, misterio, espiritualidad y sofisticación. Debido a que es una combinación entre rojo y azul, tiene un poco de las propiedades de ambos: cálido y frío. El púrpura puede ser encontrado en muchos logos relacionados con educación y productos lujosos. Logo Hallmark: Diseñador Desconocido Hallmark utiliza el eslogan “When you care enough to send the very best” (Nota del Traductor: no encuentro una manera satisfactoria de traducir esto, pero sería algo como “Cuando es tan importante como para enviar lo mejor de lo mejor”), que apoyado en el color púrpura de su logotipo comunica de manera ideal el mensaje de la compañía. Implica realeza, lujo y sofisticación, lo cual es reforzado por el icono de la corona que flota sobre el logotipo. Marrón Tranquilidad, Profundidad, Tierra, Natural, Áspero, Riqueza, Simplicidad, Seriedad, Sutil, Utilidad, Madera El color marrón indica naturaleza, madera y utilidad. Debido a su calidez y neutralidad, es utilizado en logos relacionados a la construcción y leyes. “What can Brown do for you?” es el lema de UPS (Nota del Traductor: ignoro que frase utilizarán en países de habla hispana, pero de seguro no es “¿Qué puede hacer el marrón por ti?”), que es uno de los logos más reconocidos que utilizan el color marrón. Logo UPS: 1961. Paul Rand, rediseñado en 2003 por FutureBrand UPS utiliza el color marrón para diferenciarse a sí mismo de la competencia (ejemplo, USPS y FedEx, cuyos logos están basados en azul y rojo), y en este sentido, aunque el color puede ser percibido por muchos como utilitario, aburrido o conservador, UPS se ha apropiado del marrón para utilizarlo como un punto de distinción. En el rediseño del año 2003, la introducción del color amarillo añadió un poco de calidez, amistad y riqueza a la marca. Negro Autoridad, Clásico, Conservador, Distintivo, Formalidad, Misterio, Secreto, Seriedad, Tradición El negro es, técnicamente, la ausencia de color. Es poderoso y conjuga autoridad, elegancia y tradición. Puede ser encontrado en muchos logotipos por su peso, simplicidad y sofisticación. Logo James Bond 007: 1962. Diseñador Desconocido El logo de James Bond, agente 007, es de color negro sólido, lo cual representa bien la autoridad, misterio y sofisticación del personaje de esta clásica serie de películas de espionaje. Gris Autoridad, Mentalidad Corporativa, Humilde, Caprichoso, Practicidad, Respeto, Sombrío, Estabilidad El color gris se ubica en algún punto entre el blanco y el negro. Desde un punto de vista moral, se encuentra en un área entre el bien y el mal. Es también visto como neutral y frío. Es comúnmente utilizado en la tipografía dentro de los logos debido a su carácter neutro, que funciona bien con la mayoría de los otros colores. Swarovski Crystal: Diseñador Desconocido Logotipo de la marca Swarovski, fabricante de lujosos objetos de cristal. En este caso el color gris puede representar la sobriedad, respeto y autoridad de una compañía con una historia de más de 100 años. Blanco Inmaculado, Inocente, Paz, Pureza, Refinado, Esterilizado, Simplicidad, Entrega, Honestidad El blanco es el color universal de la paz y la pureza. Puede ser encontrado comúnmente en logotipos como textos en negativo. Logo Girl Scouts: 1978. Saul Bass Aunque el verde es el color predominante en el logotipo de Girl Scouts, también utiliza espacios en negativo para recrear la silueta de dos rostros. La combinación de la forma de los rostros y el uso del color blanco generan una cierta sensación de pureza e inocencia en el logo. Como pueden ver, estos colores se encuentran en logos que conocemos. Usualmente el diseñador ha considerado el significado de los colores al escoger una paleta para el logo. La próxima vez que trabajes en el diseño de un logo recuerda reflexionar acerca del significado de cada color que seleccionas y utilízalo sabiamente. Ten en cuenta que la psicología del color consiste en lazos culturales que pueden cambiar con el tiempo y la ubicación; no es una ciencia exacta y aún se basa de manera muy general en evidencias anecdóticas. Traduccion del artículo original Color Psychology in Logo Design de Erik Peterson. ………………………………………………………………………………………………… www.usabilitypost.com A Guide to Choosing Colors for Your Brand Dmitry Fadeyev · 29 Sep, 2008 125 One of the key elements of building a strong brand is color selection. Every color has a different feel and various associations. By choosing a color or a combination of colors for your brand identity, you will take on those associations. Colors will evoke certain emotions and feelings towards your brand so it is vital to choose a color that will represent your identity effectively. Research reveals people make a subconscious judgment about a person, environment, or product within 90 seconds of initial viewing and that between 62% and 90% of that assessment is based on color alone. Why Color Matters If you own a color in your industry, this color will symbolize your product. This can act as a great identifier. For example, if you sell physical goods, your packaging will stand out from the competition. The color will also be recognizable on any promotional media and your logos. Where to start? There is a great new tool which can help out with color selection called Cymbolism. It’s an interactive survey of color and word associations. Every page loads a new word, for which you have to select a color you feel best represents it. The results are then aggregated and you can see most popular associations either by color or by word. To help you select the right color for your brand I’ve aggregated the results from Cymbolism, and also provided examples of logos that use each color: These aren’t the top ten words that represent each color, these are just the words that happened to have been entered and processed by Cymbolism and came out on top. Having said this, the sample size is quite large and the selection should give you a decent indication of what a color stands for. I’ve also included some multi-colored examples at the end. Some brands choose not to associate themselves with one color. Instead of two or three colors, they choose four or more. This represents variety. This makes sense for brands that are platforms or marketplaces as they host vast amount of different applications or goods. There are also two more colors that haven’t made it on the list: black and white. These are arguably not even colors, and they will go well with pretty much everything you choose. White you probably shouldn’t use because you won’t be able to print the logo on white paper unless the white is used on a darker background. Black is a good complementary color to use and a lot of brands choose to have the text set in black because it is neutral and serious. How to select your color Look through the table above for a quick overview of what each color stands for. Some questions to ask yourself: • • • What color do you like? What color represents your brand’s personality? What color suits the characteristics of your product/service? Colors aren’t tied to any particular industry — though some may be better suited for some services/products than others. You should aim to pick a color that will represent your brand’s personality best. One that will give your customers the right impression the first time they see it. You aren’t limited to one color. Some brands like eBay choose to go with many colors to represent variety — but you can also choose a couple of colors that work well together. Consider differences in cultural interpretations of your color. For example in the Western world, white is considered the color of purity and peace, however, in some parts of Asia white is the color of death. Make sure the color you select will give the right impressions in the markets you’re present in. ………………………………………………………………………………………………… Tipografía Fuentes de letra A la hora de escoger la tipografía corporativa (tanto del logotipo como de los catálogos, las tarjetas de visita, las facturas, etc) se debe tener presente que unos estilos de letra resultan más aptos para su lectura en un formato impreso (Serif), y otros son más aptos para la lectura en la pantalla de un ordenador (Sans Serif). Color y contraste con el fondo La combinación más adecuada para el 90% de los casos es texto oscuro sobre fondo claro. Además de ser la opción más económica, produce menos fatiga visual. No se deben utilizar combinaciones de texto y fondo que dificulten la lectura: p.e. texto naranja sobre fondo rojo. Tamaños de letra Un tamaño de entre 10 y 12 puntos suele ser el recomendado para la mayoría de textos. El tamaño del texto del logotipo es libre, siempre que sea legible y proporcional a los otros elementos gráficos. Interlineado A mayor espacio entre líneas, mayor facilidad de lectura. Se recomienda un interlineado óptimo de 1,5 puntos. Uso de mayúsculas Las mayúsculas son mucho más difíciles de leer que las minúsculas, por lo que no se recomiendan para textos largos, sino para palabras sueltas e informaciones concretas que queramos resaltar. Otros consejos Un documento no debería utilizar más de dos fuentes de letra diferentes. Las cursivas son muy poco legibles. Sólo se recomiendan para algunas palabras, y siempre con fuentes de tamaño suficientemente grande. Las viñetas y sangrías permiten estructurar la información, separar conceptos, subordinas unos a otros, crear dependencias, etc. Bien utilizadas facilitan la comprensión y lectura de un texto. ………………………………………………………………………………………………… Fuente: http://www.alzado.org/articulo.php?id_art=127 Fuentes, tipos de letra y recursos tipográficos 09-02-2003 - Eduardo Manchón Resumen: ¿Es más legible el formato "serif" o el "sans-serif"? ¿qué ancho de línea utilizar? ¿cuál es la mejor alineación? Este artículo trata de dar respuestas a estas preguntas y explicar como afectan a la lectura algunos recursos tipográficos. Formato "serif" y "sans-serif" Los formatos de fuente "serif" son aquellos que las letras tienen unos pequeños remates en los extremos, por ejemplo: Times New Roman es un tipo de letra "serif" Las fuentes "sans-serif" son aquellas sin esos pequeños remates en los extremos, por ejemplo: Arial es un tipo de letra "sans-serif" Los estudios realizados han demostrado que sobre papel impreso las fuentes "serif" son más legibles, ya que esos pequeños remates en los extremos dan más información sobre los caracteres y facilitan la lectura. Además por la costumbre y familiaridad los usuarios generalmente prefieren este formato. Sin embargo en los monitores, por su menor resolución en comparación con el papel, los pequeños remates aparecen borrosos y dificultan la lectura por lo que se recomiendan fuentes "sans-serif". Ancho de línea A una menor longitud de línea, mayor velocidad de lectura, esta es la razón de que los periódicos tengan columnas muy estrechas. Una mayor longitud de línea requiere de un salto de mayor longitud de un punto de fijación ocular al siguiente. A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura. Aunque no existe una recomendación única en cuanto a la longitud máxima de línea se suele hablar de un número máximo que ronda los 50-60 caracteres. En líneas muy cortas es importante la distribución de las unidades de significado, como se puede ver en este ejemplo tomado de Jarret, C. (vía Nielsen, J. 2000): Si tienes que usar longitudes de línea muy cortas, entonces es adecuado que cada línea contenga una unidad de significado. Es más fácil de leer que: Si tienes que usar longitudes de línea muy cortas, entonces es adecuado que cada línea contenga unidad de significado. Ajuste del espacio entre letras (kerning) El espacio entre las letras de una misma palabra (kerning) no debería ser siempre fijo. Cuando este espacio se ajusta los textos son más legibles y el aspecto estético es mucho mejor. El "kerning" es lo que da ese aspecto tan profesional a los libros impresos. El ajuste varía según las combinaciones de letras que van juntas, por ejemplo en la silaba "To" la "o" debe entrar unos pocos píxels debajo de la "T" como se puede ver en la imagen 1. Los navegadores no tienen implementado el kerning y no todos los programas de edición de textos lo tienen en cuenta. -Imagen 1No hay que confundir este ajuste del espacio entre letras (kerning) con el ajuste del espacio que ocupa cada letra. Respecto al espacio que ocupa cada letra existen dos tipos de fuente: las proporcionales y las no proporcionales (monospaced). En las proporcionales este espacio depende del caracter, por ejemplo una "i" ocupa menos espacio que una "M". En las fuentes no proporcionales todos los caracteres ocupan el mismo espacio. Por ejemplo: Arial es una fuente proporcional Courier New es una fuente no proporcional La gran mayoría de los medios: periódicos, libros y websites usan fuentes proporcionales. Las no proporcionales (monospaced) son adecuadas para el mostrar muchos datos ya que ofrecen lecturas mas claras en listas de datos, tablas, calendarios, etc... También son más adecuadas para la entrada de datos en las cajas de texto de formularios porque es mas fácil ver los errores por la mayor separación entre letras. El espacio en blanco entre varias letras, aparte de escogiendo el tipo de fuente puede controlarse mediante las hojas de estilo. Color y contraste con el fondo La combinación más adecuada para el 90% de los casos es texto negro sobre fondo blanco. En pocos casos se recomienda utilizar un color de fondo, en cualquier caso para textos largos simpere es más adecuado texto oscuro sobre un fondo claro. Solo es adecuado usar fondo oscuro y texto claro para títulos, cabeceras o celdas, sin embargo el problema es que los fondos oscuros con texto claro son muy empleados en publicidad y ello puede provocar que contenidos no publicitarios sean afectados por la ceguera a los banners y por tanto ignorados por los usuarios. Alineación Para los textos largos se recomienda alineación a la izquierda puesto aunque es posible la justificación mediante hojas de estilo, no funciona correctamente. El problema es que al justificar un texto se modifica el espacio entre palabras y/o caracteres, lo que hace los textos menos legibles y provoca que algunas palabras con mayor espacio entre sus caracteres sean involuntariamente enfatizadas. En los libros impresos justificados no existe este problema porque las longitudes de línea son fijas. Sin embargo en la web dadas las diferentes resoluciones no es posible saber la longitud de línea que verá el usuario y por tanto la justificación no funcionará bien. En cuanto a legibilidad los estudios en papel impreso no han encontrado diferencias entre el texto justificado y el alineado a la izquierda, aunque si han demostrado que los "malos" lectores (lo que puede incluir a algunos tipos de discapacitados) leen mejor texto alineado a la izquierda que el justificado. Negritas Las negritas ("bold") deben utilizarse solo para enfatizar algunas palabras, siempre de manera muy restringida y nunca en frases completas. Si son utilizadas adecuadamente ayudan a ojear rápidamente el texto y facilitan la rápida comprensión de la información. Las negritas llaman poderosamente la atención dentro de un texto e incluso distraen seriamente, por ello nunca se debe abusar de ellas o emplearlas de modo puramente decorativo. En algunas webs por ejemplo se suele escribir en negrita el nombre de la empresa siempre que aparece, lo que no aporta absolutamente nada. Tamaños de letra Un tamaño de entre 10 y 12 puntos suele ser el estándar para la mayoría de textos, sin embargo lo realmente importante es que el tamaño de fuente no sea fijo y pueda ser modificado libremente por los usuarios mediante la opción correspondiente del navegador. Interlineado A mayor espacio entre líneas, mayor facilidad de lectura. Se recomienda un interlineado óptimo de un ancho de línea de 1,5. Uso de mayúsculas Las mayúsculas son mucho más difíciles de leer que las minúsculas por ello no son recomendadas para textos largos sino para palabras sueltas. Su capacidad de resaltar dentro de un texto le hacen un recurso muy valioso para captar atención sobre un elemento de información. Una opción interesante para publicidad la constituyen las combinaciones de mayúsculas y minúsculas en una misma palabra PoR eJeMpLo AsI. Esta combinación presenta una muy difícil lectura lo que requiere mayor procesamiento y por tanto puede producir un mayor recuerdo, si bien esto última hipótesis no ha sido comprobada empíricamente. Otros recursos Un documento no debería utilizar más de dos fuentes diferentes. Las cursivas son muy poco legibles y son poco recomendables, solo deben ser utilizadas para unas pocas palabras y en caso necesario con fuentes de tamaño suficientemente grande. El subrayado es un recurso que en papel impreso se utiliza para enfatizar, sin embargo en la web no se debe emplear con este objetivo ya que podría confundirse con un vínculo. Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc. Bien utilizadas mejoran la comprensión y facilitan la lectura de un texto. ………………………………………………………………………………………………… http://www.webestilo.com/guia/serif.php3 Serif o Sans Serif En esta sección discutiremos qué clase de tipografía es más adecuada para el diseño de páginas Web. Antes de continuar vamos a aclarar algunos conceptos para los que estén familiarizados con algunos términos. Las tipografías de tipo "serif" son aquellas tipografías cuyas letras se apoyan como con una especie de pie, las tipografía de tipo "sans serif" carecen de este detalle. Serif Sans Serif Normalmente se usan tipografía de tipo "serif" en el cuerpo del documento, ya que este tipo de tipografía es más fácil de leer y por lo tanto puede leerse más rápidamente porque esos pequeños elementos decorativos en los pies de las letras añaden información visual que facilita la lectura. Pero usted se habrá dado cuenta que toda la esta Web está escrita con una tipografía "sans serif", que es justo lo contrario a lo que he dicho hasta ahora. Lo realmente importante es la facilidad de lectura. En una página impresa la resolución de impresión es muy alta por lo que esos pequeños elementos decorativos en los pies de las letras quedan muy bien definidos. Pero por el contrario en una pantalla de ordenador la resolución todavía no es muy alta y la tipografía con "serif" produce efectos en las letras que hacen dificultosa su lectura. Serif Sans Serif Prueba de tipografía Prueba de tipografía Como puede comprobar la frase con tipografía "sans serif" se lee mejor, por eso no recomendamos usar tipografías de tipo "serif" si la fuente en menor a 12 pixels. Distintas tipografías Una vez que ha seleccionado la tipografía para el cuerpo del texto, considere la opción de usar alguna otra fuente diferente. Fíjese en los periódicos, usan una tipografía para el contenido del articulo pero usan otra distinta para los titulares. Además usan la misma para todos los titulares. Es importante mantener la coherencia de tipografía en todo el sitio Web. Pero tenga en cuenta que muchas tipografías diferentes tampoco es bueno, imagine que cada tipografía la lee una persona distinta o con una entonación especial. Muchas tipografías distintas en una misma página provocaría una especie de confusión de voces que no deseamos ……………………………………………………………………………………………. Otras fuentes empleadas en el apartado de tipografía: www.unostiposduros.com www.newsartesvisuales.com Tipografía básica: Philipp Luidl. Ed. Campgráfic. 2004. ………………………………………………………………………………………………………………….. Principales elementos que integran la imagen corporativa off line (impresa). Fuentes: Imágenes google informatica-practica.net asesoresdelbajio.com fmateos.wordpress.com ………………………………………………………………………………………………………………….. http://kailepdesign.wordpress.com/2007/12/15/manual-de-identidad-e-imagencorporativa/ MANUAL DE IDENTIDAD E IMAGEN CORPORATIVA Posteado por: kailev en: Diciembre 15, 2007 Diseñado por Raúl Caleb Manual de Identidad e Imagen Corporativa Es donde estan las ideas visuales de la empresa y en donde la comunicación es subjetiva. Es como influye el diseñador en la imagen de la empresa (corporativo) Se debe proyectar una excelente imagen visual. La Identidad corporativa desarrolla un manual que permite dejar claro las diferentes aplicaciones cromáticas y gráficas a utilizar por la empresa, unifica y contribuye al posicionamiento de la empresa. Estructura del Manual de Identidad e Imagen Corporativa 1-Introducción Copias del logo en JPG, alta, media y baja resolución. 2-Presentación Se hace un resumen de lo que contiene el manual, se puede manejar con una pequeña reseña histórica (investigación, historia, comunicación) 3-Isologotipo El logosímbolo es el ícono El Isologotipo son los dos unidos Al mostrar al cliente el isologotipo se deben de mostrar los dos tanto símbolo como texto. 4-Isotipo Se explica el Isotipo, es decir su significado, que quiere decir y que mensaje trasmite. 5-Explicación del logotipo Especificar los pasos de porque el logo es minúscula, mayúscula, gruesa, delgada o cursiva. 6-Prueba Master Mostrar los logos de pequeño a grande, mínimo 8 puntos en impresión en escalas de mayor a menor. 7-Plano Técnico (coordenadas) Es la aplicación a escala del logotipo o logosímbolo, ampliación proporcional de las formas. 8-Psicología del Color Se debe de explicar cada color, es decir que significa y asociarlo con la empresa, muestras de colores y significados. 9-Descomposición del Color Se muestra el color y su nombre en porcentajes C:100 % R:28% Código Pantone:C530 M:20 % G:23 % Y:3 % B:16% K:0 % 10-Tipología Se describe la fuente que se utilizo en el isologotipo diseñando una lista del abecedario de la a hasta la z y teniendo en cuenta también los números y caracteres, en mayúsculas,y minúsculas. 11- Usos Correctos e Incorrectos del Isologotipo No se debe de sesgar, el Isologotipo debe ser igual, es decir, si se piensa ampliar lo mas aconsejable es hacerlo de las puntas, con shift sotenido, y no hacerlo de los lados. En esta sección se muestra los usos correctos e incorrectos(muestras de los logos) 12-Papelería Comercial -Hoja Membrete La hoja membrete debe de tener logo, datos, diseño -Tarjeta Personal La tarjeta personal debe de llevar datos del cliente como nombre, cargo, números telefónicos, extensión, e-mail, lo mas conveniente para el diseño de la tarjeta es que lleve diseño, que no sea plana. -Sobre En el sobre se puede salir del esquema, es decir se puede diseñar de varias formas como lord, carta, 1/2 carta. -Factura Diseñara algo diferente, no es recomendable hacer lo mismo, ya si el cliente desea un diseño de costumbre es palabra de el, pero lo mas importante es que sea atractivo visualmente. -Escarapela Contiene foto, nombre, cargo, cédula, (este punto no es necesario) código de barras, llevando siempre los colores corporativos. -Carpeta Empresarial Es donde se almacena toda la información de la empresa, debe de conservar la imagen corporativa -Señalización Pictogramas, logotipos, símbolos, que lleven siempre diseño, es muy fundamental, no se deben de cambiar los colores, (la señalización son los símbolos que tiene la empresa, por ejemplo, los diseños que llevan los baños, las escalas, ascensores, cafetería) -Uniformes Son los uniformes de los empleados, deben de ser corporativos, llevando la imagen de la empresa. -Transporte Especificar si la empresa tiene o no transporte, realizar el diseño de como será el transporte. -Fachada Diseñar como es, o como será la empresa en su estructura física. Luego de especificar todos estos aspectos se debe de diseñar el índice ÍNDICE 1-Introducción 2-Presentación 3-Isologotipo 4-Isotipo 5-Explicación del logotipo 6-Prueba Master 7-Plano T écnico (coordenadas) 8-Sicología del Color 9-Descomposición del Color 10-Tipología 11- Usos Correctos e Incorrectos del Isologotipo 12-Papelería Comercial -Hoja Membrete -Tarjeta Personal -Sobre -Factura -Escarapela -Carpeta Empresarial -Señalización -Uniformes -Transporte -Fachada Conclusión: Hay que tener en cuenta que el Manual de Identidad e Imagen Corportativo debe de ser impreso, y es la guía para cualquier diseñador, al momento de que hayan cambios en la empresa, o para diseñar otro tipo de cosas. …………………………………………………………………………………………… Packaging de producto Es un aspecto fundamental de la imagen corporativa, ya que envuelve nuestros productos, les dota de personalidad propia. Cumplen una función estética y de comunicación, pero también funcional (comodidad y resistencia) e informativa (etiquetado, código de barras, descripción, etc) Un diseño sencillo y minimalista, con pocos colores y texto, o con entramados regulares (rayas, cuadros), puede ser muy efectivo a la hora de comunicar exclusividad y elegancia. mientras que un diseño de packaging recargado de colores, formas irregulares y /o textos irregulares (caligrafía) es más apto para comunicar juventud, diversión o modernidad. Si se combinan entramados regulares y colores vivos, se logra un resultado fresco y divertido, pero elegante. Lo más recomendable es combinar imagen y texto en el packaging, pero también se pueden conseguir resultados asombrosos empleando únicamente texto Packaging: papel para envolver y de regalo Necesarios para envolver alimentos (pastelerías, panaderías, carnicerías, etc), productos delicados (cristalería, menaje, bisutería), obsequios y regalos. ¡Paquetiza tu servicio y dale forma física! Al cliente le gusta tocar, mirar, manipular... Al convertir productos intangibles, como son los servicios, en objetos físicos, no solo logras llamar su atención y despertar su curiosidad, sino que además facilitas su comprensión del servicio y le trasmites confianza y seguridad. LA CARA... Diseño uniforme y coherente en todo el packaging. El logotipo está presente en todos los elementos, y al ser el único elemento gráfico del frontal de las bolsas, se le garantiza el protagonismo. El diseño sencillo y minimalista, tanto en las bolsas (dos colores y poco texto), como en el papel de regalo (tramas regulares), comunica exclusividad y elegancia. El logotipo es reconocible y legible a bastante distancia. El color corporativo es único y reconocible a varios metros. Y LA CRUZ... La referencia a la web resulta poco visible (excesivamente pequeña Las Bolsas: El tipo de bolsa y el material también hablan de tí... La gama de posibilidades es infinita: encontramos desde bolsas de boutique, hasta bolsas para el pan, los embutidos o el vino. Los materiales y formatos también son infinitos: bolsas con o sin asas, de plástico, de papel, de cartón, de tela, ecológicas, herméticas, perforadas, transparentes... Lo único incorrecto es utilizar bolsas de mala calidad. Pocas cosas causan tan mala imagen como una bolsa cuyas asas se rompen con un sólo uso (y más todavía si se rompen delante del cliente). Creatividad Cuánto más originales sean tus bolsas, más atención reclamarán. Vayan donde vayan, atraerán todas las miradas. ¡Hazte visible! Recurre al misterio, al humor, a la sensualidad, a la sorpresa... Lo ecológico está de moda Los materiales biodegradables y los motivos ecológicos aportan valor añadido a un cliente cada vez más sensibilizado con el medio ambiente. IDEA Sortear carritos de la compra con el logotipo y un diseño atractivo entre los clientes. Personalización y variedad de formatos: Puedes personalizar las bolsas tanto como desees: por tipo de producto, por perfil de cliente, por zona geográfica, por temporada, etc. …………………………………………………………………………………………… Fuente: Elaboración propia. Imágenes de diversos portales web y bancos de imágenes …………………………………………………………………………………………… Regalos de empresa Bolígrafos; calendarios; USB; alfombrillas de ratón; tazas, platos, posavasos mobiliario, servilleteros y sombrillas en restauración; separadores de libros; anuarios y agendas; bloc de notas; post it... Influye en la imagen del personal, el cual a su vez "encarna y materializa tu comercio. Su "uniforme" debe ser estético, cómodo y funcional. No necesariamente debe contener los colores corporativos, pero sí debe facilitar la identificación del personal. Además, se puede aplicar a una sola prenda del vestuario, por ejemplo, la camiseta. Furgonetas de reparto, motocicletas, coches, etc. Lo más importante es que se pueda identificar el logotipo de la empresa, el teléfono y la web. Deben emplearse colores de fondo llamativos. UNA IDEA ORIGINAL Calendario para clientes y proveedores personalizado con fotografías de los empleados (con sus firmas personales y una breve referencia a sus aficiones). CATÁLOGO DE EMPRESA No hay que confundir este documento con el catálogo de productos, que es una herramienta puramente comercial o publicitaria. Un catálogo corporativo habla del comercio en sí, de su origen y fundadores, de su trayectoria, de sus empleados, sus clientes y proveedores, de los premios que ha recibido, de las actividades solidarias con las que colabora, de los eventos que patrocina, de su ubicación, de la gama de productos que trabaja (genérica), de los compromisos que asume con el cliente y de los servicios que le ofrece. Es un elemento de reputación. CARTA DE MENÚ / VINOS Ha de ser coherente con la estética del local y con la imagen corporativa. Debe estar correctamente plastificada. Si se deteriora por el uso, hay que reemplazarla inmediatamente, ya que una carta desgastada o rota causa una pésima imagen. Los precios deben estar actualizados en todo momento y no inducir a la confusión del cliente. Se debe especificar si los precios son con IVA o sin IVA (y en tal caso, especificar el % de IVA aplicado). WEB CORPORATIVA Dentro de la imagen corporativa se encuentra un elemento clave de nuestro negocio: la web corporativa o comercial. Una web profesional implica mucho más que un buen aspecto visual o gráfico, puesto que es un canal de información, persuasión, asesoramiento y/o de venta permanente con los clientes. La imagen que damos en la web es el escaparate de nuestro negocio las 24 horas del día. No nos podemos permitir mostrar una imagen anticuada o desordenada. Por eso, una web debería rediseñarse cada dos o tres años. Te presentamos a continuación 10 consejos para que puedas desarrollar una página web de calidad. …………………………………………………………………………………………… Fuente: The Web-Developer’s Handbook. Fuente: Texto de Elaboración propia. Una web profesional implica mucho más que un buen aspecto visual o gráfico. Te presentamos a continuación 20 consejos para poder desarrollar una página web de calidad: 1. Los usuarios deben poder moverse por tu web de una manera fácil e intuitiva. Nunca han de dar más de 4 clic para poder llegar a una información concreta, porque son muy impacientes, y si les resulta complicado encontrar lo que buscan, acudirán a otra web (navegabilidad). Si pones botones o links, estos tiene que ser claros y visibles. la claridad se consigue con la simplicidad. Menú de navegación claro. 2. Se debe poder acceder a tu web desde cualquier ordenador, sea cuál sea en explorador de Internet empleado (accesibilidad). 3. Tu web debe descargarse rápidamente, luego no hay que excederse con imágenes y gráficos, ni utilizar archivos muy pesados (agilidad). 4. Intenta no usar fondos musicales, ocupan mucho espacio, y acaban cansando al usuario que entra más de una vez. Además, puede resultar violento si accede desde el trabajo o la oficina. Lo que si debemos conservar son los efectos de sonido; como por ejemplo cuando el usuario pasa el ratón sobre algún botón. Y si decides usarla, opciones on/off. 5. Tipografía web: debe resultar legible y ser suficientemente grande como para hacer cómoda la lectura. Usa estilos de letras conocidas y poco complicadas como Arial , Verdana, etc… (Sans Serif), ya que el cliente esta acostumbrado a ellas y cuando encuentra algo distinto tiende a incomodarse. Además, corres el riego de que algún navegador no detecte el tipo de letra. 6. Trata de usar fondo blanco y letras negras para que el cliente no tenga que forzar la vista. Para trasmitir lujo, se puede emplear texto blanco sobre fondo negro, pero se deberá mantenerse el estilo de color en toda la web. 7. El formato debe ser uniforme, es decir, debes emplear la misma gama de colores en toda la web (preferentemente colores corporativos), el mismo espacio entre párrafos, el mismo estilo de dibujo, los mismos tipos de letra para cada elemento, etc…. No debe cambiar el formato de una página a otra. Además, tu diseño web debe ser coherente con el resto de la imagen corporativa. 8. Usa un lenguaje sencillo, claro, directo. Evita las palabras rebuscadas, párrafos y frases largas. Si empleas la primera persona, trasmites cercanía y empatía, y si empleas la tercera persona, trasmites profesionalidad y seriedad. La elección depende de lo que vendes y a quién te quieres dirigir. 9. Trata de ser ordenado, las páginas web deben tener una secuencia o una estructura lógica, un índice claro y sencillo. 10. Intenta no escribir dentro de las fotos o dibujos. Una palabra dentro de una foto o de un buen dibujo es poco visible. 11. La primera página NO debe ser muy extensa ni estar saturada de datos, ya que provoca ansia y confusión. Trata de colocar solo enunciados de lo que tienes en las otras páginas web. A la mayor parte de los usuarios solo les interesa dar una ojeada rápida del sitio, y si algo les interesa, entrar a profundizar más 12. Se recomienda introducir alguna animación en flash (no demasiadas, porque pesan), ya que el movimiento atrae a la vista a menos que esté a los costados, pues en ese caso se confunde con publicidad y causa rechazo. Los gifts animados pesan poco pero son poco profesionales. 12. Cambia los banners constantemente (barra superior de la web). Se recomienda un mínimo de tres banners para que se alternen a medida que pasa el tiempo o se hacen clics. 13. No abuses de las fotografías y las imágenes: aumentan el tiempo de carga, y los usuarios son impacientes respecto al tiempo. Si son innecesarias, elimínalas. 14. Mantén los botones principales (índice) casi siempre a la vista, por si el cliente o usuario se pierde en algún momento. 19. Mantente dentro de los estándares de diseño y desarrollo. Existen ciertas asociaciones que en buena forma han estandarizado y hormado los documentos de las páginas web en cuanto a su lenguaje, presentación, etc… lo puedes encontrar con más detalle en: www.w3c.es. 20. Debes actualizar los contenidos de la web periódicamente. Además, debe ser lo más automatizada posible, es decir, que se debe controlar de forma autómata, lo que se debe hacer es logara cambiar banners y publicidad de forma automática, los e-milas debe de tener respuestas automatizadas en mejor de los casos. Incluso los cambios deben ser pronosticados y preparados para cada ocasión y automatizar los mismos. Por ejemplo supongamos que ya llega navidad, lo efectivo sería que ya tengamos listo el material uno o dos meses antes, este materia que estará en nuestra base de datos debe bajarse de forma instantánea cuando llegue a cierta fecha tope. Pasos para crear una web: 1) Tener claro para que la quieres, cuál es su objetivo: sólo informar, sólo vender, sólo comunicarte con clientes actuales y/o potenciales, o varias de esas cosas. Una web debe de tener un objetivo, informar, enseñar, vender, distraer, emocionar, poner en contacto… y una vez definido, debe cumplirlo. Declara siempre un propósito para tu página web, y cíñete a él. 2) ¿A quién va dirigida?: El usuario debe marcar diseño y el desarrollo de tu web, sin embargo, a menudo, no se le tiene en cuenta hasta que vemos que no obtenemos las visitas que habíamos estimado. Muchas veces se diseña para uno mismo, sin pensar en el usuario final. Debemos de estudiar al usuario, subir contenidos que le interesen, que despierten su curiosidad, que le emocionen o le sorprendan, que le aporten algún tipo de valor o utilidad. Debes poner lo que el cliente necesite, no lo que crees que pueda necesitar, y una forma sencilla de ver esto es: Mira las webs de tu competencia, habla con tus clientes, con tus dependientes, con los clientes de otras tiendas… 3) Dibuja sobre papel un esquema con la estructura deseada para tu web. Es decir, el nº de páginas que quieras que tenga, su contenido, y cómo se enlazarían unas con otras. consultar nuestros diagramas con usuarios no expertos y comprobar que son capaces de navegar. 4) Desarrolla la web, o delega el diseño, pero no la responsabilidad. Supervisa el desarrollo, y marca los contenidos básicos. Elige un diseñador web Delegar e diseño de la web no significa no supervisarla. 5) Una vez terminada, pregúntate a ti mismo y pregunta a los primeros usuarios lo siguiente: ¿CUMPLE SU OBJETIVO? ¿ES CLARO TU SITIO WEB? – ¿demasiada publicidad, demasiados menús? ¿ES navegable TU WEB? –¿podamos encontrar fácilmente el PRODUCTO que estamos buscando? ¿lo podemos comparar con otros el catálogo? ¿Podemos saber en todo momento dónde nos encontramos, como seguir adelante o como volver al contenido que acabamos de visitar.? ¿ES ACCESIBLE? – se puede acceder con Internet Explorer y con firefox. ¿Resutla suficientemente atractiva como para captar el interés? ¿Resulta útil para los clientes? 6) y finalmente, mantenla actualizada, tanto en diseño como en contenidos. Tenemos que estar pendientes de las tendencias, innovar, la imagen que damos en la web es el escaparate de nuestro negocio, no nos podemos permitir mostrar una imagen antigua o desordenada. Una web debe rediseñarse cada dos o tres años. Si el contenido es bueno, no tiene por que ser caro, es una inversión que produce beneficios. El diseño debe de coincidir estéticamente con el mensaje y el propósito del sitio. ............................................................................................................................... Fuente: http://gloobs.wordpress.com/2008/07/11/¿como-saber-si-una-webes-buena-o-mala/ ¿Cómo saber si una web es buena o mala? Lo que debe de cumplir una web para catalogarla como buena... o mala Existen muchos factores a la hora de evaluar si una página web es buena o mala. Ciertamente la primera impresión en Internet, es fundamental, pero luego cuando empezamos a navegar o a encontrar lo que andábamos buscando, a menudo lo único que conseguimos es una frustración más. Podemos detectar la calidad de una web, respondiendo a estas preguntas: ¿CUMPLE SU OBJETIVO? – Cada web necesita un marco bien definido para sobrevivir a la tremenda competencia que existe. Una web debe de tener un objetivo, enseñar, vender, distraer,… y una vez definido cumplirlo. El propósito de una web debe de ser conseguir la mayor comunicación posible con sus clientes potenciales. Si entro en una web para ver un hotel, lo primero que quiero ver, además del precio, son las habitaciones, con buenas fotos, quiero ver los servicios que tiene y la ubicación, ¿a cuánta distancia está la playa?,…. Así seguro que va a captar mi interés, y si luego además tiene un buen sistema de pago con una plataforma fácil de usar, el resultado va a ser muy bueno. Si por el contrario, tengo una casa rural con una web de carga lenta, con fotos de mala calidad, con un mail al que nadie contesta, pero eso si, llena de publicidad del pueblo, (que así consigo las cañas gratis), etc. Lo que hará el usuario será huir rápidamente de ahí. Declara siempre un propósito para tu página web, y cíñete a él. ¿ES CLARO TU SITIO WEB? – Uno de los problemas con los que podemos encontrarnos es que no se haya establecido una buena arquitectura para el diseño de la web, y que estando todos los contenidos necesarios, sin embargo no estén bien mostrados, demasiado apelmazados, o con demasiado ruido exterior que distraiga la atención del usuario (demasiada publicidad, o demasiados destacados, botones estridentes,…) Todo sitio web, debe de ser lo suficientemente claro para comunicarse con su usuario, bien sea para transmitirle una información, para comunicarse bidireccionalmente con él, para mostrarle un producto,… Y la mayoría de las veces (por no decir siempre), la claridad se consigue con la simplicidad. ¿ES USABLE TU WEB? – Para que tu web tenga éxito, cualquier usuario, o por lo menos el target al que vaya dirigida, debe de saber utilizarla sin ningún lugar a la duda. Las necesidades de usabilidad de un sitio, dependen de la naturaleza del mismo, por ejemplo, un sitio de viajes, debe de tener un muy buen buscador (o varios), en el que podamos encontrar fácilmente el viaje que estamos buscando, con un resultado de búsqueda ordenado por preferencias, bien sea precio o cercanía a la playa. Un blog, debe de tener una buena catalogación de sus post, para luego poder encontrarlo en las nubes de etiquetas, categorías,… Los usuarios somos muy impacientes, y si tardamos un poco en encontrar lo que andamos buscando, preferimos ir a otro sitio antes de esperar. La usabilidad es tiempo y fidelización. ¿ES ACCESIBLE? – La accesibilidad es fundamental si queremos lograr nuestros objetivos. Nuestra web se tiene que poder ver bien en cualquier explorador, si quien te esté diseñando la web te cuenta que si se ve en el explorer no se ve en el firefox, o que todo el mundo navega en explorer, o mil cosas más que en ocasiones he oído, huye!!, búscate un diseñador de verdad. El código además tiene que tener bien sus etiquetas, los ciegos por ejemplo, navegan con programas que leen las etiquetas de una imagen. Si no colocas la etiqueta alt, además de perder posicionamiento condenas la accesibilidad. No podemos obligar al usuario a utilizar un determinado navegador, resolución o plugin para navegar por tu web. ¿A QUIEN VA DIRIGIDA? – El usuario debe de ser el faro del diseño y del desarrollo de un sitio web, sin embargo, a menudo, no se le tiene en cuenta hasta que vemos que no obtenemos las visitas que habíamos estimado. Muchas veces se diseña para uno mismo o según las directrices de quien nos encarga el trabajo, pensando en si mismo y no en el usuario final. Debemos de estudiar al usuario, subir contenidos que le interesen, si nos centramos en los intereses del dueño, seguro que no conseguiremos los objetivos marcados. ¿ES NAVEGABLE TU WEB? – La navegación afecta tanto a la usabilidad como a la accesibilidad. Una web no puede tener una guía para ser usada, ha de ser intuitiva, siempre debemos de saber dónde nos encontramos, como seguir adelante o como volver al contenido que acabamos de visitar. Un menú de navegación claro, unos links perfectamente definidos tanto en diseño como en el texto que los identifica. El diseño no debe de ir en detrimento de la navegación. Cuando desarrollamos un sitio web, sabemos qué páginas son las más importantes para nosotros y cuales son secundarias. El usuario no tiene por qué entrar desde la home a nuestro sitio, por lo que es probable que no vea estas páginas importantes, por lo que habrá que hacer referencia a ellas con enlaces. Tenemos que ponernos siempre en lo peor, lo que para el diseñador es intuitivo, puede ser que no lo sea para la gran mayoría de usuarios, por eso también es muy recomendable, además de seguir unas pautas, consultar nuestros diagramas con usuarios no expertos y comprobar que son capaces de navegar. EL ASPECTO DE TU WEB – Tal y como decía al principio de este post, es aspecto es muy importante, una web atractiva capta el interés. Y es también muy importante ver un diseño profesional. Este es un punto que desgraciadamente no se tiene en cuenta, ya que erróneamente se encargan webs pensando únicamente en el precio y no en quien te la hace… Tenemos que estar pendientes de las tendencias, innovar, la imagen que damos en la web es el escaparate de nuestro negocio, no nos podemos permitir mostrar una imagen antigua o desordenada. Una web debe rediseñarse cada dos o tres años. Si el contenido es bueno, no tiene por que ser caro, es una inversión que produce beneficios. El diseño debe de coincidir estéticamente con el mensaje y el propósito del sitio. ........................................................... ........................................................... ......................... Fuente: Traducción de Artículo “20 Rules Of Smart And Successful Web-development”. Fecha del original: 20 Marzo 2006. http://www.alvit.de/blog/article/20-rules-of-smart-and-successfulweb-development-and-web-design 20 reglas para crear sitios web exitosos Ten en consideración a tus visitantes: No intentes obligar a tus visitas a leer el contenido de tus páginas web. Debes dejarles decidir qué es lo que quieren leer. Si tienes algo que decir, ya encontrarás a tus oyentes. Francamente, tú eres tan bueno como cualquier otro. ¿Cual sería tu reacción en un sitio con docenas de pop-ups y un excesivo número de bloques publicitarios? Pues eso. Los malos anuncios son malvados. La publicidad molesta pueden mejorar tus ingresos por un tiempo, pero a la larga no ayudarán para que tu sitio sea exitoso. La verdad es que tú no ganaras el respeto ni obtendrás el potencial que tú y tus proyectos deberían poseer. Sin embargo, los anuncios perfectamente combinados con el contenido principal y bien colocados en la estructura del sitio (por ejemplo devblog.de, Denny Carl de Devblog.de ha colocado su publicidad de Google Adsense en la columna de la derecha. No te percatas de ello en un primer vistazo y está correctamente ajustada a la estructura del sitio). Informa e instruye a tus visitas. Comparte tus pensamientos, ideas, experiencia y conocimiento con todos aquellos que puedan necesitarlo o quizá puedan querer tu consejo. Dado que tú tienes información, tienes un instrumento poderoso para atraer la atención del publico hacía tus trabajos, intereses y servicios. Además si compartes tu valioso conocimiento con otros usuarios serás respetado y tenido en consideración como una persona que sabe de qué esta hablando. Desarrolla tu propio estilo. Crea tus propias ideas. Déjate inspirar pero no copies. Es mucho más interesante de encontrar de qué eres capaz que no lo que otras personas pueden hacer. Explora tu imaginación y curiosidad. Las ideas frescas y nuevas o las antiguas pero mejoradas probablemente atraerán más a los usuarios que las copiadas. Respeta los estándares, piensa en la gente. Cuando tomas en consideración los estándares de la web estarás ahorrándote un montón de trabajo en el futuro. No pasará mucho para que los estándares web se conviertan en un estándar en la web: y como tú creas páginas web para la gente, es razonable perder algún tiempo extra en comprobar el código para que respete los estándares - en el caso de que el código no los cumpla. Una vez hecho, no deberás preocuparte de las nuevas versiones de navegadores. Básicamente por qué tú ya has hecho bien el trabajo. Facilidad de lectura, accesibilidad y usabilidad. Respetando estos puntos, estás respetando a tus visitantes. Sé claro. Usa un lenguaje claro. No temas decir lo que quieres decir. Ser ambiguo crea una distancia innecesaria entre tú y tu visitante. Sé preciso con lo que quieres discutir o presentar para empezar un dialogo activo con tus lectores. Además, si especificas de lo que estas hablando es más probable que recibas retroalimentación (feedback) o una respuesta al tema que propones. Odia Internet Explorer si quieres, pero no ignores a sus usuarios. No proyectes tu código teniendo en mente un navegador en especial, o una resolución en particular. Sin embarco, orienta tú código para Internet Explorer exactamente como lo orientas a otros navegadores. Y aunque yo personalmente intento evitar los “hacks”, a veces no puedes evitarlos - sin embargo deben ser la última opción. Internet Explorer no será el mejor navegador, pero todavía es usado por más del 68% de usuarios. (Ver punto 1). Cuida de tu contenido. Desarrolla páginas web, intenta hacerlas informativas, interesantes y que tengan buena presencia. No te olvides que tus visitantes lo recuerdan todo. Si ofreces a un visitante un enlace a una página inadecuada sin la descripción apropiada de qué se esconde detrás de ese enlace, no volverás a verlo otra vez. El código es poesía, tu contenido es prosa. No te preocupes por los web-crawlers y de la optimización SEO. No pienses en palabras clave, es más importante qué puede ofrecer tu página. Afinar la posición en que apareces en los motores de búsqueda te llevará mucho más tiempo que escribir un artículo útil en tu bitácora. Además si te consideras un experto en SEO tú debes saber qué debes optimizar tu página continuamente para obtener mejores resultados en los motores de búsqueda. Por otro lado, si publicas un artículo estará (ojalá) disponible mientras el sitio exista. Así, sólo debes escribirlo una vez. (9a). Evita métodos de SEO o de PR perjudiciales. Optimizar para los motores de búsqueda incorrectamente (por ejemplo intercambiando enlaces con todos los sitios posibles, colocando tú enlace en granjas de enlaces, etc.) solo servirá para que tarde o temprano tu sitio sea expulsado de la mayoría de buscadores. Los algoritmos de los motores de búsqueda están siendo mejorados constantemente, por lo que al final tus esfuerzos no serán de ninguna utilidad si te arriesgas a encontrarte con un PageRank 0 en cualquier posible resultado en que te hayas disputado. Y aparte de esto, una vez que tu reputación sea baja, será extremadamente difícil de conseguir una buena posición en la cumbre de la comunidad del desarrollo web. Contacta pero no spamees. Deja que aquellos que puedan estar interesados en tu contenido, sean conscientes de los mismo. Primero perfila tu clientela potencial. Entonces céntrate en aquellos que pueden estar interesados en tus servicios. Piensa acerca de los sitios que es probable que visiten. Contacta únicamente con los autores de estos sitios, ofreciéndoles una descripción de tus servicios. No obstante ten en cuenta que no estás escribiendo para un robot (web spider), pero sí a un humano qué puede decidir — o no — compartirte con sus lectores o — más apreciablemente — visitar tu sitio. Sé descriptivo, no envíes un enlace, en su lugar envía una invitación con la descripción apropiada de qué hace diferente tu sitio de proyectos similares. Asegúrate de que la persona a la que escribes es quien puede ser útil para los visitantes de tu(s) sitios. Pero una vez más: recuerda que lo que has creado no es para obtener tu dinero, es para la gente. No envies spam, ni te anuncies, ofrece contenido útil. Escribe, publica, siéntete libre de preguntar. Ahí fuera siempre abundan los desarrolladores de webs que estarán haciéndose la misma pregunta que estás haciéndote ahora mismo. No dudes en preguntar ni dudes en buscar su respuesta. Cuanto más inteligente sea la pregunta más posibilidades tienes de que sea contestada, de manera que más gente encontrará tu sitio a través de los buscadores. Contesta inmediatamente tu correspondencia. Establece lo más rápido que puedes contacto con tus potenciales clientes, no permitas que un email descanse en tu carpeta entrante por más de 12 horas. No envíes respuestas automáticas. La persona que te ha escrito sabe que te ha escrito a ti. Por ello no malgastes el tiempo de otras personas de la misma manera que no te gusta malgastar el tuyo. En su lugar intenta crear una buena impresión a la persona que ha contactado contigo. Contesta seguro, de forma profesional, amigable y con un estilo de escritura abierto, no hagas promesas pero - de nuevo - siéntete libre de contestar. Usa las ventajas de la web semántica. Etiqueta, etiqueta y etiqueta. No tengas miedo de mencionar tu sitio en Digg (N. Traductor: Para hispanohablantes podéis intercalar Digg por Menéame), Reddit, Blinklist y cientos de otros administradores de enlaces sociales. Sin embarco elige cuidadosamente las etiquetas a utilizar. Los visitantes desearán venir. Y si las etiquetas están elegidas de forma racional, vendrán aún más visitantes. También puedes animar a tus visitantes a etiquetar tus artículos en los más populares administradores sociales de enlaces. Crea conexiones. Los desarrolladores creativos siempre son soportados por escaparates de CSS (”CSS Showcases”), galerías y bitácoras de otros desarrolladores de webs. Algo de todo esto está mencionado aquí. Piensa en términos globales. El contenido de tus páginas web puede no atraer al publico de tú región, pero las barreras de la web son imprecisas y difíciles de ver (si es que existen después de todo), así que ¿por qué no enviar tu mensaje al mundo?, no existe la necesidad de buscar un nuevo nicho cercano a tí si tienes oportunidades ilimitadas alrededor de todo el mundo. Nunca comprometas tus principios. Discute la manera en que un sitio debe ser presentado o desarrollado, respeta a tus clientes y su punto de vista. Pero conserva presente que realmente eres tú el que desarrolla el sitio. No hagas exactamente lo que te han pedido. Corrige los errores si te das cuenta que el cliente está equivocado. Sé profesional - al final tu objetivo al crear el sitio es para los usuarios, no para el cliente. Permanece activo. Permanece informado acerca de qué está pasando en la red. La web se desarrolla rápidamente y las nuevas ideas son compartidas al instante. La mejor manera de permanecer activo es - por supuesto - usando los canales RSS de las más populares bitácoras de desarrollo web. No obstante los magazines relacionados al diseño gráfico y el desarrollo web tales como AListApart, BoxesAndArrows, Digital Web Magazine, Design in Flight, Poynter, Layers Magazine o Graphics.com son lecturas que merecen la pena. Aprende a dominar la creatividad. Buscar una nueva idea que explotar, intentar buscar a través de foros de desarrollo web concentrando tu atención en que está buscando la gente, por ejemplo Sitepoint.com es un recurso visitado por cientos de desarrolladores web cada día. Otra opción es… bueno, tomarse un descanso. Crea tu web bonita. Usar CSS, ser claro, un diseño inteligente y legible es bello. ¿Cómo resistirse a semejante belleza?, participa en competiciones abiertas como CSS Table Gallery, CSS Zen Garden, Comment Design Showcase, Typography for headlines, Form Assembly Garden o sIFR Beauty Showcase. Así haces la vida más fácil a otros desarrolladores mostrando tu estilo y tu experiencia. Sé consciente del poder de la web. Tú estas creando la Web, por lo tanto tienes algo que decir. Apoya los proyectos qué parecen importantes para ti y debe ser apoyados porque sus objetivos son algo por lo que vale la pena luchar. Makepovertyhistory.org es un gran ejemplo de ello. ………………………………………………………………………………………… 20 consejos de usabilidad esenciales para proyectos web 13 de Octubre del 2008 Todos sabemos qué es la usabilidad, pero es increíble la cantidad de gente que, por entregar "ya", la ignora de frente. Es culpa de los clientes en ocasiones, pero la no-usabilidad es una falta clara de profesionalismo. Y no sólo eso, agregar un par de arreglos estúpidos, pero que ignoramos por error o por afán, hace una gran diferencia en las visitas a nuestros sitios web. Si además te dedicas a Internet como un negocio, seguir por lo menos la mitad de esta lista te asegurará, más que un éxito inicial, una comunidad. Dolorosamente obvios Estos son los consejos que pueden parecer idiotas, pero seguro los ignoramos en uno u otro proyecto. Es importante ser consciente de ellos. Navegación visible todo el tiempo Crea una unidad de diseño en navegación y mantenla todo el tiempo. Si tu header tiene una botonera horizontal, asegúrate que se vea en todas partes. Cualquier persona debe ser capaz de navegar desde cualquier parte a cualquier parte de tu sitio. Si no, lo más seguro es que lleves a tu usuario a creer que ha cambiado de página. Navegación invisible La navegación invisible es otro problema, originalmente generado por los flashers, pero llevado al mundo de CSS y AJAX. Tienes toda la navegación de tu web escondida bajo iconos y sólo sabes qué hace un botón cuando pasas el mouse por encima. Tu botonera no es la barra de herramientas de Word. Poner una descripción contextual y clara de la función de cada botón es clave. Un usuario debe poder tomar una decisión antes de mover el mouse a un elemento de la interfaz. Intros en Flash De esto hemos hablado mil veces en Cristalab y afortunadamente ya están muriendo. Pero por si quedan dudas. Los usuarios en internet tienen la capacidad de concentración de una gallina. No hagan que se distraigan. No interrumpas el flujo de trabajo del usuario Popups de Javascript, sonido de fondo, desactivar el click derecho. Toda esa mierda espanta a los usuarios y hace que recuerden un odio especial en contra de tu creación. Es simple, no lo hagas. Intenta ser tan amable y bueno con tu usuario, así te duela a ti. A él jamás le debe doler. Crea links semanticamente descriptivos No te atrevas a crear un enlace con "click aquí". Eso no le dice NADA al usuario antes de dar click. Es una mala practica para posicionarte en Google y en general va en contra de toda la filosofía de la web. Simplemente no lo hagas. Toques profesionales Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo que reflejas. Haz prototipos Puede que suene como una de las "dolorosamente obvias", pero hacer prototipos en papel o en programas como Balsamiq Mockups realmente cambia la forma en la que ves las interfaces de tus futuros proyectos. Podrás identificar rápidamente las buenas ideas, las cosas terribles y aquello que puedes mejorar. Esconde lo que el usuario no necesita saber El iPod no debe su éxito a sus impactantes características técnicas, sino a lo mucho que no le dice a sus usuarios. El hecho que seas un geek que quiera saber la cantidad de milisegundos en la que cargan tus paginas no implica que eso le sirva de nada al usuario. Pueden haber secciones, enlaces, botones e información completamente irrelevante para tus usuarios. Protegelos de eso. Aprende a "podar" tu arquitectura de contenido y borrar lo que no sirva. Usa lo que creas Es increíble la cantidad de gente que crea cosas para otros y jamás las usa. Si no usas lo que creas, jamás crearás un producto para ser usado. Obligate a usar realmente las cosas que creas y verás un cambio en lo que haces. Escucha tus estadísticas Google Analytics es un software genial. Te permite, usando pageTracker._setVar, colocar variables de tu creación en las estadísticas. Así puedes ver cosas como las temáticas más visitadas, usuarios registrados vs. invitados, entre muchas otras que serían imposibles con las estadísticas tradicionales. Además tiene el Bounce Rate, un valor que indica el porcentaje de visitas que se van sin dar clicks a nada. A menor porcentaje, tienes un mejor y más envolvente interfaz. Crea formularios decentes Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario. Lo mismo pasa con los forms de enviar comentarios en los blogs. A eso sumale los CAPTCHA inentendibles que es mejor desechar. Usa otras técnicas para frenar el spam, como las preguntas matemáticas, las técnicas bayesianas, akismet, javascript o acusalos con su mamá. Consejos innovadores No tienes que crear un nuevo elemento de interfaz para mejorar un producto. No tienes que ser Apple para innovar (aunque ayuda). Autocompletado en los campos de texto Google y Amazon ya lo implementaron. Un sistema sencillo de autocompletado de acuerdo a las consultas más frecuentes en el campo que uses puede mejorar radicalmente la experiencia de tus usuarios. Lo mejor es que es MUY fácil de implementar. Con jQuery UI sólo tienes que hacer esto. En jQuery: Código : $("#autocomplete").autocomplete({ data: ["aero", "airplane", "book", "movie", "music", "s ports", "skating", "swim"] }); Y en HTML: Código : <input id="autocomplete" type="text" /> Y ya está. Motores de recomendación Para Wordpress hay millones de plugins, o si el heroísmo corre por tus venas, puedes programarlo. Los motores de recomendación de productos, de artículos relacionados o lo que sea que enlace el contenido de lo que estás viendo con otros similares capturan a tus usuarios con gran efectividad. ¿O no sientes la necesidad de comprar eso que Amazon te recomendó? Asesina todos los clicks que puedas La web de las descargas de Apple tiene un componente Accordion con las descargas por categorías, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función "Compra con un click" para eliminar todos los pasos innecesarios y dolorosos del e-commerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios. Usa AJAX inteligentemente AJAX es una tecnología que ha sido abusivamente violada por incontables "iniciados" del diseño web. Sin embargo, usarla en los casos correctos puede crear una diferencia. Youtube la usa para cargar las páginas de comentarios y enviarlos sin necesidad de cambiar de URL, así puedes mantenerte escuchando el video mientras lees los comentarios. Has experimentos de usabilidad Lo mejor de la web, comparado con otros mercados, es que hacer experimentos es gratis. Prueba, con estadisticas claras, distintas interfaces y arreglos posibles. Mira cual te genera más visitas, cual baja más el bounce rate, cual hace que más usuarios se registren. Los experimentos son la razón por la que Halo 3 es uno de los juegos más vendidos de la historia. No es porque sea el juego más innovador o con mejor historia, es porque es increíblemente usable. Imagina interfaces nuevas alrededor del contenido existente Gmail no sólo nos cambió la vida trayendo los correos de gigabytes y el AJAX que hace que no tarde en cargar tu correo. También introdujo un concepto muy obvio, pero que nadie había intentado antes: Conversaciones anidadas. El hecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro. ……………………………………………………………………………………………………………………………… Poco texto, espacios diáfanos (en blanco) y protagonismo de la imagen vs. texto. Lo más recomendable es emplear un menú horizontal, pero si es breve, se puede colocar verticalmente para llamar la atención y proporcionar dinamismo y originalidad a la web. Lo importante es que sea visible y esté presente en todas las páginas. Galería fotográfica y video. La imagen y el movimiento dotan de personalidad y dinamismo a nuestro negocio, hacen la visita más virtual, y por tanto, la experiencia del usuario más entretenida. Deben ofrecerse como opción, pero no imponerse al usuario que visita una web. Los usuarios deben poder moverse por ella de una manera fácil e intuitiva. Nunca han de tener que dar más de 4 clics para acceder a una información concreta. ……………………………………………………………………………………………………………..… Fuente: Elaboración propia. ……………………………………………………………………………………………………………..… SEIS PASOS PARA CREAR TU WEB 1. Tener claro para qué la quieres, cuál es su objetivo. Una web puede informar, mostrar, vender, entretener, poner en contacto... una vez definido el objetivo, debe cumplirlo. Ajusta el diseño y los contenidos al propósito que has definido. 2. Pregúntate a quién va dirigida: es decir, quién es tu cliente actual / potencial. Averigua sus necesidades y preferencias. El cliente también debe marcar el diseño de tu web. Muchas veces se diseña para uno mismo, sin pensar en el usuario final, y sólo se le empieza a tener en cuenta cuando las visitas no son suficientes. Debemos estudiar al usuario, subir contenidos que le interesen, que despierten su curiosidad, que le emociones y le sorprendan, que le aporten valor y utilidad (noticias, novedades, entrevistas, historia del comercio, curiosidades, etc). Has de mirar las webs de tu competencia, hablar con tus clientes, con tus dependientes, etc... 3. Haz un borrador en papel con la estructura o esquema de contenidos deseada para tu web: es decir, el nº de páginas que quieres que tenga, su contenido, y cómo se enlazarán unas con otras. Chequea tus diagramas con clientes y empleados para comprobar que pueden moverse por ellas sin problema. 4.. Delega el diseño, pero no la responsabilidad de su gestión: Supervisa el desarrollo y los contenidos en todo momento. 5. Una vez terminada, pregúntate a tí mismo y a la gente que la haya visitado lo siguiente: ¿Cumple su objetivo?; ¿Es una web clara (demasiada pubilcidad o demasiados menús, desordenada)?; ¿Es navegable (podemos encontrar fácilmente el PRODUCTO o la INFORMACIÓN que estamos buscando, lo podemos comparar con otros productos del catálogo, podemos saber en todo momento dónde nos encontramos, cómo seguir adelante o cómo volver al contenido que acabamos de visitar?); ¿Es accesible?; ¿resulta suficientemente atractiva como para captar el interés?; ¿Resulta útil para los clientes?; ¿Permite contactar con los clientes?; ¿Recoge información de los clientes?; ¿Recoge las opiniones y sugerencias de mejora de los clientes?. 6. Y finalmente, mantenla actualizada, tanto en diseño como en contenidos. Piensa que tu web es como un árbol que hay que regar para que siga creciendo. Coloca noticias, comunica novedades, habla de tus empleados y/o clientes, inserta un calendario con próximas actividades o eventos, etc... Una sección muy recurrida es la clásica: "Tal día como hoy, en 1929..."; "¿Sabías qué?"; "El producto del mes"; el TOP 10. ………………………………………………………………………………………………………………….. Fuente: Elaboración propia …………………………………………………………………………………………………. http://www.chromaticsites.com/blog/the-official-successfulwebsite-checklist-challenge/ If your website doesn’t stand out and do a heck of a lot of things right, then chances are it’s going to crash and burn. Take our “Successful Website Checklist Challenge” (below) and see what you’re doing right, what you’re doing wrong, and what you’re forgetting to do. We’ve even included notes and resources for nearly every item on the checklist (just to make your life easier). Planning 1. Find a niche in the market with a preferably low level of competition Unless you or your company has a very large budget (and a heck of a lot of resources), don’t attempt to enter a market that is saturated with competition. For example: a video game news website. Websites such as Gamespot.com, Ign.com, or GamesRadar.com already dominate the video game news market. Focus on details. If you do want to enter the video game news market, focus on a smaller area of that market and cover it extensively. Make sure that there is a demand or an audience for the discovered niche. Sure, you can create a website that offers video game news for dogs and cats, but you’d be hard pressed to find a dog or cat capable of visiting and digesting the information on your website. The guys over at Niche Website Guide have collected and written a lot of useful information regarding niche websites. 2. Develop a business plan Any successful website needs an airtight business plan. MyOwnBusiness.org provides a wealth of free information about the mechanics of a business plan and how to create a successful one. 3. Choose a good domain name Domain names should be: short, sweet, and unique suggestive of your business category easy to interpret and pronounce easy to remember For more on choosing a good domain name, check out this great article over at PromotionWorld.com. 4. Choose high quality web hosting If you’re serious about your website, then dedicated server hosting is the only option. We’ve worked with a number of web hosts over the years, and without naming names, there are some really terrible shared hosting companies out there.Yes, we know, dedicated servers cost a significant amount more than shared hosting servers. But just like anything in this world, you get what you pay for. Due to their limitations, a shared server is a poor choice if you’re looking to build a successful website. Read more about the differences between dedicated servers and shared servers at DedicatedHostingReview.com. The Planet offers reliable, fast, dedicated servers at reasonable prices. Their support is absolutely fantastic. Design/Layout 1. Basic website elements: header, navigation, content/body, footer Nearly all successful websites have one thing in common: basic website elements: Header – usually contains the logo, tag line, and sometimes the navigation. Navigation – sometimes contained within the header, horizontally above or below the header, or vertically above or below the header (oftentimes aligned on the left or right side of the website). Content/Body – the meat and potatoes of a website. The content/body contains the information that makes your website what it is. The content/body is also the reason why people will visit your website and continue to come back. Footer – the footer usually contains copyright information, links to the main sections on your website, and/or links to other websites within your company’s network. 2. Logo and branding Having a unique and unforgettable logo and brand can allow your website and/or company to remain on the minds of your visitors. Without a logo and brand, it will be hard to make your website stand out from the competition. Visit Wikipedia for more information on logos and branding. 3. Attractive design You know the saying “Don’t judge a book by its cover”? Well, most people do judge a website by its design. What’s worse, if your website doesn’t have an attractive design, people may dismiss your website as being amateur or unprofessional and leave without looking at any of the content. Bottom line: take the time and/or spend the money to create an attractive design. For beautiful design inspiration, visit a CSS gallery such as CSSMania.com or W3CSites.com. 4. Avoid information overload One reason why many websites fail is because there is too much happening on any given page. Keep the website clutter to a minimum. Doing so will allow your visitors to focus on the main content and diminish the chance that they will become distracted or overwhelmed by less important elements. Read more about information overload and how to avoid it by checking out our article, “5 Things to Hate About Web Design (and how to fix them)“. 5. Effective color scheme There are many useful color scheme tools available on the Internet that will help you piece together a successful color scheme. Among our favorites, ColorSchemer, and Color Scheme Generator 2. 6. Develop focal points There should be a clear focal point on every page of your website. The focal point: usually takes up the most space oftentimes stands out through the use of color, font size, or other design/layout techniques is the area on a web page that immediately grabs the visitor’s attention Without a clear focal point, a visitor can easily become confused as to what they should be looking at when they land on a web page. 7. Attention to line height Although it is a smaller detail, paying attention to the line height of the elements within your website is crucial. Usually it is important to increase the default line height of website elements so that these elements can be more easily digested and understood by the visitor. Line height should be examined and if necessary, adjusted, for the following elements: paragraphs lists images navigation headings, subheadings, captions Read more about the CSS line height property at W3Schools.com. 8. Readable font size Make sure that your website’s font size is large enough so that visitors can easily read your content. It is not recommend to have a font size less than 11 pixels. Currently, more and more websites are increasing their website element’s font sizes to 13 pixels or greater. Note: Although we used pixels as the of measurement in the previous paragraph, em is the preferred unit of measurement for the sake of accessibility. Read more about the CSS font size property at W3Schools.com. 9. Use of white space/negative space According to Wikipedia, white space (often referred to as “negative space”) is: that portion of a page left unmarked: the space between graphics, margins, gutters, space between columns, space between lines of type or figures and objects drawn or depicted. The use of white space is key to aesthetic composition. 10. Strong home page A home page’s main goal is to successfully communicate to the visitor what your website is about. If your home page doesn’t grab the attention of the visitor within 7 – 10 seconds, then chances are that the visitor will bounce somewhere else and leave your website. Things your home page should do: Keep your visitors awake (only interesting stuff on the home page) Be short and sweet (bulleted lists, clearly define sections, use columns (not more than 3), short paragraphs) Tell your visitor where to go (accessible navigation, search function, site map in footer) Earn your visitor’s trust (company name, address, phone number, e-mail address, customer ratings, testimonials); this depends on the type of website Be error-free, clean, intriguing (in one way or another), and just plain awesome Read the helpful article, “5 Steps to a Great Home Page” for a more in depth explanation. Usability/Accessibility 1. Usable, easily accessible, and consistently placed navigation A very thorough article on website navigation usability, “The Dos and Don’ts of Website Navigation Usability“, illustrates what to do and what not to do when assembling your website’s navigation: Universal Navigation – navigation appears on every web page Placement Consistency – navigation appears in the same location on web pages The Importance of Text - text for navigation = good, images for navigation = bad Feedback on Location – breadcrumbs, hyperlink styles, colors, etc Flash Navigation - a sensitive subject 2. Flash-free navigation Problem: In the past, one of the biggest reasons why people used Flash for their navigation was because they wanted to have exciting mouse rollover animations or perhaps an interesting fade in effect. The problem: how is your website going to be successful if non-Flash users can’t properly navigate through it? Solution: You don’t need Flash to do this anymore. Although there are some limitations, mootools and jQuery use JavaScript (which 99% of users have enabled on their computers) to create intriguing rollover animations and effects. Since not every user will not have Flash enabled or installed on their computer, do not use Flash for your navigation. It’s just that simple. 3. HTML Site map According to Wikipedia, a site map is: a representation of the architecture of a web site. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site. If you haven’t yet created a HTML site map for your website, Build Your Website has put together a helpful article offering a few solutions to creating a HTML site map. Note: Don’t confuse a XML site map with a HTML site map: a HTML site map is created to provide a table of contents of the pages found within your website to help visitors find the page or information that they are looking for a XML site map is created for the sole purpose of assisting the search engines in finding all of the links within your website A XML site map is listed near the end of this checklist under the “Search Engine Optimization/Marketing” category. 4. Check for dead, broken links Aside from being bad for Search Engine Optimization, dead and broken links are usability nightmares. Make sure that all of the links within your website are linking to existing, live pages. Rather than going through your entire website and clicking every link, Dead Links has a fantastic broken link checker spider that automatically scans through your website and reports which pages contain dead or broken links. Nifty and very useful. 5. Test the website on real users (beta test) Although your website might make perfect sense to you, just remember that not everyone: thinks like you is as bright as you Always make sure to test your website on real world users (preferably random people that you don’t know very well, or even better, have never met before). You’re looking for honesty – not people who will tell you what you want to hear (that your website is the best website in cyberspace). If necessary, run multiple tests until your subjects have no more complaints. Make sure that you’re selecting people who will be your target audience, too. It wouldn’t make much sense to test a motorcycle website on a group of senior citizen women from Hawaii. In case you’re confused, here is a more in depth article on website beta testing. 6. Compliance with Web Content Accessibility Guidelines Is your website accessible to everyone (including handicapped users)? There are a number of things you must do in order to make your website accessible: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language Provide synchronized alternatives for synchronized time-based media Create content that can be presented in different ways (for example simpler layout ) without losing information or structure Make it easier for users to see and hear content including separating foreground from background Make all functionality available from a keyboard Provide users with disabilities enough time to read and use content Do not design content in a way that is known to cause seizures Provide ways to help users with disabilities navigate, find content and determine where they are Make text content readable and understandable Make Web pages appear and operate in predictable ways Help users avoid and correct mistakes Maximize compatibility with current and future user agents, including assistive technologies These items were taken directly from the Web Content Accessibility Guidelines (version 2.0). 7. Minimal or No Usage of Flash Jakob Nielson (commonly referred to as “the king of usability” (Internet Magazine)) sums up the current use of Flash technology on the web quite well: Although multimedia has its role on the Web, current Flash technology tends to discourage usability for three reasons: it makes bad design more likely, it breaks with the Web’s fundamental interaction style, and it consumes resources that would be better spent enhancing a site’s core value. If you have a lot of Flash on your website, then we recommend reading the entire article, “Flash: 99% Bad“. Oh yea, we also recommend getting rid of the Flash. Less Flash = Better Usability. Note: If you’ve been following our articles, then you know that we’ve been very anti-Flash in website design for quite some time. As a matter of fact, I can’t remember the last time we said something positive about Flash. However, hopefully that will change in the not-to-distant future. Professional Flash/Flex developer Chad Udell foreshadows a likely promising future for Flash in websites. There may be hope for Flash after all. Content 1. Unique content, presented in an exciting, straightforward manner Give people a reason to visit your website. Make sure your content: is checked for spelling and grammatical errors is easy to understand has specific appeal to your target audience shows the writer’s personal appeal and flavor Note: Depending on the type of website, content may come from your visitors instead of from you. For example, a community website gets a great deal (if not all) of its content from the website’s members or visitors (YouTube, MySpace, Facebook). Even still, there must at least be a few pages on the website that explain what your website or company is about. Make sure that these content pages are top notch. AkaMarketing.com has a very good article explaining the importance of content and things you can do to have great website copy. 2. Regularly update content Give people a reason to come back to your website. Unless you have information that visitors will want to read again and again and again, it is imperative that you update the content on your website as frequently as possible. Depending on the type of content, some websites won’t need to update their content as frequently as others. Remember: quality, not quantity. Quickly throwing together 10 different pages or blog posts that are of low quality will more than likely be just as effective as throwing together a single page or blog post that took you the same amount of time to create. 3. Break content up with headings, captions, images, videos Unless they are reading an article, people get bored with reading tons of plain text. Break up the paragraphs with headings, subheadings, captions, images, videos, etc. Make your content visually interesting. 4. Allow user interaction Whether you accept comments on your blogging website or allow users to upload videos, images, and sound clips on your community website, make sure to include some form of user interaction. By allowing user interaction, you are making the visitor feel like they are a part of your website. And lets face it – people like to be heard and people like to be a part of something. Even better, provide incentive to visitors to interact on your website. For example: By displaying the top 5 posters on your home page who are considered to be the most reliable and respected users amongst your community product review website (based on review ratings), you are encouraging people to contribute quality reviews and feedback. Make user interaction fun! Website Optimization/Standards 1. Website is standards compliant/cross browser browser compatible This website works best in Internet Explorer 6 with a resolution of 400 x 200. If you’ve been surfing the web since the 1990s, then you’ve probably come across this type of disclaimer on a website. In the past, a webmaster optimized their website so that it worked well in a particular browser. However, when a visitor came to that website with a browser different from the one mentioned in the disclaimer, they were usually out of luck. Enter web standards, the World Wide Web Consortium (W3C), and the Web Standards Project. Gone are the days of website optimization for a single browser. When developing your website, it is absolutely crucial to test on all major, modern browsers. These browsers include: Internet Explorer 6 (PC) Internet Explorer 7 (PC) Firefox (PC, Mac) Safari (PC, Mac) Opera (PC, Mac) Don’t have multiple computers running various operating systems? Fear not, Browsershots has you covered. Browsershots: makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here. 2. CSS, minimal use of tables When programming and styling your website, ditch tables and use XHTML and Cascading Style Sheets (CSS): In web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL. Note: Table-based layouts were used in the 1990s simply because there was nothing better available. Although tables can be used to display table-appropriate elements such as tabular data, CSS-based layouts offer a number of advantages over table-based layouts which you can find in the article, “13 Reasons Why CSS Is Superior to Tables in Website Design“. For a basic tutorial on how to convert your design into CSS, check out the tutorial, “Coding a Layout“. 3. Validate website’s CSS/XHTML Some people think that CSS and XHTML validation is a waste of time – we respectfully disagree. If anything, CSS and XHTML validation is extremely useful as it can aid in the discovery of visual and functional inconsistencies that you may be getting between different browsers. Not only that, having a website with validating CSS and XHTML screams, “I care about my website.” Websites need love, too. Don’t be lazy: Validate your code! CSS Validator | XHTML Validator 4. Optimize page size (images, content, video, audio) Although most people have broadband speed internet connections, believe it or not there are still people who use dial up to connect to and surf the Internet. Make sure that your pages are optimized so that they load quickly no matter what the speed of the visitor’s connection. Page size optimization has a number of steps: Compress images for the web: whatever your image editing software is, make sure to compress all images that will be displayed on your website. Using the “Save for Web” feature in Photoshop allows you to significantly decrease the native file size of an image. When saving an image for the web using Photoshop, colors become muted and lighter than the original version. Viget Labs found a great solution to the Photoshop Color Shift issue. Use CSS, ditch tables: Table-based layouts are much more bloated than CSS-based layouts and thus result in prolonged page load times. Just say “NO” to table-based layouts. Compress video/audio for the web: There are a number of video and audio compression tools available. Choose whichever one you like the most and make sure that your video and audio is compressed before uploading it to your website. There is nothing worse than having to wait for a huge, uncompressed video or audio file to load. 5. Clean code for updating/multiple programmers Is your code clean? Is it commented? If another programmer needed to jump into your code and make some adjustments for you, would it be difficult for them to find their way around? Do your best to present your website’s code in a clear, well-structured manner. It will more than likely help you or other programmers working on your website in the future. Not only that, but having clean code can increase the performance of your website in general. 6. Scripts placed near bottom of page code By moving scripts to the bottom of your pages, you enable progressive rendering and also are able to achieve greater download parallelization. Note: Some scripts may need to be at the top of your pages. This is perfectly fine. Placing scripts near the bottom of your pages is more of a performance tweak, if anything. Still, if you can do it, it is most certainly recommended. Read a more detailed explanation about why moving scripts to the bottom of your pages can help. 7. SEO friendly There a number of things that you must do in order to make your website SEO friendly: minimal usage of Flash don’t use frames keyword research CSS drop down navigation (optional) include researched keywords in title, description meta tags include researched keywords in content include researched keyword in hyper linked anchor text include researched keywords in headings (H1, H2, H3 etc) include researched keywords in alt tags (images, videos, etc) use CSS (Cascading Style Sheets) faster page loading resulting from the usage of CSS means that search engine spiders can more quickly and more efficiently crawl your website Read more about making your website SEO friendly: “Essential Guide to Creating SEO Friendly Website Design“. Search Engine Optimization/Marketing 1. Website monetization One of the biggest reasons to own a website is to generate income from advertising. There are a number of ways to monetize your website or blog (taken from Vandelay Design article, cited below): Text link advertising Text Link Ads – The leader in paid text link ads. LinkWorth – Keep up to 70% of the advertising revenue. Text Link Brokers – Make money by selling links in a directory on your site. Direct Sales KickStartCart – A shopping cart, merchant account, and marketing tool. PayPal – One of the cheapest choices for selling your own products. EasyStoreCreator – Provides a package that includes hosting, merchant account integration, and shopping cart. PPC Google AdSense – The industry leader. Yahoo! Publisher Network – Yahoo’s AdSense alternative. Chitika – Unique Pay-Per-Click product promotion tool. Banner Ads AdEngage – Photo ads with text; not your typical banner ad. AdDynamix – Offers several options besides banners. BannerBoxes – Keep 75% of the revenue from each click. Affiliate Programs Paid Reviews Parked Domains Sell Ad Space RSS Feed Monetization Job Boards WP Plugins Rather than list all of the monetization options available, check out “101 Ways to Monetize Your Website or Blog“. 2. Basic website promotion (press releases) Press releases are a great way to promote your website, new features on your website, or anything else related to your website. A few fantastic press release websites are: PRWeb – “a leader in online news and press release distribution, has been used by more than 40,000 organizations of all sizes to increase the visibility of their news, improve their search engine rankings and drive traffic to their Web site.” eMediaWire – a PRWeb newswire 3. Submit website to directories (dmoz, Yahoo, BOTW) Submitting your website to a number of popular Internet directories is a great way to build up some credible, powerful backlinks. Among our favorites: dmoz – The Open Directory Project. You can submit your website to dmoz for free; the only catch – it can take weeks, months, or even years for their editors to get to your submission. Here are some tips and submission guidelines from the official dmoz blog which can help you make sure that when reviewed, your submission will be accepted. Yahoo! Directory – Yahoo! is much quicker at reviewing your submission due primarily to the fact that you have to pay them $299 per submission. If accepted, you must pay $299 a year to stay in the directory. The upside is that their turnaround time is very fast (reviewed within 7 business days). The downside is that you are not guaranteed to be accepted into their directory. If denied, your money will not be refunded. However, if your website follows everything contained within this article, then chances are you will be accepted. Just make sure that you have quality content and a usable website. BOTW (Best of the Web) – Best of the Web also offers paid directory placement. It costs $79.95 (as of this article’s publication date) to have your website included in their directory. You can either pay a yearly fee of $79.95 or a onetime fee of $239.95. The upside is that their turnaround time is very fast (reviewed within 3 business days). The downside is that you are not guaranteed to be accepted into their directory. If denied, your money will not be refunded. However, if your website follows everything contained within this article, then chances are you will be accepted. Just make sure that you have quality content and a usable website. 4. Newsletter/RSS feed – subscription Newsletters/RSS feeds are a great way to keep subscribers up to date on the current happenings of your website or company. Not only that, but you can advertise and market promotions, products, special offers, contests, or other events to these subscribers. 5. Write articles and submit them to niche specific article submission sites Well written articles are one of the best ways to obtain quality backlinks to your website. If you write a great article, chances are a lot of people are going to link to it. Rather than publishing several low quality articles, take your time and create a few masterpieces. Note: Make sure that the subject of your article relates to the subject of your website in one way or another. Here is an extensive article submission website list from Mr. SEO listing tons of great article submission sites. Rather than submitting your articles to all of them, choose the more popular and respected sites. Another fantastic article explaining how to get your high quality articles featured on the front pages of Del.icio.us and Digg comes from Vandelay Design – “How to Set Up a Domino Effect of Traffic“. We can confirm that the method described within this article works, and it works well. 6. Analytics Any successful marketing or SEO campaign is more often than not using a website analytics program. Yes, we know, data analysis may not be the most exciting thing to do, but it is one of the most important things involved in creating a successful website. How did visitors find your website? How long did they stay? What page(s) did they bounce or exit the most? What is the most common path to goal conversion? What browsers are your visitors using the most? These are all questions that an analytics program can answer. Although there are a number of analytics programs available, Google Analytics is our favorite. Not only is it free, but it is constantly being improved. 7. XML Site map Similar to a HTML site map, a XML site map is a document that contains all of the links within your website; however, a XML site map is created for search engines, whereas a HTML site map is created for your visitors. Submitting your XML site map to the major search engines is good for SEO because the XML site map acts as a guide for the search engines. This “guide” assists the search engines in discovering and crawling all of the links within your website so that they can be indexed and properly assigned to the appropriate search engine results pages (SERPs). Creating a XML site map by hand is a drag, and in our opinion, a waste of time. Check out the free, easy to use XML site map generator at xmlsitemaps.com. Once your XML site map has been generated, check out this XML site map submission article that will take you through the process of submitting your XML site map to Google, Yahoo, and MSN. ………………………………………………………………………………… PUBLICIDAD CONVENCIONAL Por publicidad convencional nos referimos a aquella que se dirige a grandes públicos y es de carácter impersonal. Emplea soportes tradicionales. Herramienta nº 2: Publicidad en el lugar de venta CARACTERÍSTICAS Favorece el impulso de compra porque destaca el producto sobre los demás. Refuerza las ofertas y acciones promocionales. Mejora la experiencia de compra en la tienda. Emplazamiento en lugares clave (por ejemplo, en zonas de espera, columnas, etc) ¡BUENA IDEA! Colocar una pantalla de TV en el mostrador de una panadería, donde el cliente observa en directo como los obradores preparan la masa de pan y la hornean, o en una charcutería (cómo se preparan recetas) o pescadería (cómo faenan los barcos en el mar). Herramienta nº 5: Radio uedes elegir una emisora (soporte) con programación general para todos los públicos, o específica en torno a un tema (música, deporte). Popular: se escucha dentro y fuera de casa. Alto nivel de credibilidad. Íntima y convincente. Ejercita la imaginación: hace visualizar Permite seleccionar la audiencia tanto geográfica como social y demográficamente. Es una publicidad relativamente barata. Es idónea para repetir mensajes una y otra vez, y en espacios cortos de tiempo, por ejemplo promociones puntuales, rebajas, etc. No se puede visualizar el producto. El anuncio es muy fugaz, corto. Se puede compensar con la repetición del mensaje, pero ésta también cansa al oyente. Sobresaturación (6-8 anuncios en cada corte). La audiencia real de cada anuncio no está garantizada ni se puede comprobar. Poco idónea para descripciones largas /complejas TIPOS DE ANUNCIOS Cuñas: Anuncios de voz, música o ambas, de una duración de 15 - 60 seg. generalmente. Falshes: Cuñas cortas de un máximo de 10 seg. Menciones: Textos publicitarios emitidos en directo con o sin fondo musical. Prescripciones: recomendaciones sutiles del locutor Patrocinios: se patrocina un programa o espacio de interés para la audiencia. CARACTERÍSTICAS DEL ANUNCIO EN RADIO: Idea única: se hace una única propuesta de venta. Jingle (canción) sencillo. No es obligatorio. Por ejemplo: "Natillas, Danone, listas para tomar" Sonido de fácil recuerdo: música, voces de los locutores, melodía, etc (p.e. la Canción del Colacao, aceituna La Española) Mención inmediata de la marca o comercio. Lenguaje sencillo y directo. Frases cortas. Se recomienda repetir el teléfono dos veces, y con varios segundos de diferencia, para darle tiempo al oyente a coger lápiz y papel. Hay que elegir el mensaje y el momento de emisión en función de la audiencia a la que quieres dirigirte. Por ejemplo, amas de casa (mañana y primeras horas de la tarde), adolescentes (final de tarde y noche), aficionados al deporte (sábado y domingo por la tarde), ejecutivos (primera hora de la mañana), transportistas (toda la tarde), etc Herramienta nº 6: Publicidad exterior (en calles y lugares públicos) Localización precisa: cerca del punto de venta (dónde se realiza la compra) Frecuencia alta: se hacen los mismos itinerarios, forma parte del recorrido habitual del cliente. Alto índice de recuerdo. Coste relativamente reducido. Baja segmentación: lo ve todo el mundo. El mensaje es fugaz, no se para a leer, pero como suele ser repetitivo, se recuerda. Dificultad de elegir un buen emplazamiento. Escasa repercusión si se elige mal el lugar. Los mensajes deben ser cortos (3 o 4 palabras) TIPOS DE ANUNCIOS EXTERIORES: 1. Publicidad fija Cabinas telefónicas, marquesinas de autobús, mobiliario urbano, relojes / termómetros, quioscos, vallas, carteles en paradas de metro, bancos, vallas y postes (a las afueras de los pueblos, para que se vea desde la carretera), carteles en playas y campos de fútbol, etc. 2. Públicidad móvil a) Transporte: en metro, autobús, vehículos, etc b) Distribución: propias del comerciante o fabricante en camiones, furgonetas, etc c) Otras: publicidad aerostática, láser sobre vía pública, banderas colgadas de mástiles, etc Este es un medio excelente como recordatorio, suele utilizarse complemento de otros medios publicitarios, para mantener el nombre de un comercio o marca ante el público. Esto tiene un valor especial para los comercios ya establecidos y conocidos. IMPORTANTE Hay que huir de los carteles escritos a mano y de dimensiones desproporcionadas. Las faltas de ortografía o combinar mayúsculas y minúsculas ayudan a atraer la atención. Hay que utilizar el tamaño adecuado en función de lo que se quiera comunicar. "El dinero que hemos ahorrado anunciándonos en esta piedra nos ha permitido ayudar a gente en momentos difíciles" Campaña de la Salvation Army EEUU, que empleó medios como piedras coloreadas en parques públicos, cristales sucios de coches sobre los que escribían con el dedo, etc. Es un ejemplo claro de cómo se puede gastar poco dinero y tener un gran impacto (marketing de guerrilla). Publicidad en soportes no tradicionales, que gracias a las nuevas tecnologías y/o a sus altas dosis de creatividad, permite llegar a una cantidad moderada de gente, a un coste relativamente bajo, y de una forma mucho más personalizada (e impactante) que con los medios convencionales. ………………………………………………………………………………………………………………….. Fuente: Elaboración propia www.territoriocreativo.com Fundamentos de marketing Ed. UPCO. Carmelina Vela y Olga Bocigas. Dirección de Marketing. Kotler. Prentice Hall Marketing con un presupuesto ajustado. Gestión 2000. http://www.marketing-xxi.com ………………………………………………………………………………………………… Herramienta nº 7: E-MARKETING 1. E-Mailing: Uno de los soportes más económicos son los anuncios a través del email. Dificultad: conseguir los emails de clientes potenciales y BBDD poco fiables, por lo que resulta especialmente eficaz con clientes habituales. Hay que tener cuidado con la política de protección de datos. 2. Posicionamiento en buscadores: 1. Espontáneo: tu web aparecerá en Google según las etiquetas de tu web en html; 2. Espacio pagado: (p.e. Adwords de Google). Pagas por clic, es decir, por nº de veces que un usuario pincha sobre tu anuncio. Ocupas un lugar patrocinado, destacado, en el buscador Google. Es sencillo y rápido, tú mismo puedes hacerlo con un poco de dedicación 3. Banners y anuncios en web: pasan cada vez más desapercibidos, debido a la saturación publicitaria. Si los anuncios son ventanas emergentes, provocan rechazo automático. 4. Newsletter o boletín electrónico: noticias, novedades, etc. Link a tu web. No es fácil conseguir que los clientes se suscriban a una newsletter, aunque una vez lo han hecho, si los contenidos son interesantes, la aceptación es muy alta. Pero no es una herramienta de venta, sino de información y relación. ………………………………………………………………………………………………………………… Fuente: Elaboración propia www.territoriocreativo.com www.puromarketing.com Libro digital: marketing 2.0. Fundamentos de marketing Ed. UPCO. Carmelina Vela y Olga Bocigas. Dirección de Marketing. Kotler. Prentice Hall Marketing con un presupuesto ajustado. Gestión 2000. http://www.marketing-xxi.com …………………………………………………………………………………………………. Herramienta nº 8: Tele marketing Intentamos de una manera activa provocar la venta. Lo más recomendable a la hora de poner en marcha una campaña puntual es acudir a una agencia de telemarketing, que cuenta con teleoperadoras preparadas, y nos va a cobrar en función del nº de llamadas realizadas y ventas conseguidas. Pero también puede ser un medio pasivo cuando se utiliza para la postventa o atención al cliente. Es esos casos, es recomendable que los comercios dispongan de una o dos personas (perfil comercial) que dediquen parte de su tiempo a la gestión postventa. Es decir: 1. Contactar con los clientes después de una compra relevante y comprobar que está todo correcto. 2. Atender sus quejas en caso de que haya surgido algún problema y buscar una solución. 3. Atender solicitudes de información. 4. Atender pedidos telefónicos. Este medio también es muy útil para recoger la opinión de nuestros clientes sobre nuestro comercio y nuestros productos. Las entrevistas deben ser muy breves (5 preguntas abiertas y que te pongan nota a varios aspectos), y nunca repetir clientes. ………………………………………………………………………………………………………………….. Fuentes: www.marketingdirecto.com Checklist claves para Marketing Directo. Gestión 2000. Elaboración propia. http://www.marketing-xxi.com Revista Marketing y Ventas nº 216. Tendencias en Tele marketing …………………………………………………………………………………………………. Herramienta nº 9: Regalos promocionales Las ventajas de otorgar estos obsequios a clientes y proveedores son numerosas: reforzar la imagen de marca o establecimiento, asociarla a un producto adecuado, y contribuir a la satisfacción y fidelización de clientes y proveedores. Generalmente se regalan en ocasiones especiales: Fiestas Navideñas, hitos importantes para el comercio (p.e. aniversarios, apertura de una nueva tienda), o en fechas importantes para el cliente y/o proveedor (enlace matrimonial, paternidad, aniversario, etc). Estos regalos son los más apreciados. La variedad de regalos entre los que puedes elegir se ha incrementado con las nuevas tecnologías, especialmente en la categoría de ocio y entretenimiento. Los precios también se han ajustado bastante, y podemos encontrar artículos para todo tipo de presupuestos. Además, puedes personalizarlos con tu logotipo, de forma que tu marca consigue estar en las celebraciones y hogares de tus clientes de una forma atenta y discreta. Estos regalos tienen que ser originales, para que llame la atención del cliente y lo conserve. Un comercio debería proveerse de al menos dos categorías de regalos promocionales. Los regalos "vip", para proveedores y clientes importantes. Y los regalos "estándar", que son más bien pequeños detalles para clientes y proveedores habituales. Los regalos más habituales (y más agradecidos) son los que proporcionan una clara utilidad al cliente por ejemplo, los artículos de escritorio, relojes de mesa, paraguas, bufandas, calculadoras, bolígrafos, calendarios de mesa, agendas, gafas de sol, lápiz USB, gorras, camisetas, mecheros, bisutería, etc... Pero incluso en esta categoría de artículos se puede ser original. ¿Cómo? Personalizándolos. Es importante contar con dos o tres variedades de cada regalo (p.e. colores, diseños, etc), para que el cliente pueda escoger. Hay un modelo que gustará más a las mujeres, otro a los jóvenes, a los mayores, etc. Para los regalos "vip", existen empresas que ofrecen regalos completamente personalizados a buen precio: por ejemplo, juegos de mesa y naipes personalizados, sets de escritorio adaptados a las preferencias, aficiones y oficios/trabajo de las personas a las que se va a regalar, etc... Debes planificar tus necesidades de artículos de regalos una vez al año, y hacer el pedido conjunto (mejor precio). Para ello, debes establecer las condiciones específicas para poder hacer entrega de cada regalo (fechas, condiciones del cliente, etc), y ceñirte lo máximo posible a ellos. De lo contrario, si empiezas a regalar bolígrafos al tún tú, te quedarás sin provisiones en menos de dos semanas. Si los derrochas y los entregas a todos los que entran en tu comercio, no se sentirán especiales ni únicos. Han de sentir que se trata de una edición limitada, que el comercio entrega a sus clientes más apreciados... ………………………………………………………………………………………………………………….. Fundamentos de marketing Ed. UPCO. Carmelina Vela y Olga Bocigas. Dirección de Marketing. Kotler. Prentice Hall Marketing con un presupuesto ajustado. Gestión 2000. Páginas web de regalos promocionales http://www.marketing-xxi.com Revista especializada Marketing y Ventas nº 207: especial Dossier “Marketing Promocional”. …………………………………………………………………………………………………. Herramienta nº 10. Promoción de ventas Acciones a corto plazo diseñadas para dar al cliente un valor adicional por la compra de un producto o servicio. Sus mensajes consisten en el ofrecimiento TEMPORAL (aproximadamente mes y medio) de un incentivo extra. Su objetivo final, por tanto, es aumentar las ventas a corto plazo. Para ello podemos: Incrementar la prueba del producto Provocar la primera compra Crear hábito de compra Desarrollar nuevos usos para los productos Incrementar la cantidad de compra por cliente Las acciones dependen de nuestro objetivo: 1. Incentivar la primera prueba del producto con... Muestras a domicilio o en el punto de venta Cross simpling: junto a la compra de un producto conocido le regalamos una muestra del otro. Cupones regalo o descuento en tienda Demostraciones o degustaciones en tienda Precio especial de lanzamiento. 2. Generar la repetición de compra ... Cupones descuento a domicilio Oferta de reembolso en la 2º compra Lotes 3 x 2 ó 4 x 3 Tarjetas de fidelidad Concursos o sorteos en el punto de venta 3. Cuando las ventas han tocado casi techo, la promoción puede intentar engordar una pequeña porción del mercado: Oferta jirafa (más cantidad de producto por un precio menor) Regalos inmediatos o diferidos Reducción de precios (rebajas, descuentos,etc) Cross selling (por la compra de un producto te regalo otro de otra categoría distinta) Ventas de lotes mixtos (con otros productos del comercio) a un precio de oferta. 4. Cuando el producto ya no se vende y queremos deshacernos de los stocks: reducción drástica del precio. Es muy importante aprovechar estas acciones para recabar información de los clientes, por ejemplo, sus emails cuando se suscriben a un sorteo, o sus datos básicos para obtener la tarjeta de fidelización y poder disfrutar de otras ventajas (cupones descuento o regalos) UNA BUENA IDEA Si tu flyer incluye cupón descuento y una utilidad para el cliente (pastómetro para medir la pasta), se conservará y tendrá más impacto. Se recomienda emplear nº impares al final del precio, enmarcarlos correctamente, emplear colores de fondo llamativos, y combinar mayúsculas con minúsculas (decimales). ………………………………………………………………………………………………………………….. Fundamentos de marketing Ed. UPCO. Carmelina Vela y Olga Bocigas. Dirección de Marketing. Kotler. Prentice Hall http://www.marketing-xxi.com Fuente: Promociones de ventas en mercados españoles de Alimentación. Idelco, 2000. Yolanda Yustas López Artículos Distribución & Consumo Revista especializada Marketing y Ventas nº 207: especial Dossier “Marketing Promocional”. ………………………………………………………………………………………………………………….. Herramienta nº 11: Marketing móvil Se trata de enviar mensajes publicitarios a través de dispositivos wireless (PDA o móviles). Lo más usado es el servicio SMS y Bluetooth. El empleo de estas campañas se suele combinar con otras herramientas de comunicación, fundamentalmente publicidad exterior (marquesinas, lonas). Destaca el MSS, es decir, el envío de cupones promocionales a través de un mensaje. Interactividad: el cliente puede responderte, y de forma inmediata. Efecto viral: el cliente puede reenviar el mensaje a otra persona, con un coste "0". Medio multimedia: puedes combinar imagen, sonido e incluso movimiento. Gran alcance. Medio muy económico Conseguir los teléfonos móviles, en su caso. Todavía hay un gran rechazo a recibir publicidad en el móvil (intimidad, espacio personal). Se recomienda emplearlo para invitar a actos o a visitar la nueva web, para informar de promociones o novedades, para recordar una cita, etc. Bluetooth; el móvil tiene que estar conectado a Internet, para que reciba el mensaje. ………………………………………………………………………………………………………………….. Fundamentos de marketing Ed. UPCO. Carmelina Vela y Olga Bocigas. http://www.marketing-xxi.com Kirby, Justin; Connected Marketing, ed Butterworth-Heineman 2005; ISBN 0-7506-6634-X …………………………………………………………………………………………………. Herramienta nº 12: marketing de guerrilla Son acciones de comunicación, publicidad y/o promoción originales y creativas, de mínima inversión y máximo impacto personal. CARACTERíSTICAS: Está diseñado para empresas pequeñas con bajo presupuesto. La inversión es en tiempo, imaginación y esfuerzo. Cada campaña es algo totalmente nuevo. Debe crear relaciones nuevas, y también enfocarse a las relaciones con clientes ya creadas. Puede y debe apoyarse en la publicidad ocnvencional y las nuevas tecnologías. Es publicidad interactiva, convive con el consumidor, que lo puede tocar y manipular. El alcance geográfico es muy limitado, pero el impacto en él es enorme, ya que se trata de proporcionarles una experiencia emocionante, sorprendente, divertida... En definitiva, es idóneo para comercios individuales y para un área de influencia muy concreta y delimitada (el barrio, etc). Es un medio muy focalizado y de gran notoriedad. Algunos ejemplos: Bailes improvisados en mitad del metro, de una superficie comercial, de una estación de tren... Personas en fila indica con la misma camiseta, billetes pegados en una valla, mimos en la calle representando productos ¿Quién no odia que un pájaro haga la habitual gracia en su coche? ¿Porqué no aprovechar ese sentimiento para recordarle al cliente que hay un lavado de automóviles cerca con sentido del humor?. ………………………………………………………………………………………………………………… Fuentes: http://www.recursosparapymes.com/ejemplos-de-marketing-de-guerrilla/ Libro digital: Marketing de Guerrilla para Pymes, Emprendedores y Autónomo http://marketingdeguerrilla.diseniumweb.com/?author=2 http://www.mailxmail.com/curso-marketing-guerrilla/ejemplos-marketingguerrilla www.cajanavarra.es (iniciativa mimos en la calle). http://lamaletaextraviada.wordpress.com/tag/guerrilla/ …………………………………………………………………………………………………………….…. Herramienta nº 13: Relaciones Públicas Son acciones de comunicación que se centran en el comercio, no en el producto, para lograr que los clientes actuales y potenciales tengan una imagen favorable de éste (reputación). 1. PATROCINIOS Puedes patrocinar el equipo de baloncesto juvenil, las fallas del barrio, clubs deportivos, etc. 2. ACTOS SOCIALES Puedes invitar a tus clientes a fiestas, inauguraciones, actividades culturales, ocio para niños, etc... Por ejemplo, una cadena de perfumerías invita regularmente a sus clientas a desfiles de modelos y catas de perfumes en una de sus tiendas. Una vinoteca invita a sus clientes a asistir a clases de enología y cata de vinos en sus tiendas, a degustaciones, etc. Y sortea un viaje de fin de semana a una de las bodegas más reconocidas de España. Una juguetería organiza cuentacuentos, teatro de marionetas, y espectáculos de magia... 3. CLUB DE CLIENTES 4. JORNADA DE PUERTAS ABIERTAS Una pizzería invita a los padres a asistir un día con sus hijos a ver como se prepara, y a que propongan sus propias combinaciones (premio a la mejor, que se ofrecerá con su nombre en la carta...) 5. FUNDACIONES Y DONACIONES Cuando un comercio colabora con una fundación o realiza donaciones, sobre todo si son locales, debe darlo a conocer a sus clientes, y ofrecerles la posibilidad de colaborar con esa campaña. Por ejemplo, habilitar en el comercio un punto solidario de recogida de ropa usada, juguetes, etc. 6. REVISTA EXTERNA Es un documento similar al catálogo de empresa, pero más informal y entretenido: se habla de los empleados, de las noticias relevantes para el comercio, de novedades o tendencias en el sector, del calendario de eventos y actividades, novedades en el comercio, reportajes de las actividades organizadas, consejos, entrevistas con expertos, opiniones de clientes etc. Debe estar disponible para todos los empleados, y estar a disposición de los clientes en la tienda. Si no se cuenta con suficientes ejemplares, debe hacerse una selección. También puede entregarse como suscripción (gratuita o no) En su revista trimestral habla de las novedades en su catálogo de productos, ofrece recetas de cocina, noticias sobre alimentación saludable, recomendaciones sobre protocolo en la mesa, guía para preparar una comida familiar a lo grande, entrevistas a expertos chef, consejos para sorprender a los invitados, normas de etiqueta, información sobre los productos de temporada y cómo elegirlos, sugerencias para la presentación de la mesa y de los productos, consejos para que los niños coman de todo... Además, hay espacio de consulta con una nutricionista para que las lectoras resuelvan sus dudas, y otro espacio para que las lectoras se hagan sus recomendaciones, y propongan a la tienda todas las mejoras que quieren... etc. Se incluyen bonos de descuento, y una tarjeta de suscripción. ………………………………………………………………………………………………………………….. Fuente: Elaboración propia. Carmelina Vela y Olga Bocigas, 1992. “Fundamentos de Marketing”. Editorial ESIC. Madrid ……………………………………………………………………………………………………………..…… Fuentes empleadas en todas las herramientas de comunicación: • Mariola García Uceda, 1997. “Las claves de la publicidad”. Editorial ESIC. Madrid • Carmelina Vela y Olga Bocigas, 1992. “Fundamentos de Marketing”. Editorial ESIC. Madrid • Teoría sobre Comunicación Comercial. Elaborada por el profesor de la UPCO José Miguel Fernández López • FERNÁNDEZ, Roberto, “Alternativas a la publicidad convencional en televisión”, Revista MK, mayo 1997 • REINARES, Pedro y CALVO, Sergio, “Gestión de la comunicación comercial”, Ed. McGraw-Hill, 1999 • RODRÍGUEZ DEL BOSQUE, Ignacio A., DE LA BALLINA, Javier, y SANTOS, Leticia, “Comunicación Comercial: conceptos aplicaciones”, Ed. Civitas, 1997 ………………………………………………………………………………………….. PLAN DE COMUNICACIÓN y 1. Define tus objetivos de comunicación: ¿Quiero que me conozca más gente? ¿Que vengan más veces a mi tienda? ¿Qué compren más en cada visita? ¿Qué compren por internet desde cualquier lugar de España? ¿Que conozcan las novedades que nos llegan? ¿Que puedan probar los productos? ¿Que aprendan nuevas cosas con nosotros y vivan experiencias en familia? ¿Que se relacionen con otros clientes? ¿Qué se impliquen más en la compra? ¿Qué nos hagan recomendaciones de mejora? ¿Que hablen de nosotros o otros? ¿Que encuentren fácilmente lo que necesitan? ¿Que seamos su primera opción cuando piensen en...? ¿Que le ofrezcamos más atractivo que un centro comercial o una gran superficie especializada? etc. 2. Define tus públicos objetivo: Me quiero dirigir a mis clientes actuales para fidelizarlos, a todos los clientes potenciales para captar nuevos clientes, a jóvenes, a hombres, a mujeres, a gente mayor, a discapacitados, a turistas, a residentes extranjeros, a adolescentes, etc 3. Redefine tus objetivos para cada público objetivo: ¿qué quiero conseguir en cada público? 4. Planifica las acciones de comunicación: ¿Qué mensajes voy a trasladar? ¿Qué acciones/soportes puedo poner en marcha con cada público objetivo para conseguir esos objetivos?. Por ejemplo, las acciones en internet no son muy útiles para los clientes de mayor edad 5. Planifica en tiempo, el responsable y el presupuesto: dado el presupuesto de que dispongo, cuánto tiempo necesito para prepararlas, durante cuánto tiempo se ejecutarán, quién se responsabilizará de su diseño y ejecución, quién supervisará su ejecución, cómo controlaré su efectividad, etc. 6. Traduce los objetivos generales para cada público objetivo y acción, en objetivos medibles: por ejemplo, nº de suscripciones a la newsletter, incremento de la venta del producto en promoción, nº de asistentes a la actividad, etc. 7. Supervisa la ejecución (que los carteles aparecen correctamente impresos en las revistas, que los emails llegan a su destino, que la web está operativa, etc.), y en su caso, corrige los errores o fallos de inmediato (acude al responsable y exige rectificaciones o indemnizaciones. 7.Tras la acción de comunicación, controla si se han cumplido los objetivos previstos (incrementos de ventas, de visitas, de prescripciones, nº de asistentes a la actividad y feedback, nº de suscripciones a una revista o newsletter, etc) Lleva un registro de las acciones más y menos eficaces, de los errores cometidos, de los éxitos, de las reacciones y comentarios de los clientes a las distintas acciones, de sus sugerencias, etc... Aprender de la experiencia es una clave esencial para aprender a comunicarte con tus clientes. ………………………………………………………………………………………………………………..… FUENTE: elaboración propia Cómo preparar un plan de marketing. Gestión 2000. David Parmeleer American Marketing Association. Teoría sobre Comunicación Comercial. Elaborada por el profesor de la UPCO José Miguel Fernández López REINARES, Pedro y CALVO, Sergio, “Gestión de la comunicación comercial”, Ed. McGraw-Hill, 1999 RODRÍGUEZ DEL BOSQUE, Ignacio A., DE LA BALLINA, Javier, y SANTOS, Leticia, “Comunicación Comercial: conceptos y aplicaciones”, Ed. Civitas, 1997 http://www.plandemarketing.info/la-verdad-sobre-los-planes-demarketing.pdf / (Recursos para pymes) ………………………………………………………………………………………………….