El diseño web que viene: Tendencias web 2015

El campo del diseño web es un campo en constante evolución. Una evolución motivada por generar una mejor experiencia de uso y conseguir atrapar en nuestra web al visitante.

Hay una serie de tendencias –que muchas de ellas son realidades ya en nuestro días- pero se asentarán en los próximos meses.

Entre ellas destaco lo siguiente:

  • DISEÑO RESPONSIVE

Esto es una realidad ya en toda regla, pero debería de ser de uso generalizado en los próximos meses. Ya no se concibe una web realizada en estos días sin que sea adaptable al dispositivo de navegación… y más teniendo en cuenta el auge de la navegación en dispositivos móviles, que incluso en muchos casos un diseño web responsive hará que la versión web para móvil ni se contemple porque carezca de sentido.

  • MENOS ES MÁS

Contenido claro, fácil de visualizar, minimalista, funcional… la famosa regla del “menos es más” sigue estando presente

  •  FLAT DESIGN

Al hilo del punto anterior, diseños planos, sin texturas ni relieves. Diseños donde la importancia recae sobre el contenido y la atención se centra en el mismo, no en el adorno. Líneas rectas

  •  IMÁGENES FULLSCREEN

Cada día se ven más páginas web donde la importancia de la imagen es mayor. Vamos hacía contenidos más visuales, con imágenes grandes (incluso a tamaño fullscreen). El contenido visual (imágenes atractivas junto con videos incluso de reproducción a pantalla completa) serán protagonistas.

  • ONE PAGE DESIGN

También cogen protagonismo las web diseñadas en un una sola página. La asunción del scroll vertical como algo totalmente habitual (en cierta medida, gracias al uso de las redes sociales donde el uso del mismo hasta niveles infinitos se hace totalmente necesario) facilita la incursión en este tipo de desarrollo donde toda la información está en una sola página. Web corporativas sencillas, webs de lanzamiento de productos, etc… son candidatas a usar este formato

  • SLIDERS CREATIVOS

En el campo de los tan usados sliders, el uso de líneas temporales para maquetar slider que no se limiten únicamente a un foto de background y un posible texto superpuesto. La inclusión de distintas capas sobre una línea de tiempo permite dotar de mayor creatividad a nuestros sliders.

  •  DISEÑO QUE RESPIRA

Fuentes con puntos de letra grande, espaciados más grandes de los habituales, botones muy visibles… En definitiva, un diseño sencillo, visible y donde lo importante es ver de forma cómoda el contenido

  • SOCIAL

Seguimos siendo sociales. Esto no es una tendencia nueva, esto es la continuidad de nuestros días. Los iconos sociales siempre deberían de estar visibles, incluso formando parte del menú principal o estar situados en el entorno del mismo. Hay que facilitar la posibilidad de compartir nuestro contenido: Pongámoslo fácil para el usuario

 

En definitiva, tendencias convertidas en realidades que pasan por mejorar la experiencia de los usuarios en base a diseños que se adaptan al dispositivo y donde la atención se centra en el contenido y no en el continente, con mucho peso de la imagen como medio de transmisión de la información.

Los pasos en el carrito de la compra

Aquellos que seáis lectores de este blog me habéis visto utilizar varias veces la frase de “MENOS ES MÁS”. Es un lema que suelo aplicar a muchos de los conceptos sobre desarrollo web, usabilidad, diseño… la cosas deben de ser claras y sencillas. Información directa y nada rebuscada. Todo lo importante tiene que estar accesible.

En este caso quería centrarme en el proceso de confirmación del carrito de la compra que encontramos en nuestro ecommerce. Cada proyecto hay que entenderlo como algo específico pero en líneas generales soy partidario de reducir al máximo los pasos que un usuario tiene que ir confirmando hasta llegar a efectuar el pago y confirmación final de nuestro pedido.

Proceso de checkout en un paso

 

