Entradas

Web diseño responsive

web diseno responsive

Web diseño responsive

Diseño responsive de tu web. “Sin responsive , no hay web”

El avance tecnológico y la importancia de nuestros dispositivos móviles, han hecho que las personas visiten sus páginas web de interés en sus smartphones con mas frecuencia, para ello se crea un diseño de página web responsive. El diseño responsive es el conjunto de técnicas de diseño web que busca adaptar un sitio web al ancho de cada dispositivo, permitiendo así  una correcta visualización y una mejor experiencia para el usuario.

La web adaptable debe ser personalizada, actual y atractiva, utilizando las últimas tecnologías y un posicionamiento natural en los buscadores.

Cuando diseñamos nuestra página web, son tres los aspectos los que debemos tener en cuenta;

  • Porque es importante un buen diseño web adaptable? La navegación móvil es cada día más importante y la falta de sitios web optimizados hacen que el usuario llegue a tener una mala experiencia con el sitio web. Que quiere decir que no están optimizados? Pues que un sitio web no este adaptado a una pantalla más pequeña como la de un teléfono móvil por ejemplo.

La experiencia del usuario es lo más importante a la hora de crear una página web.

  • No se trata de crear una versión web para cada dispositivo, sino de crear un sistema para que nuestra web se adapte al contexto en el que esta siendo vista, optimizándose de manera automática.
  • El diseño responsive debe mostrar, contenidos e imágenes fluidas y se adapten a la pantalla según el dispositivo que utilicemos. Hay que evitar los contenidos duplicados y deben aumentar la expansión de sus contenidos.

Ventajas de tener una web responsive.

En primer lugar, el diseño de tu web responsive va a suponer un ahorro de costes, ya que esto supone en una inversión menor porque no es necesario crear más versiones para diferentes dispositivos.

Es la mejor manera de abarcar un público más amplio y satisfacer a cada uno de ellos, y lo más importante mejorar la experiencia de navegación de los usuarios.

Otro punto a favor del diseño responsive  contribuye a un mejor posicionamiento en buscadores de dicha página web, ya que las visitas realizadas desde dispositivos móviles se suman a aquellas que se realizan desde los ordenadores.

Como hemos comentado al principio del post, la utilización de los dispositivos móviles ha aumentado en los últimos 30 años. Teniendo en cuenta que aproximadamente el  70%de los usuarios utiliza las redes sociales a diario en sus dispositivos móviles, es muy beneficioso para la creación de tu web responsive porque puede que tu contenido sea compartido con mayor facilidad en las redes sociales.

Para el usuario, el diseño web responsive le proporciona una mejor lectura, con un tamaño de letra adecuada, para una lectura cómoda ya sea en smartphone o en Tablet.

Por último, tenemos una clara ventaja competitiva. Los sitios web con Responsive Design todavía es relativamente nueva, por lo tanto,  te encontraría por delante de tus competidores con este cambio en tu diseño web.

 

Web responsive: Adapta tu web al móvil y aumenta tus ventas

Web responsive: Adapta tu web al móvil y aumenta tus ventas

web responsive 2

Todos sabemos lo importante que es para cualquier empresa tener presencia en el mercado de internet y, en concreto, en las plataformas móviles. Smartphones, tablets, y app se han convertido en los últimos años en lo más usado en nuestra sociedad. Es un mercado emergente muy fuerte y con potenciales clientes para nuestra empresa.
Lo que sí podemos afirmar, es que la navegación a través de estos dispositivos, genera mucho tráfico hacia la web de la empresa, y tenemos que saber canalizar ese potencial para captar y fidelizar nuevos clientes a nuestra empresa.

En este artículo, veremos la importancia de ofrecer al cliente experiencias agradables en cuanto a conectividad y comunicación con nuestra empresa,

Adapta tu web al móvil: responsive design.

Puede que este término no te suene de nada, pero es capital para el mercado móvil y para la conectividad con múltiples dispositivos (portátiles, smartphones, tablets…), El diseño adaptativo, a grandes rasgos, sirve para que una misma web se visualice correctamente en cualquiera dispositivo, con independencia del terminal que usemos.
Además,como se ha comentado en otro artículo de nuestro blogs, las webs con responsive design, tienen mejor posicionamiento en los buscadores y además de muchas otras ventajas, como te explicamos en este artículo.

web responsive 1

Factores importantes a tener en cuenta.

Además del diseño, para tener éxito en el mercado móvil, hay que tener en cuenta otros factores, como son la optimización o la navegación desde la misma aplicación móvil. El mercado móvil, no debe estar basado en “repetir” lo que aparece en nuestra web, sino que debe ofrecer algo más al cliente.

Este plus que se necesitaría podría ser comodidad, inmediatez, máxima usabilidad y sencillez a la hora de navegar por los contenidos de nuestra empresa.
Si el cliente tiene una experiencia agradable navegando y visitando el contenido de nuestra empresa en versión móvil, se habrá conseguido otros de los factores importantes a tener en cuenta: la fidelización de un nuevo cliente

