diseño

diseño

Cuatro errores de diseño que lastran la conversión

Hay un factor que es crucial a la hora de la conversión y que es la base de posteriores acciones: el diseño. En la estructura y estética del contenido estarán las claves para que el usuario se anime a comprar y considere además un buen servicio lo que la empresa le ofrece. Vamos a repasar algunos de los errores que se deben evitar si queremos aumentar el ratio de conversión.

En primer lugar, el diseño debe ser claro y generar una buena experiencia de usuario (sobre todo, que este encuentre fácilmente lo que busca). Por ejemplo, hay estudios que demuestran que los sliders (menús que muestran imágenes y redirigen a diversos contenidos), disminuyen los ratios de conversión. Por ejemplo, Chevrolet descubrió que empeoraban la experiencia de usuario y que lastraba la conversión, al no contribuir a la difusión clara de su mensaje.

En un segundo nivel de profundidad, debemos también prestar atención al contenido. Hay también dos sentidos que deben estar claros: por un lado, conocer los objetivos para colocar la información en este sentido y desarrollar los textos de acuerdo con lo anterior. Cuando sepamos la estructura de la información que queremos ofrecer, debemos escribir títulos claros, con propuestas de valor para los clientes y mensajes positivos, como envío gratis u otras estrategias.

También es un factor importante la colocación de las llamadas a la acción y la forma de redactarlas y diseñarlas. Debemos contar con un profesional de usabilidad que sepa cómo utilizar imágenes, diferentes tamaños de fuente, negritas y colores que contrasten para orientar la lectura del usuario para que estos sigan una ruta planificada por la marca.

Por último, es muy importante el diseño de los formularios de conversión, que serán en última instancia las plataformas desde donde se producirá el efecto deseado: petición de información, compra o inscripción. Es importante que el formulario siga la línea gráfica del resto de la web, que el diseño y funcionamiento sea lo más sencillo e intuitivo posible y que cada elemento que esté presente cumpla una función y no haya puntos de distracción, como un banner o una información adicional.

Por ejemplo, WWF consiguió potenciar sus leads con una reformulación completa de sus formularios, que además ofrecían la posibilidad de hacerlo a través de dispositivos móviles (aunque solo petición de información, ya que el proceso se completaba en PC).

Diseñar formularios web que los usuarios sí completarán

Muchos negocios en Internet requieren que los usuarios cumplimenten formularios web en alguna de las fases necesarias para que éstos sean rentables. Antes de colocar un formulario en tu página, es importante asegurarse que cumple las condiciones necesarias para que los usuarios no decidan abandonar el site y puedan rellenarlo correctamente. Si el formulario no está planteado de forma adecuada, esto provocará que muchos individuos abandonen el proceso, perdiendo así la oportunidad de obtener los beneficios deseados.

¿Qué no debe faltar en todo formulario web?

Lo más importante a la hora de diseñar formularios web es la simplicidad. El aspecto de la página debe ser limpio y sencillo, dejando el espacio necesario entre cada uno de los campos a rellenar para que la pantalla no quede sobrecargada. Se debe buscar la sencillez sin olvidarnos que debe presentar los mismos colores y elementos básicos que el resto del site para evitar que los usuarios puedan pensar que han abandonado el sitio web donde estaban navegando.

Con el objetivo de que el individuo no se distraiga y abandone el formulario antes de tiempo, se debe colocar en un lugar prominente de la página, sin rodearlo de elementos que puedan distraer la atención como pueden ser enlaces hacia artículos, anuncios o imágenes llamativas. El único elemento que se recomienda destacar es el botón de envío del formulario.

Al igual que el aspecto debe ser sencillo, es importante que los campos que el usuario cumplimentará se reduzcan a la mínima expresión. Cuánto más corto sea el formulario, más probabilidades habrá de que lo rellenen. Si no nos queda otro remedio que recoger una gran cantidad de datos, lo más recomendable será dividir el proceso en varias pantallas y mostrar una barra de progreso al usuario para animarle a finalizar.