A nivel de diseño y estructura del ecommerce, sería recomendable que durante el proceso de finalización de la compra, el entorno que ve el usuario sea totalmente limpio, orientado a la conversión, sin distracciones: Botones de redes sociales, otras llamadas a la acción que pudiéramos tener en nuestra web, etc… sería recomendable que no estuvieran visibles (y/o accesibles): Que el usuario se centre en la confirmación del pedido.

En primer lugar, es completamente lógico que si dedicamos 4 pasos en lugar de 1 tenemos más opciones de que en alguno de ellos el usuario desista de la compra y abandone la cesta. Si sólo hay que completar uno, facilitamos el “CHECK OUT & GO” y evitamos puntos de fuga.

Un paso implica sencillez, líneas directas… hay que facilitarle la vida al usuario. Además, si analizamos muchas tiendas online, muchos de los pasos intermedios que damos hasta la confirmación final son evitables porque sólo se ofrece una opción de transporte o una opción de pago… ¿Qué tipo de selección es aquella en la que hay una sola opción? ¿Por qué no suprimimos esos pasos intermedios en los que únicamente tenemos que hacer clic en el botón de “Siguiente” porque no tenemos que seleccionar nada?

checkout

Ejemplo de proceso de checkout realizado en un solo paso. En una sola pantalla el usuario aporta toda la información necesaria. Sólo una llamada a la acción claramente identificada (“PLACE ORDER”)

En el caso de que sea necesario la implementación de un proceso de confirmación de pedido en varios pasos, es totalmente necesario tener información proveniente de la analítica web de cómo se comportan dichos pasos, en que puntos hay más abandonos. Tenemos que saber qué está pasando en nuestra web.

Por ejemplo, si no hacemos mención a los costes de envío de nuestro pedido y en el paso dedicado al transporte mostramos el precio y este sale a un precio desorbitado (o que sencillamente el usuario no ha tenido en cuenta), es factible que en ese punto sea un punto de abandono de carritos. ¿No sería más recomendable informar de los gastos de envío de primera mano? Así el usuario tendría asimilado el coste del envío durante todo el proceso de la compra y no se llevaría “sorpresas desagradables” que harán que abandone su idea inicial de compra.

Otro tema relacionado con la sencillez en el proceso de compra es optimizar el proceso de alta/registro/login del usuario. Si es la primera vez que compra, que los datos que nos facilite cuando esté completando su pedido sirvan para darse de alta (sin tener que colocar la información dos veces) es lo más óptimo. Como siempre, los datos a solicitar que sean los justos y necesarios. Ni más ni menos.

Además, otros factores a tener en cuenta durante el proceso del carrito de la compra son, por un lado, las recomendaciones de productos a añadir al carrito en base a lo que en este se encuentran (crosselling) y por otro la gestión de carritos abandonados, que no deberían de caer en saco roto y ser el punto de partida para acciones de recuperación de los mismos (por ejemplo, recordar el carrito que se ha dejado a medias y puede recuperar de forma sencilla, el ofertarle algún tipo de descuento o promoción por completar el mismo, etc…). En definitiva, si ha picado, conseguir la pieza… siempre bajo los parámetros de la cercanía y sin ser intrusivos. Ser pesados puede conseguir el efecto opuesto: Que no nos compre ahora… ni nunca.

Diseñando la ficha de producto perfecta

En el momento de diseñar una ficha de producto para nuestro ecommerce hay que aplicar una máxima: Menos es más.

