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.

 

Tu tienda online: cómo hundirla en 5 sencillos pasos

Tu tienda online: cómo hundirla en 5 sencillos pasos

tienda-online.xativa

No están todos los que son, pero son todos los que están. En el artículo de hoy te presentamos una lista de errores que las empresas cometen con frecuencia en su tienda online.

El comercio electrónico está creciendo a un ritmo vertiginoso en España, asentándose como un nuevo factor clave en el mundo de los negocios. Si quieres tener éxito en tu tienda online aquí te ayudaremos a evitar los errores más comunes.

No cuidar el diseño de la tienda online

Es fundamental contar con la experiencia de un buen diseñador web que transmita una apariencia atractiva a tu tienda, pues como ya sabrás, una tienda online bien fea puede echar muy para atrás al posible cliente. Pero ten en cuenta que el trabajo de diseño de una tienda no se ocupa únicamente de su fachada, existen otros aspectos tanto o más importantes como por ejemplo la usabilidad. Comprar en la tienda ha de resultar un proceso sencillo e intuitivo que no requiera un elevado número de clicks

Fichas de los productos

En una tienda online es fundamental contar con buenas fotografías de los productos para obtener ventas. Una buena fotografía, o un vídeo, contribuye a crear valor para tu producto y, por supuesto,  mejora el aspecto en general de la página web. Además de la calidad debes cuidar también la cantidad de fotografías de cada producto. Cuanta más información visual tenga el comprador menores serán sus dudas.

Por otra parte, no simplifiques en exceso la información de las fichas de los productos. Resulta recomendable añadir un apartado de “productos relacionados” para tratar de animar al consumidor para que compre productos adicionales. Un apartado de reseñas u opiniones de los consumidores también puede ayudarte a reducir la sensación de riesgo del comprador.

No permitir la compra sin registro

Cuantas más barreras encuentra el usuario a la hora de realizar una compra, más probable es que se eche para atrás en el último momento. Si el usuario se registra es un ventaja para tu tienda, pero ten en cuenta que existen compradores impulsivos que aborrecen el proceso de registro.

tienda-online-xativa

Sentarse a esperar las visitas

Si no te preocupas por dar a conocer tu tienda online, es dificil que consigas tener éxito. Debes plantearte utilizar estrategias SEO (Posicionamiento en buscadores) y SEM (Marketing en buscadores) y Redes Sociales. Algunos de los factores SEO a considerar son la optimización de la URL, Meta Title, Meta Descripción, linkbuilding, creación de contenido propio, etc., debido a la importancia y complejidad del SEO no profundizaremos en este aspecto, pero te recomendamos que repases estos artículos.

Mala elección del profesional

Si tu tienda online es desarrollada por alguien con poca experiencia, o escasa profesionalidad, ten por seguro que el proyecto final se verá afectado. A la hora de buscar un profesional para para encargarle el desarrollo de tu tienda online debes investigar un poco, comprobar su experiencia, etc. pues, lamentablemente, en estos momentos es posible encontrar multitud de personas que se autodenominan “expertos” en desarrollo web que pueden convertir tu tienda online en una pesadilla para el visitante. No te conviene arriesgarte, localiza unos profesionales de calidad contrastada.

Tanto si necesitas crear una tienda online o mejorar la que ya tienes, desde XSI podemos ayudarte a tener éxito. Contacta con nosotros a través de e-mail en  central@xsi.es o en 96 228 70 84.

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

Las claves imprescindibles para triunfar con un negocio online.

Web responsive o Web adaptable

El negocio online es el presente y el futuro. Cada vez es más habitual crear un comercio virtual y no físico. Uno de los factores más importantes es que la inversión es mucho menor, si el negocio se implanta en Internet.

El aumento de negocios en los que el cambio tecnológico, el avance hacia una sociedad definitivamente integrada en el mundo virtual es fácilmente apreciable. Todo indica que este mercado seguirá creciendo y moviendo enormes cantidades de dinero, no parece que la crisis le esté afectando.

Las claves imprescindibles para triunfar con un negocio online:

• Un estudio de mercado. Para poder detectar necesidades.
• El plan de marketing.
• Estrategias online y offline.
• El nombre y eslogan del negocio.
• La Web:
– La estructura.
– El diseño.
– La seguridad.
– La fácil navegación.
– SEO para que indexe y posicione en los buscadores.
– La Adaptabilidad a distintos soportes, ordenador, móvil y tablets, (Web responsive o Web adaptable) esto supone un ahorro de costes ya que no es necesario desarrollar múltiples versiones del site. Este punto es de vital importancia, ya que 2012 las visitas a las webs desde los dispositivos móviles superan a las realizadas desde ordenadores. Las ventas de estos dispositivos crece a ritmo vertiginoso, lo que garantiza con toda seguridad que los sitios serán visitados cada vez en mayor medida desde estos dispositivos a corto, medio y largo plazo.

• Campañas publicitarias.
• Estar presente y activo en las Redes Sociales que necesite su negocio.
• Un competente servicio de atención al cliente.

Sobre todo lo más importante es, ofrecer calidad y un producto profesional.
Siguiendo estos pasos, con el tiempo conseguirá hacer una buena cartera de clientes.

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