Por último, es importante explicar a la persona que nos está dando sus datos qué información es la que esperamos que nos dé (con aclaraciones junto a los diferentes campos) y para qué la utilizaremos. No sólo aportaremos transparencia de cara al usuario si no que evitaremos problemas legales en relación a la privacidad.

Crear una web es un trabajo en equipo

La cultura empresarial sobre el mundo de Internet crece día a día y cada vez es más gente la que llega a la conclusión de que el desarrollo de una página web o de una aplicación implica mucho más que tener algo que sea bonito y que funcione.

Por eso, cada vez es mayor el número de empresas que dejan de contratar los servicios de un programador freelance para que desarrolle una página web y contratan los servicios de una agencia de marketing online.

Ya no es suficiente con un equipo de programación excelente para ejecutar un proyecto de éxito, sino que éste debe estar integrado dentro de un conjunto de profesionales expertos en áreas complementarias:

Desarrollo + Diseño

Un error muy extendido, incluso entre agencias de publicidad poco habituadas al mundo online, es pensar que un diseñador puede diseñar un folleto un día y una web estupenda al día siguiente. Pensar así es parecido a pensar que un conductor de Formula 1 puede conducir un camión de bomberos sin que se note la diferencia. El diseño web requiere experiencia, conocimientos sobre usabilidad y cierta sensibilidad técnica, sobre todo en los últimos tiempos en los que el diseño debe ser responsivo y adaptarse a todo tipo de dispositivos.

La complicidad entre el equipo de diseño y el equipo de desarrollo es fundamental para lograr una web redonda. Los programadores solemos proponer soluciones técnicas que mejoran mucho después de pasar por las manos de un diseñador y los diseñadores muchas veces tienen ideas que son imposibles de implementar si no está apoyado por un buen programador.

Desarrollo + Usabilidad

La usabilidad es una disciplina muy denostada pero que resulta capital si queremos que nuestra web tenga éxito. Consiste en estudiar el comportamiento que tendrán los usuarios dentro de una web para conseguir que cumplan de forma natural el objetivo que nos hemos marcado.

La usabilidad, en último término, es lo que nos lleva a tomar decisiones sobre la forma de mostrar determinados elementos: ¿Es mejor el banner arriba o abajo? ¿Es mejor hacer un menú desplegable o permitir que el usuario se introduzca cada vez más en las secciones por sí mismo?

Mientras que los desarrolladores nos preocupamos principalmente en que las cosas funcionen lo mejor posible y sin errores, un experto en usabilidad se preocupa en que las cosas sirvan para lo que tienen que servir.

Uniendo usabilidad y desarrollo conseguimos una web que funciona como debe, sin errores y que cumple el objetivo para el que fue concebida.

Desarrollo + SEO

Hoy en día es imposible concebir el SEO sin contar con expertos en desarrollo. Recomiendo leer un estupendo artículo de mis compañeros del equipo de SEO de Trazada que trata sobre la importancia del SEO técnico.

Desarrollo + Redes Sociales

Las redes sociales, principalmente Facebook, ponen a disposición de los usuarios herramientas para crear contenido personalizado que son muy difíciles de explotar si no se cuenta con la colaboración de un equipo de desarrollo.

La simbiosis entre social media y desarrollo hace posible que la presencia de una marca en una red social se diferencie del resto y ofrezca oportunidades de negocio que sus competidores no tienen. Sin ir más lejos, todos los usuarios de Facebook reciben notificaciones o ven publicado en su muro contenido de aplicaciones que están utilizando sus amigos, y esto es fruto de la colaboración de expertos en redes sociales con desarrolladores que saben analizar y cristalizar sus ideas.

Desarrollo + Marketing