Hay que olvidarse de estructuras sobrecargadas y coloristas, dejando bien claro nuestro producto, las ventajas del mismo, como conseguirlo y las opiniones de los usuarios:

  • Titular de nuestro producto atractivo. Que quede claro que es lo que estamos ofreciendo
  • Imágenes atractivas de nuestro producto. Si es necesario invertir en un profesional o en un estudio fotográfico para que las fotos de nuestros productos queden sumamente atractivas, será una buena inversión. Siempre es más fácil vender aquello que entra directamente por los ojos
  • Claridad y concisión en describir nuestros productos. Para aquel que requiera más información le dejaremos la opción habilitada al efecto, pero de un primer vistazo tienen que verse las bondades de nuestro producto.
  • Un mensaje de llamada a la acción importante: “Compra ahora”, “Resérvalo ya”, … acompañados de botones de llamadas a la acción que indiquen los siguientes pasos a realizar (“Compra”, “Reserva gratis”,…) altamente visibles y accesibles.
  • Sencillez. Hay que tratar de obviar todos aquellos elementos que puedan suponer una distracción en la navegación de la ficha de producto (redes sociales), sin embargo si que es recomendable incluir elementos que aporten confianza al usuario (pago seguro, sellos de confianza online, …)
  • Opiniones de usuarios. Es muy interesante mostrar las opiniones de los mismos ya que aportan ese plus de personalización y confianza a nuestra tienda. Evidentemente podemos encontrarnos con opiniones negativas que hay que saber gestionar: Si nuestro producto no está a la altura es una potente herramienta de feedback, si son malintencionadas, la comunidad –por norma general- sabrá discernir cuales son intencionadas o no. Lo mismo que si solo admitimos aquellas opiniones superpositivas… la audiencia no es tonta.

 

En resumen, los detalles anteriores se podrían resumir en el siguiente diseño:

 

mockup-ficha-producto

 

Estos elementos son básicamente desde el punto de vista estético, aunque muchos de ellos tienen consonancia con indicaciones SEO que mejorarán el posicionamiento de nuestra landing de producto

  • Uso de tag H1 único por página, en este caso para la keyword de la misma donde se incluirá la ficha de producto
  • Usar densidad de keyword dentro de la descripción de nuestro producto, a través de la pequeña descripción y, sobre todo, a lo largo de esa información más ampliada que dejamos para aquellos que estén más interesado en información de nuestro producto. Muy importante destacar que esta información debería de ser única (y propia) y no contenido duplicado para evitar penalizaciones del algoritmo de Google.
  • Las imágenes utilizadas debería de estar correctamente etiquetadas (ALT) y correctamente optimizadas. Una imagen no optimizada ralentiza la carga de la web, perjudicando la experiencia de usuario y afectando de forma negativa al posicionamiento de nuestra web atendiendo a factores de WPO

Sencillez. Simplicidad. Cero distracciones… Así debería de ser el diseño de una landing optimizada de producto

Social Locker – Cómo conseguir mayor difusión social

Una forma de conseguir mayor difusión social de nuestros contenidos puede pasar por “ocultar” parte de nuestro contenido interesante a cambio de cierto compromiso por parte del usuario. En cierta forma, es un acuerdo al 50%: Nosotros mostramos más información si el visitante de la web previamente comparte el post.

Social Locker es un plugin para WordPress obliga al usuario a hacer clic en los botones sociales con el objetivo de obtener algo “mas”. En cierto modo es ofrezcer un contenido “premium” a cambio de un share por perfiles sociales. Una contraprestación bastante justa que, por otro modo, aporta mayor difusión a nuestro contenido (para ello habrá que levantar amplias expectativas sobre lo que podemos llegar a ofrecer… y que luego estas se cumplan).

social-locker

La instalación del plugin se puede hacer desde el repositorio de WordPress de manera sencilla … y su inclusión en las distintas entradas viene definida a partir de un shortcode. Más sencillo, imposible.

Su presentación, similar a lo que veis en la parte inferior. Así que si queréis acceder al contenido oculto ya sabéis lo que toca 🙂

[sociallocker]¡Gracias por compartir esta entrada! En este caso, no he dejado nada extra una vez compartido, todo el compartido premium viene en la parte superior :-)[/sociallocker]

PD.: Este blog seguirá con contenido totalmente abierto, esto es simplemente una prueba de uso del plugin 😉

 

Como crear una landing page optimizada

Podríamos definir una landing pages como una página de “aterrizaje” a nuestra web, la página por la que un usuario empieza la navegación en nuestro sitio web, lo habitual es que responda a la venta de un producto o un servicio que ofrecemos.

