Archivo de la categoría "recursos"

6 de Septiembre de 2010

Esta plantilla para diseñar trípticos puede ser de gran ayuda para todos aquellos que dan sus primeros pasos en esto del diseño gráfico. Con ella tendrán todo bajo control ya que cuenta con todos los elementos necesarios para que a la hora de llevar los proyectos a imprenta no surjan imprevistos.

plantilla_triptico

Descargar plantilla para tríptico en formato Illustrator

Vía: Ricardo Lince

Archivado en : diseño gráfico, recursos |
26 de Julio de 2010

Son cada vez más las empresas que tienen o quieren tener presencia en Facebook.
Es por ello que este kit en PSD que nos trae Smashing Magazine para empezar a conocer los elementos de Facebook es tan útil.

facebook_kit

Archivado en : recursos, web |
22 de Junio de 2010

Launchlist es una aplicación que nos permite revisar de forma rápida los puntos más importantes que debemos chequear en una web antes de su lanzamiento.

Es una lista que nos facilita la tarea de revisión haciendo que no olvidemos ningún detalle.

Tan fácil como indicar con un sí o un no en cada elemento de la lista, permitíendonos además añadir nuevos items y enviar el informe al responsable del proyecto.

launchlist

Archivado en : diseño web, recursos, web |
8 de Marzo de 2010

El “Manual de Buenas Prácticas del Diseño” será de interés tanto para profesionales del diseño como para profesionales contratantes. Esta iniciativa de La Fundación Centro Tecnológico Andaluz de Diseño, aborda el tema del diseño desde una perspectiva global, mostrando sus ventajas y su campo de actuación.

El manual se divide en tres guías prácticas, según su contenido esté dirigido a profesionales -‘La profesión del diseño’-, empresas -‘La empresa y el diseño’- o la administración pública -‘La administración pública y el diseño’-. Los distintos volúmenes ofrecen información adaptada a las necesidades de cada uno de estos 3 públicos con el fin de que les sea más fácil llevar a cabo acciones productivas de diseño.

Si te interesa contar con esta herramienta trabajo puedes solicitarla de forma gratuita a Surgenia, ya que el Centro Tecnológico pretende ofrecerlo como una herramienta de trabajo al servicio cualquier profesional del diseño.

Vía: Gráffica.info

Archivado en : diseño gráfico, recursos |
1 de Marzo de 2010

Os dejamos a continuación una recopilación de ejemplos para el diseño de newsletters:news-example-01

news-example-02

news-example-03

news-example-04

news-example-05

news-example-06

news-example-071

news-example-08

news-example-09

news-example-10

news-example-11

Archivado en : diseño web, recursos |
26 de Febrero de 2010

Hemos cubierto ya algunos de los grandes capítulos en la construcción de una newsletter; diseño, factores técnicos…
Pero ahora una vez realizado en envío, es el momento de medir los resultados de la campaña y comprobar si hemos alcanzado los objetivos que nos marcamos en anteriores fases.

Deberemos analizar indicadores tales como:
- Tasa de apertura: ¿Cuántas personas que recibieron el correo lo abrieron?
- Tasa de click: ¿Cuántas hicieron click sobre algún enlace?
- Reenvío: si nuestra newsletter contaba con la función “enviar a un amigo”, ¿cuántas personas la emplearon?
- Cancelación de suscripción: ¿Qué número de personas han cancelado su suscripción?
- Tasa de conversión: ¿Cuántas personas tras leer la información realizaron una compra/acción?

Archivado en : diseño web, recursos |
25 de Febrero de 2010

Aunque es difícil encontrar una única fuente que nos facilite todo lo que debemos saber y necesitamos para diseñar nuestras newsletters, si contamos con una gran cantidad de recursos online.

Dave Greiner tiene una lista bastante interesante con sugerencias técnicas y trucos que vale la pena visitar y ver en su totalidad. Aquí os dejamos algunos destacados:

-   Usar tablas para la estructura, en lugar de CSS.
-   Las tablas anidadas son más fiables que el padding y el margin.
-   No utilizar imágenes PNG, porque Lotus Notes 6 y 7 no las muestran.
-   Establezca explícitamente un margen para los párrafos, los valores por defecto varían mucho.

Plantillas HTML y galerías de diseño:

- Free templates from Campaign Monitor

-   Themeforest templates

-   Free templates from MailChimp

- Campaign Monitor gallery of great designs

- SpamMeltdown email gallery

-   Beautiful Email Newsletters Gallery

- Inspirational Newsletter Designs: Flickr Set

Artículos interesantes de Campaign Monitor

- Guide to CSS rendering in email clients

- Does video work in email?