En cuanto al comercio electrónico, el proceso de compra puede ser muy negativo si se ralentiza, o si la aplicación “se va por las ramas” entre formularios interminables, registros innecesarios, etc, dando lugar a una experiencias con nuestra aplicación incierta y casi con seguridad a la pérdida de un potencial cliente.
En contra, puede estar la solución de registrarnos a través de una red social (facebook, twitter…) o un perfil de invitado y que así el cliente no tenga que distraerse en otras cosas.

Un último factor que deberíamos contemplar al construir una web responsive, es la parte de diseño en cuanto al componente visual, es decir, a la inclusión en nuestra aplicación móvil, de vídeos y fotos que ayuden al cliente a decidirse si está haciendo una compra electrónica, o ha hacerse una idea de un producto si está buscando información.

En conclusión, el mercado móvil no sólo se conquista teniendo una web adaptada al móvil y punto, sino que creemos que hay que ofrecer un plus al usuario, en cuanto a experiencia y navegabilidad. Teniendo en cuenta los factores mencionados en este artículo, se trata de crear un nuevo canal de comunicación y aprovechar este nuevo nicho de mercado para fidelizar los potenciales nuevos clientes. En definitiva, dar una experiencia al usuario de profesionalidad, sencillez y de ir al grano.

Si quieres tener una web responsive adaptada a todos los dipositivos móviles para aumentar tus ventas, XSI Puede ayudarte. 96 228 70 84 central@xsi.es

¿Qué tienes que saber antes de contratar una página web?

¿Qué tienes que saber antes de contratar una página web?

Muchas empresas no son conscientes de la importancia que tiene su página Web, ya que esta es: su imagen, el más relevante de sus comerciales y su principal escaparate.

Un porcentaje muy elevado de usuarios / clientes, llegan a tu empresa por este medio.

 

Los errores más comunes a la hora de contratar una agencia o consultoría para que desarrollen la web para su empresa son:

  •  No destinar los recursos humanos y tiempo suficientes para poder desarrollar el proyecto.
  • No analizar y documentar las necesidades y objetivos de la web de empresa.
  • Falta de esfuerzo en documentarse sobre lo que necesitan y así poder seleccionar a la empresa idónea que les desarrolle el sitio web.
  • Evaluar solo el coste del proyecto, sin preocuparse de los factores que influyen en este como, variables del proyecto, conocimientos, experiencia y profesionalidad de la empresa contratada. Es un sector en el que existe mucho intrusismo laboral, que se aprovechan del desconocimiento de la empresa

 

Para poder tomar la decisión acertada en la contratación de la empresa que desarrolle su página web, tiene que tener en cuenta muchos elementos:

 

Objetivos: La primera pregunta que nos tenemos que hacer es, ¿qué perseguimos con la web?, más visitas, que mensaje queremos dar,  información de tus visitas, cerrar ventas, aparecer en los primeros lugares de Google, etc. Si no tienes definido el objetivo, el presupuesto que destines para tu web será un gasto, no una inversión.

Dominios y hosting. Según el país o países y los objetivos puede que sea necesario más de un dominio y un hosting de calidad que no solo cubra las necesidades actuales sino las futuras que pueda tener el negocio.

Público objetivo. ¿Cual es el target al que deseamos llegar?. ¿Como podemos llegar a ellos?, ¿qué idioma hablan nuestros clientes? ¿qué Redes Sociales son las que necesitamos? Etc.

Contenidos. Es un pilar fundamental, este deberá explicar claramente lo que la empresa quiere transmitir y es vital para el posicionamiento de la página y aumentar el tráfico.

Diseño. Este deberá respetar y adaptarse a la imagen corporativa: Hoy en día es indispensable la web se ajuste a todo tipo de dispositivos, por ello debemos realizarla en responsive design.

Usabilidad. Los usuarios tienen que sentirse cómodos y saber intuitivamente como navegar por el sitio.

SEO. Tenemos que tener claro que palabras son las que queremos que aparezca nuestra web en los resultados de las búsquedas que realicen nuestros clientes, este punto lo tenemos que tener muy claro para cuando se esté creando la web se utilicen todas las herramientas necesarias optimizar el sitio web para el posicionamiento en Google para lograr este objetivo.

Analítica. Sin información no se pueden tomar decisiones. La web deberá ser construida para que cada una de las páginas puedan ser medidas y analizadas.

Legalidad. Debemos cumplir la normativa legal vigente, ley de protección de datos o ley de la sociedad de la información.

Si necesita una Web o tienda online que funcione, que cumpla con los objetivos marcados  y esté optimizada para Google. XSI es su agencia de marketing en Internet.

Un 33% de las búsquedas móviles se convierte en una compra, según Google

Un 33% de las búsquedas móviles se convierte en una compra, según Google