En este caso, pretendemos que el mensaje queda muy claro desde el principio para generar, en la medida de lo posible, las mayores conversiones posibles y las llamadas a la acción “call to action” sean lo más altas posibles.

Para ello debe quedar claro 3 conceptos: Qué se ofrece, que ventajas se obtiene con el producto/servicio en cuestión y cómo puedo conseguirlo. Mensajes directos, sin rodeos, y que inviten a convertir.

Estás páginas debería de responder a una cierta estructura para conseguir optimizar su cometido. ¿Por qué hacerlas según los parámetros siguientes? Porque necesitamos captar la atención del visitante para que nuestra acción sea altamente efectiva.

Partimos de la base de que, como usuarios, cada día recibimos decenas de correos con ofertas, enlaces con información aparentemente atractiva vía redes sociales o realizamos búsquedas donde creemos que los enlaces elegidos nos llevan a páginas que contienen la información que necesitamos (y que luego vemos en los segundos de escaneo que dedicamos a la página que, a simple vista, no encontramos lo que estamos buscando).

Para conseguir una landing page perfecta tenemos que ajustarnos a las siguientes características:

  • Sencilla: Con una estructura clara. Que en un primer vistazo se obtenga toda la información que queremos ofrecer (qué ofrecemos, qué ventajas aporta y cómo conseguirlo). No pongamos los innumerables beneficios que tiene nuestro producto o servicio posee. Menos es más, así que destaquemos 2-3 ideas sencillas del mismo.
  •  Diseño adecuado a nuestro producto, servicio y target. Usemos la tipología y gama cromática adecuada a nuestro visitante potencial. Por ejemplo, si lo nuestro es el diseño minimalista, no empleemos fondo de colores recargados, fuentes enormes….
  • Un título atractivo que incite a seguir leyendo una breve descripción del servicio o producto que ofrecemos (las ideas mencionadas en el primer punto). En este título no olvidemos los criterios de SEO/SEM incluyendo -debidamente etiquetado con tag h1- las palabras clave por las que nos queremos posicionar.
  • Una imagen sugerente, atractiva… que incite o evoque los beneficios que podemos obtener si completamos la acción que nos sugiere nuestra landing page.
  • Formulario sencillo. Hay que pedir los datos justos, los necesarios… ya tendremos tiempo de recabar más información si esta es necesaria, pero no exijamos que el usuario nos cumplimente muchos datos porque no conseguiremos nuestro objetivo. A menor cantidad de datos solicitados, mayores posibilidades de conversión.
  • Call to action visible. Las llamadas a la acción (botones) que sean visibles, que tengas copys atractivos, que inciten a hacer click.

Sencillez, claridad y mensaje directo como resumen de una landing page optimizada que atraigan la visita de clientes potenciales, los retengas hasta que “absorban” la información que les mostramos y aumentemos el ratio de conversión (que nuestro visitante nos deje sus datos vía formulario, se descargue un archivo, se haga follower/fan de nuestras páginas en redes sociales, etc…)

Todo esto es mejorable con factores como la velocidad de carga –que no se eternice la carga de nuestra página, ya que eso desespera al visitante e incita al abandono- o la distribución de los elementos en nuestra landing.

Factores básicos para la optimización SEO

Existen una serie de factores básicos para la optimizacion SEO on-site, es decir, acciones que debemos de llevar a cabo en nuestra web. Muchos de ellos son triviales y evidentes pero hay que tenerlos en cuenta a la hora del desarrollo web.