- Which email clients block images?

- Can I use a form in my email?

Herramientas para testar nuestras newsletters:

-   Litmus email testing

- Campaign Monitor design and spam testing

-   MailChimp’s Inbox Inspector

Otros:

-   42 HTML Email Design Resources: Un resumen de con los mejores recursos de diseño aplicado a clients de correo electrónico, que abarca visiones generales, normas, plantillas, checklists, herramientas de diseño y galerías entre otros.

Archivado en : diseño web, recursos |
24 de Febrero de 2010

Maquetar para clientes de correo es regresar al pasado y a la utilización de tablas. También es necesario definir los estilos CSS en línea, añadiéndolos a cada uno de los elementos.
Pero tampoco nos desesperemos, porque hay algunos servicios online que nos pueden ayudar con este proceso.
- Premailer
- The Automatic Inliner CSS tool: para los estilos
- Inline Styler: para convertir las reglas de estilo en estilos de línea.
Para una buena experiencia es conveniente además, incluir siempre una versión en texto plano, ya que algunas personas pueden tener su sistema bloqueado no pudiendo ver la vista HTML o simplemente su cliente de correo no lo permite por estar demasiado anticuado.
Ofrecer esta alternativa dará al usuario la posibilidad de leer el comunicado sean cuales sean las características de su cliente de correo.

Os dejamos un ejemplo de esta práctica:

texto-plano

Otro punto a tener en cuenta es la visualización de las imágenes.

Si utilizas Outlook o Gmail habrás visto en más de una ocasión que las imágenes no se muestran directamente en el mensaje sino que los lectores tienen que hacer clic para que estas se descarguen y muestren.

Os dejamos un par de tablas que resumen como tratan los clientes de correo tanto web como desktop el bloqueo de imágenes:

image-blocking-desktopmail

image-blocking-webmail

Finalmente os dejamos algunas ideas:

- Evitar las imágenes en el contenido relevante, como titulares, enlaces o llamadas a la acción, ya que si el lector no tiene activas las imágenes ese contenido aparecerá en blanco.

- Añadir un enlace a la versión web del boletín, de esta manera si su gestor no le permite la visualización correcta podrá hacerlo directamente desde la web.

-    Utilizar el atributo alt para que los usuario de gmail tengan un mejor experiencia.

-    Especificar la altura y anchura de las imágenes para asegurarse de que los marcadores de posición no las saquen del diseño.

- Realiza una prueba de envío con las imágenes inhabilitadas antes de enviarlo para chequear que el mensaje es comprensible.

¿Qué otros aspectos tenéis en cuenta en a la hora de maquetar newsletters?


Archivado en : diseño web, recursos |
22 de Febrero de 2010

Diseñar con un objetivo nos permitirá poder medir su eficacia.

Os dejamos un ejemplo a continuación para que veáis a que nos referimos:

news_example

Cuando diseñamos no podemos perseguir 10 objetivos, porque al final no alcanzaremos ningún, en muchos casos será necesario centrar con el cliente el objeto de la comunicación para poder crear una identidad visual que se ajuste a aquello que pretendemos conseguir.

Otro punto a tener en cuenta es la baja de los usuarios. En muchas ocasiones estamos tentados a poner este tipo de información en la parte inferior, bien pequeñito y en gris clarito, vamos todo lo escondido que se nos ocurre. Pero ¿qué sentido tiene complicarle la vida a aquellos usuarios para los que nuestra información ya no es relevante? Dificultarle el proceso sólo conseguirá que nos tachen de spamers, además de dejarles un mal sabor de boca sobre nuestra empresa.

Os dejamos un buen ejemplo de esta práctica:

unsuscribe

En el próximo artículo de la serie, hablaremos sobre el código.

Archivado en : diseño gráfico, recursos |
18 de Febrero de 2010

Céntrate en lo relevante.

Comentábamos en artículos anteriores que el lector juega un papel fundamental dentro de la construcción de la newsletter.

Es cierto que cada vez que realizamos una comunicación somos conscientes de que podríamos enviarla a toda nuestra lista de contactos, pero que el usuario acceda a recibir información de nuestra parte no significa que quiera ser bombardeado por un sinfín de descuentos, promociones, etc.

¿Entonces qué hacemos? Una idea sería, organizar nuestra base de datos por ítems de interés. Identifiquemos la información de relevante para un determinado grupo y hagámosle llegar eso.

Además ahora mismo las ISPs y los proveedores de correo dan mayor valor a su definición de spam, por lo que es fundamental centrarnos en lo relevante.

Archivado en : diseño web, recursos |
Copyright © 2009 Se ha ido ya mamá? CSS | XHTML