¿Qué colores elegir a la hora de diseñar un nuevo web?

Los colores que elijamos a la hora de diseñar un web puede ayudarnos a atraer visitantes o bien a ahuyentarlos.
Los tonos que usemos serán los que fijen el look de una landing page o una página web e influirán en la interacción de nuestros usuarios:

AMARILLO

  • Optimista y Juvenil
  • A menudo se utiliza para captar la atención del usuario

ROJO

  • Energía
  • Aumenta el ritmo cardíaco y crea urgencia
  • A menudo se identifica con ventas de liquidación, ofertas y muy utilizado en alimentación

AZUL

  • Color generador de confianza y seguridad
  • A menudo utilizado por bancos y empresas

VERDE

  • Color asociado a la riqueza
  • El color más fácil de procesar por el ojo, muy utilizado en sitios web de finanzas o entrenimiento.

NARANJA

  • Agresividad
  • Se utiliza como call-to-action y para atraer la atención del usuario

ROSA

  • Romántico y Femenino
  • Se utiliza para comercializar productos y servicios para niñas, adolescentes y mujeres jóvenes

MORADO

  • Calmante y apaciguador
  • A menudo se le relaciona con productos de belleza y/o antienvejevimiento

NEGRO

  • Potente y elegante
  • Se identifica con la sofisticación y el lujo, pero cuidado con su utilización, porque un mal diseño y maquetación en fondo negro se puede relacionar con el mundo de los hackers, pirateos y productos para adultos

MORADO

NARANJA

 

Anuncios

Fuentes mas efectivas en banners según Google

La plataforma de publicidad de Google dirigida a rentabilizar soportes de Google, Google AdSense para soportes, ha publicado el tipo de fuente que es mas efectiva en los banners en función de los formatos de los mismos.

Hasta ahora los anuncios de AdWords solo se mostraban por defecto con la fuente Arial y en algunos pocos casos se utilizaba Verdana, pero en verano AdSense anunció a los soportes que estos serán los nuevos formatos predeterminados según el formato del banner:

Arial: 728×90, 336×280, 120×600, 120×240
Verdana: 300×250, 160×600, 468×60, 250×250, 234×60, 125×125, 180×150
Times New Roman: 200×200

4 Claves para hacer un “call-to-action” que de verdad funcione

Si el link es el rey de Internet, el call-to-action no se queda lejos. Estamos rodeados de botones y cada dia pulsamos unos cuantos con esa mano virtual llamada cursor. “Buscar”, “Comprar”, “Aceptar”, “Cancelar”, “Descargar”, “Iniciar sesión”, “Enviar”, “Pulsa aquí”, ¿Por qué?, “Tú pulsa”, etc.
Los hay de mil colores y estilos pero ¿Cómo debe ser el botón ideal? Con este post aprenderemos las 4 reglas que configurarían el botón perfecto. Vamos a ello…

Las 4 claves platinium

  • Que aparente ser un elemento pulsable

El affordance es aquella cualidad que un objeto tiene para autodescribir las posibilidades que ofrece y hacerlo de forma perceptible para el usuario. Por ejemplo, el pomo de una puerta y la maneta de otra son mecanismos de apertura que cumplen un mismo cometido, sin embargo y únicamente con su apariencia intuimos que ambos mecanismos requieren diferentes formas de interacción. Es decir, ofrecen affordance diferentes. Así que la primera regla es conseguir que todo call-to-action tenga un affordance correcto. Un efecto 3D es la clave para conseguir una apariencia pulsable.

  • Copys descriptivos

Por norma general el texto que incluyen la mayoría de los call-to-action es aquella palabra que describe la acción. Por ejemplo: “Comprar”, “Descargar”, “Suscríbete”, etc. Pese a que estos literales son bastante descriptivos, aún podemos reforzarlos si además incluimos el objeto sobre el que recae la acción. Por ejemplo: “Comprar entrada”, “Descargar catálogo”, “Suscríbete al RSS”, etc. Contar un botones que contengan el contexto de manera explícita facilitará el uso sin dar pie a posibles ambigüedades.

  • Refuerzo cromático

Sucede que como usuarios procesamos e interpretamos el significado de un color mucho más rápido que leemos el texto que pueda contener el botón. Así, utilizar el recurso del color resultará en una mayor eficiencia al uso. No hay una norma estándar para este punto, pues está lleno de matices. Un consejo es diferenciar los call-to-action de acción neutral (p.e: “Añadir a favoritos”) de aquellos call-to-action cuya acción puede afectar al flujo de un proceso (p.e: “Ir al paso 2? o “Cancelar compra”).

  • Potenciar la estética

El punto estético tiene una influencia directa sobre la percepción de las cosas. Si algo está cuidado a nivel visual automáticamente cautivará nuestra atención, nos persuadirá, y nos transmitirá confianza.

Nombre de la imagen: eye-candy-button.png, colored-button1.png , contextual-button.png, affordance-button.png

La apariencia importa, somos así.