Podemos definir los siguientes:

  • Palabra clave en el nombre del dominio o en las categorías de producto. Con ello perseguimos que nuestras URL respondan a posibles criterios de búsqueda sobre los que nos queremos posicionar.
  • Palabras clave en las páginas de entrada, en nuestros post, usando la misma con una densidad adecuada y haciendo uso de elementos visuales (negritas, cursivas, …) que no solo van a facilitar la lectura del mismo, sino que van a indicar al buscador donde están los puntos de interés
  • Por cada post/página, definir de forma adecuada el titulo, la descripción y las palabras clave. Si usamos WordPress para nuestro sitio web, configurar adecuadamente WordPress SEO o AllInOne SEO Pack, como plugins SEO recomendados. El título pasa por ser probablemente el elemento más importante para optimizar el SEO, ya que Google considera el título como uno de los elementos más significativos. Debe ser único por cada página, no excesivamente largo (65-70 caracteres) y que incluya la keyword en el mismo.
  • Imágenes etiquetadas con las palabras clave y el texto ALT cumplimentado.
  • Usar de forma eficiente los etiquetados de encabezados (h1, h2, h3, …), esto orienta a Google –y a nuestros visitantes- sobre el contenido y la organización del mismo. Es recomendable que nuestra palabra clave aparezca al menos incluidas en un encabezado h1.
  • Añadir enlaces, tanto hacia fuentes externas (por ejemplo Wikipedia) como hacia nuestra propia web. Los enlaces internos ayudan al buscador a recorrer otros elementos de nuestra web y descubrir nuevas páginas. Los externos, proporcionan un valor añadido al visitante y esto está bien considerado por Google.

Esos serían los parámetros básicos a tener en cuenta siempre. A día de hoy, se pondera de forma muy positiva la generación de contenido que aporte un valor añadido: contenido original y una alta frecuencia de actualización es lo recomendado para mejorar nuestro posicionamiento SEO.

El contenido de nuestro artículo no debe sería ser excesivamente largo 400-500 palabras (si da para más, podemos partirlo en 2 entregas), no estar plagado de palabras clave y que, sobre todo, sea útil para el visitante de nuestra web. Es recomendable que se incluyan imágenes –lo más atractivas posibles- y que esté correctamente etiquetada como se ha comentado anteriormente.

Por ello, lo ideal es centrar nuestros post en un solo criterio de búsqueda, ya que podremos de forma mucho más eficiente, focalizar la atención de dicho artículo sobre una única keyword (aquel dicho de quien mucho aprieta, poco abarca no podría venir mejor). Nuevamente, si utilizamos WordPress podemos hacer uso de herramienta como KeywordWinner que nos reporta la información de un cierto criterio de búsqueda (keyword) en el momento de la redacción de nuestro post.

Estos son los que ahora mismo se me ocurren, seguro que se me escapa alguno… 😉

Instalando WordPress desde cero en 5 sencillos pasos

WordPress pasa por ser unos de los gestores de contenido más utilizados del mercado. Concebido inicialmente para blogging, la gran cantidad de opciones que posee, la gran comunidad que hay detrás y las grandes posibilidades de ampliación de forma sencilla que existen –basadas en la multitud de plugins desarrollados- hacen de WordPress la plataforma ideal para una gran cantidad de proyectos web.

Unos simples datos vistos de forma infográfica nos dejan lugar claro de la importancia del uso de WordPress:

uso-wordpress

Fuente: WordPress in Numbers Infographic 2013

Una de las grandes ventajas de WordPress es su facilidad de instalación. Unos sencillos pasos que vamos a ver a continuación y que harán que en apenas 5 minutos tengas tu wordpress listo para utilizar.

Aquí tienes los 5 pasos para instalar WordPress:

  1. Descargar última versión de WordPress
  2. Subir archivos de instalación a nuestro alojamiento
  3. Crear base de datos de nuestra web
  4. Modificar el archivo wp-config.php
  5. Lanzar instalación

 

