Informe de Estudio de Buenas Prácticas en Diseño

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)
………………………………………………………………………………………………….