Los usuarios son más veloces que las empresas y, por esta razón, deben optimizar sus páginas web para que el usuario pueda consultarlas a través de sus dispositivos móviles y sus tablets ya que, como saben, la tendencia es el móvil. “Una de cada cuatro búsquedas que se realizan en el móvil tiene un contenido local. Y de éstas un 33% termina por convertirse en una compra”, asegura el director de productos y soluciones para Google España y Portugal, José María García. “Las empresas que no cuentan con una página web optimizada para móvil pierden el 40% de sus clientes” y, obviamente, “terminan en la competencia”.

Lo que la empresa quiere hoy en día es optimizarse en todos los sentidos para estar disponible en todo tipo de soportes y que así sean utilizados por la sociedad. Y cuando hablamos de soportes nos referimos a la forma de aplicación, ya que los usuarios quieren “tener” en muchos casos la empresa en su dispositivo móvil. Y no es de extrañar que “las búsquedas a través de teléfonos móviles se hayan multiplicado por cinco, algo que sólo ocurría cuando comenzó a utilizarse el ordenador”.

Los estudios sobre consumo de información realizados por Pew Research Center y el publicado por IAB indican que, hoy en día, hay tres veces más usuarios que en 2011 que consumen información a través de sus smartphones y tabletas. Pero aunque parezca que todo va bien, no es así, ya que “el usuario va mucho más rápido que la propia empresa” y algunas de ellas no se han adaptado a todas las capacidades, aunque las que sí lo hacen “se posicionan bien y generan un negocio de forma diferente a través del móvil”.

Por eso, Google aconseja a los empresarios que “piensen su modelo de negocio desde cero enfocado a smartphones y tablets”. Y un buen ejemplo para entender esta realidad es el de la aplicación gratuita de Instagram, que “fue creada sobre móvil sin haber pensado antes en el ordenador”.

10 consejos de Google sobre usabilidad en webs móviles

La imparable penetración de los smartphones, el incremento de la cuota de venta y el cambio en el comportamiento del consumidor  justifican el crecimiento de los sites móviles.

¿Pero cómo afrontar un proyecto con éxito?

 

 

Estos son los 10 consejos de usabilidad móvil publicados por Google.

  1. 1.       Facilita la función táctil

  • Los botones y enlaces debes estar lo suficientemente separados para impedir clics accidentales.
  • Diseña tu sitio para que los usuarios puedan actuar cómodamente con él.
  1. 2.       Optimiza la visibilidad.

  • Asegúrate de que el contenido se puede leer con dispositivo a cierta dfistancia.
  • Crea contraste entre el fondo y el texto.
  • Los botones de distintos colores destacan. Los botones de conversión deben ser más grandes y llamar la atención del usuario.
  • El contenido debe caber en su totalidad en la pantalla de modo que pueda leerse sin necesidad de aumentar el tamaño.
  • Utiliza efectos 3D y ensombrece los botones.
  1. 3.       Simplifica la navegación.

  • Minimiza el scroll.
  • Permite  los usuarios navegar entre niveles con botones claros de atrás y home.
  • Habilita una caja de búsqueda visible y disponible para sites complejos.
  • Mantén una jerarquía clara y evita los rollovers.
  1. 4.       Crea un sitio accesible.

  • Utiliza html5 para la animación.
  • Adapta tu web móvil para orientación vertical y horizontal.
  • Busca alternativas a Flash.
  1. 5.       Facilita las conversiones.

  • Utiliza la función click to call en los números de teléfono.
  • Usa checkboxes y menús para facilitar la introducción de información.
  • Reduce el número de pasos necesarios para la transacción.
  • Utiliza formularios cortos con el menor número de campos posible.
  • Céntrate en la información que te ayudará a la conversión.
  1. 6.       Adapta tu sitio a regiones específicas.

  • Muestra las direcciones de tu tienda en la home.
  • Permite a los usuarios encontrar tus tiendas más cercanas.
  • Añade mapas y ofertas locales.
  1. 7.       Redirecciones al sitio para móviles.

  • Da la opción de ir a la versión desktop pero facilita la opción de volver a la versión móvil.
  • Ofrece la opción de qué versión del site visualizar.
  • Incluye información clave como dirección, localizador de tiendas o redirección al site.
  1. 8.       Diseña un sitio rápido.

  • Comprime imágenes para permitir que carguen cuanto antes.
  • Prioriza contenido y utiliza Analytics para ver cómo y por dónde navegan tus usuarios móviles.
  • Reduce texto y usa bullet points para facilitar la lectura.
  1. 9.       Mantén las mismas funciones.

  • Facilita el acceso al carrito de compra y funcionalidades guardadas por los usuarios para facilitar la navegación entre el site móvil y el PC.
  • Muestra la misma información clave y precios en ambas versiones.
  • Mantén las funcionalidades básicas del site en ambas versiones.
  1. 10.   Escucha a los usuarios

  • Céntrate en Analytics y observa cómo navegan los usuarios por tu sitio.
  • Haz experimentos con tu site móvil antes de su diseño final.
  • Solicita feedback de los usuarios antes del lanzamiento definitivo.
  • Sigue mejorando el diseño y contenido del site.
Algunos recursos útiles: 

Howtogomo

¿Decidido a dar el salto?

Autor: Cristina Sancarlos