[quote align=”left” color=”#999999″]Descargando la ultima versión de WordPress[/quote]

Para ello, bastará con ir a http://es.wordpress.org/ y pinchar sobre el botón siguiente. Sencillo, ¿verdad?boton-descargar-wordpress

Esto nos descargará el paquete de instalación de WordPress que tendremos que descomprimir en nuestro directorio de trabajo.

[quote align=”left” color=”#999999″]Subir archivos de instalación a nuestro alojamiento[/quote]

Para ello, haremos uso de un gestor de archivos FTP, como puede ser Filezilla. Partimos de la base de que tenemos los datos de FTP de nuestro alojamiento. En caso de no tenerlo, deberíamos de solicitarlos a nuestro proveedor de hosting. En este caso, el paso es extremadamente sencillo: Subir los archivos del paquete descomprimido que nos hemos descargado antes a nuestro alojamiento.

subir-archivos-ftp

 

[quote align=”left” color=”#999999″]Crear base de datos para nuestra web[/quote]

Nuevamente necesitamos los datos de nuestro panel de control (y que este cumpla con los requisitos básicos para poder correr WordPress: Soporte para PHP y MySQL).

En este caso, crearemos una nueva base de datos MySQL. Este paso se hará normalmente desde el PHPMyAdmin, utilidad totalmente necesaria para la gestión de nuestras bases de datos en el alojamiento que tengamos contratado. Este paso puede variar “estéticamente” en función del alojamiento/proveedor que tengamos contratado, pero en cualquier caso siempre es bien sencillo.

Básicamente se trata de crear una nueva base de datos donde le tendremos que proporcionar 3 datos:

  • Nombre de la base de datos
  • Usuario de la base de datos
  • Contraseña

 

[quote align=”left” color=”#999999″]Modificar el archivo wp-config.php[/quote]

El paquete que nos hemos descargado anteriormente, lleva incluido un archivo wp-config-sample.php. Este archivo hay que editarlo en los siguiente valores:

wp-config-modificacion

  • DB_NAME
  • DB_USER
  • DB_PASSWORD

Modificándolos por los que acabamos de crear anteriormente. Guardamos los cambios y renombramos el archivo a wp-config.php. Finalmente, subimos este archivo a nuestro alojamiento (como hemos hecho en el paso 2 pero sólo añadiendo este archivo).

[quote align=”left” color=”#999999″]Lanzar la instalación[/quote]

Paso final: Ejecutamos la instalación lanzando directamente una llamada desde el navegador a nuestro dominio (o el directorio donde hayamos hecho la instalación). WordPress solo nos pedirá el nombre del proyecto y los datos de administración que queremos usar. Eso es todo.

Como ves, lanzar una instalación de WordPress es cuestión de escasos minutos. A partir de aquí comienza la tarea dura: Dotar de contenido de calidad a tu sitio web -además de ir personalizándolo según necesidades- cosas que iremos viendo en próximos post

Pasos previos para el desarrollo de una tienda online

Muchas veces existe la falta creencia de que montar una tienda online es una solución extremadamente fácil. Existen multitud de CMS en el mercado que a golpe de unos pocos clics consiguen tener en modo totalmente funcional una tienda online (ya analizaremos con detenimiento los mismos), pero esta no es la solución a nuestra vía de negocio.

Previamente al comienzo del desarrollo web de una tienda online, debemos de analizar una serie de factores a tener en cuenta, entre ellos los siguiente:

  1. Producto: Debemos de tener un producto que sea competitivo, que tenga un precio sumamente atractivo porque, no nos vamos a engañar, a día de hoy tenemos cualquier cosa a cualquier precio… así que necesitamos tener un plus –llámese precio, servicio, calidad, poder diferenciador-, que haga que nuestro producto sea deseado por aquellos que visitan nuestra web.
  2. Servicio: Si bien nos interesa vender a clientes nuevos, lo que más nos debería de interesar es que aquellos que han comprado vuelvan a hacerlo, ya que serán nuestro primeros prescriptores. Estarán contentos con nuestro servicio y/o producto y lo recomendarán a sus conocidos. No hay que olvidar que el mundo tan socialmente conectado en el que vivimos, eso es un valor añadido.
  3. Posicionamiento SEO: Nuestra web no debe descuidarlo, debe de estar orientada al usuario final, que es el que en resumidas cuentas navega y saca la tarjeta para pagar sus pedidos, pero debemos tener en cuenta los factores de optimización SEO On-Site para que resulte atractiva para buscadores.
  4. Estrategia en redes sociales definida. Bien en cierto que, a día de hoy, las redes sociales no las veo como un canal de venta per se, pero sí un canal de ayuda a la venta. No se cierran operaciones pero si que ayuda a que se cierran en nuestra web.
  5. Promoción: Englobado con los dos puntos anteriores, necesitas promocionar tu tienda online, que todo el mundo sepa de sus existencia, de sus ventajas. Una buena base de emails puede facilitar mucho la labor ya que el e-mail marketing sigue siendo hoy en día el número uno como herramienta efectiva en procesos de promoción de productos/servicios.
  6. Asesoramiento por profesionales: Es indudable que la visión de un experto en la materia puede ayudar a que nuestro proyecto sea viable. Es tremendamente lícito que queramos ahorrar costes y hacerlo nosotros mismos, pero muchas veces, el ahorro que supone el coste de una asesoramiento profesional deriva en que cualquier inversión que se haga en el proyecto sea en vano ya que tiene fallos estructurales o definición de conceptos que van a hacer que nuestro proyecto no arranque nunca.

Seguro que hay infinidad de puntos a tener en cuenta en nuestro análisis previo, por ello la vital importancia que tiene el mismo antes de pensar en cuestiones estéticas de nuestra tienda online.

¿Por qué la gente abandona mi web?

Hay miles de formas de tratar de conseguir tráfico hacia tu web, pero hay las mismas opciones de conseguir que los visitantes de la misma abandonen la web nada más aterrizar en ella. Sería un dudoso honor que la tasa de rebote de nuestra web llegara a límites máximos.

Muchas veces se invierte un valioso tiempo en desarrollar, diseñar e implementar una web pero no se tienen en cuenta ciertos aspectos que hacen que el fracaso de la web sea inminente.

Veamos esos elementos en los que hay que prestar especial atención para minimizar el abandono de la web por parte de nuestros visitantes:

  1. NAVEGABILIDAD. Estructurada, pensada, sencilla. Hay que huir de estructuras de navegación complejas, donde al usuario le cueste localizar la información. A su vez, hay ciertas estructuras que funcionan, que el usuario ya tiene asumido el funcionamiento con un simple vistazo a la web: No busquemos lugares imposibles para posicionar nuestro menú. Simplifiquemos la estructura en la medida de lo posible… que no haya que recorrer muchos clicks para llegar a la información que estamos buscando.
  1. NO PREGUNTES DEMASIADO. Muchas veces tratamos de recopilar cierta información de nuestros usuarios, información que nos servirá para futuras acciones (por ejemplo, campañas de email marketing).  Pues bien, hay que tratar de minimizar la cantidad de información solicitada. Pidamos lo básico, nada más. Cuesta mucho conseguir que un cliente acceda a darnos sus datos a cambio de algo (que genere una conversión), pero cuesta muy poco que esa conversión no se lleve a cabo si le solicitamos 15 campos cuando la información base que nos hace falta se limita a 5.
  1. NO SE SABE QUE OFRECEMOS. Esto es básico. Debemos de ofrecer una visión clara de nuestro producto/servicio. Nuestros visitantes responden a perfiles muy heterogéneos… tenemos que conseguir que la imagen que proyectemos para todos ellos quede claro el valor de lo que ofrecemos.
  1. PIENSA EN PERSONAS, NO EN ROBOTS. Tu contenido lo “consumiran” personas, no robots. Piensa en ellas cuando prepares tu contenido. El SEO (posicionamiento orgánico) está muy bien, pero no te olvides de tus lectores. Dale sentido a lo que ofreces.
  1. TU WEB NO ESTÁ OPTIMIZADA… Y tarda media vida en mostrar contenidos. Eres candidato al abandono. No hay tiempo. El visitante no espera.
  1. NO APORTAS NADA. Tienes una web estructura, recoges la información justa, se sabe que ofreces y tu contenido está pensado en las personas, pero… ¿aportas algun beneficio a tu visitante? Si este detecta que no aportas nada nuevo, lo normal será salir corriendo y no volver.
Elementos basicos para aumentar la conversion

Elementos básicos para aumentar la conversión

Existe una serie de elementos básicos que tenemos que tener en consideración a la hora del desarrollo de una página web o una tienda online. No vale solo con poner las fotos de nuestras instalaciones o nuestro producto y un texto “estándar” que venda lo buenos que somos.

Y digo lo de texto estándar porque muchas veces extraes el texto de una web y lo clonas en otra aunque sean de distintos sectores y el texto sigue teniendo sentido… cuando no debería de ser así, deberíamos entrar en mayor detalle y especificación para diferenciarnos. Todos somos los más rápidos en el servicio, los que más calidad ofrecemos y los mejores en relación calidad/precio. Y esto exige un compromiso e implicación por parte del cliente… aunque desde el punto de vista del desarrollador, debo de reconocer que muchas veces esa implicación es mínima… pero esto es harina de otro costal.

A lo íbamos. Bajo mi punto de vista hay un repóquer de elementos sobre los que prestar especial atención en el desarrollo de un sitio web (bien sea corporativo o dedicado al comercio electrónico). Son elementos que confieren personalidad a la web, la dotan de sentido y la hacen diferente.

Elementos basicos para aumentar la conversion

Imágenes. En un post anterior comentaba el uso de las imágenes para ilustrar los post. Reitero lo mismo. Hoy en día, como consumidores, estamos sujetos a múltiples “bombardeos”… hay mucho de todo y hay que tratar de destacar de la generalidad. Además, el tiempo que tenemos para consumir la información es reducido. Impactemos con imágenes atractivas.

Testimonios. Nosotros tenemos una opinión clara de nuestro servicio y de nuestros productos, pero es una opinión que el visitante de la web intuye que no es imparcial. ¿Cómo resolverlo? Dejando en nuestra web que otros hablen de nosotros. Esto se puede hacer bien a través de un apartado de “testimonial”, abriendo un libro de visitas o con algo tan sencillo como habilitar los comentarios en nuestro blog (y digo tan sencillo porque muchas veces ni siquiera en el blog se pueden dejar comentarios). Desde el punto de vista externo esto aporta un plus de transparencia. No tenemos miedo a lo que digan de nosotros porque nuestro producto/servicio tiene el nivel suficiente (y si no lo tiene, estos apartados son el mejor feedback para mejorarlo)

Contacto. Que los datos de contacto sean accesibles en un primer vistazo. No hay que ocultar ningún dato de contacto. Teléfono, dirección y email siempre visibles y accesibles. Y si puede ser, acompañar con fotografías de nuestra localización, de nuestro equipo… algo personal, algo propio. Con esto proyectamos la imagen del equipo que hay detrás de todo el desarrollo y, como en el apartado anterior, generamos confianza.

Ser únicos. Tenemos que tener un valor diferencial y así ofrecerlo. Nuestras ventajas competitivas tienen que ser claramente visibles. ¿Somos buenos en el servicio? Indiquémoslo. ¿Tenemos el mejor precio del mercado? Juguemos esa baza. ¿Nuestro servicio post venta es envidiado por la competencia? Explotemos esa ventaja. Por “ser únicos” quiero dar a entender que tenemos una característica que nos hace muy competitivos y tener un valor diferencial sobre nuestra competencia.

Simplifica. Nada tan tedioso como navegar por una web y no saber dónde estás, ni lo que puedes consultar ni como volver a un determinado apartado que has visto anteriormente. Realizar una estructura de contenidos estructurada y de fácil accesibilidad es un punto a favor de aumentar la conversión. El principio de menos es más aplicado a la navegabilidad de la web.

Como veis, 5 elementos sencillos que deberíamos de tener en cuenta cuando realizamos un desarrollo web. 5 elementos orientados a generar confianza y mejorar la experiencia del usuario en la navegación por nuestra web.

Seguro que se pueden añadir algunos más…  ¿Cuál añadiríais vosotros?