Hace tiempo que las páginas web dejaron de ser un elemento independiente que funcionaba por sí mismo, si es que realmente alguna vez lo fueron. Una web de éxito sólo tiene sentido englobada dentro del marco de una estrategia de marketing online, de forma que la web puede constituir el elemento central de la estrategia o puede simplemente ser un elemento que refuerce otras acciones de marketing.

Los analistas y programadores web deben ser conscientes que su trabajo va englobado dentro de un marco más amplio en el que es tan valioso el conocimiento técnico como el conocimiento estratégico del equipo de marketing.

Mediante esta relación no solo se consigue mejorar los resultados de una empresa mediante estrategias online convencionales, sino que pueden surgir soluciones más originales como en su día fueron los minijuegos en flash, códigos QR o la realidad aumentada.

En definitiva, la estrecha colaboración entre desarrolladores y otros profesionales logra que el resultado sea mucho más que la suma del trabajo de la gente implicada en el proyecto.

Diseñar un email eficaz en 12 pasos

Aprender a diseñar un email eficaz es una de las acciones más efectivas dentro de tu plan de marketing online. Para ayudaros con ello hemos creado una infografía con estos 12 sencillos pasos. Un buen diseño debe ayudar a garantizar la entrega, a captar la atención del destinatario (desde la bandeja de entrada) y a inducirle a actuar. Pero antes de comenzar a diseñar cualquier pieza de comunicación por e-mail es necesario tener solucionados tres puntos clave que serán los pilares de la creatividad:

  • Qué queremos comunicar. Perry Marshall, experto en marketing online, decía: “El objetivo más importante de cada email que envíes es… que te lean el siguiente…” Por lo tanto selecciona muy bien tu contenido y hazlo relevante.
  • A quién se lo vamos a comunicar. Si conoces bien a tus destinatarios podrás hacer una comunicación más personalizada.
  • Los filtros anti-SPAM. En todo el mundo se envían un total de 294 billones de correos a diario, de los cuales 106 millones son clasificados como SPAM.

Como en todo, no existe una regla general 100% efectiva pero con estos consejos seguro que estamos más cerca del éxito.

 

Tendencias en diseño web para el año 2013

Un nuevo año acaba de dar comienzo y es el momento para que se pueda hacer una valoración de cual serán las principales tendencias en diseño web y los caminos que seguirá la industria del desarrollo web durante el 2013.

Si una cosa tiene clara la mayoría de los responsables de los negocios online es que los próximos doce meses serán móviles. La enorme expansión en todo el mundo de teléfonos inteligentes con acceso a Internet y otros dispositivos como las tabletas sin duda será uno de los factores que más influya durante este año cuando se trate de poner en marcha un sitio web. Por ello el diseño responsivo (o Responsive Web Design) es uno de los temas más candentes en los foros especializados. Incluso el equipo de calidad de búsqueda de Google indicó que contar con un site adaptable es preferible a mostrar distintas versiones de la web para dispositivos variados.

Con el objetivo de facilitar la interacción del usuario que navega con un teléfono móvil y hacer accesible la información, en 2013 veremos cómo las páginas web cuentan con botones más grandes. Así se pueden aprovechar las cualidades de las pantallas con tecnologías táctiles en vez de dificultar la navegación en el site. También con el foco puesto en una mayor usabilidad, se tenderá a mostrar toda la información en una única página simple sin necesidad de recurrir a complejos menús. Otro elemento que está cobrando cada vez más importancia para los desarrolladores es el tipo de tipografía usada en la web, ahora ya se considera un factor más del aspecto general del sitio y se elige teniendo en cuenta criterios tanto estéticos como funcionales.

En cuanto a la tecnología, va ganando peso la utilización de HMTL5 y CSS3 tanto por su versatilidad como por la gran cantidad de opciones entorno a ellos que están apareciendo para facilitar la tarea de los diseñadores. La capacidad de integrar elementos interactivos y de animación de forma sencilla y sin recurrir a plugins adicionales que el usuario deba instalar junto con la evolución constante de los estándares de desarrollo, convierten este lenguaje en una apuesta segura para 2013.