Mostrando entradas con la etiqueta sitio web movil. Mostrar todas las entradas
Mostrando entradas con la etiqueta sitio web movil. Mostrar todas las entradas

viernes, 13 de enero de 2017

5 maneras de optimizar tu diseño web móvil

Con la creciente influencia de la tecnología móvil en el mundo del diseño web y el comercio electrónico, es una buena idea centrarse en tener un gran diseño móvil para tu sitio. El diseño de escritorio de tu web puede verse y funcionar de manera correcta en un ordenador portátil o de escritorio, pero en una interfaz móvil, puede no ir tan bien. Para aumentar la eficacia de tu sitio, es vital crear una nueva versión de tu página principal optimizada para dispositivos móviles. Aquí hay cinco maneras de hacer que el diseño móvil de tu página web luzca y funcione bien.


1. Hazlo sencillo


La clave para un gran diseño móvil y su máxima facilidad de uso es una apariencia simple y limpia. Con una vida útil de la batería reducida, pantallas más pequeñas y menos opciones de energía, un sitio móvil con menos cosas que cargar hará más por los visitantes de tu sitio. Además, un diseño limpio puede verse mejor en los diferentes tipos de plataformas móviles que los usuarios pueden estar operando, como Android o Apple.

2. Usa el mismo contenido de tu web


Tu diseño móvil será una mejor inversión si también tiene contenido que refleja tu sitio web regular. La idea es servir a diferentes tipos de usuarios que pueden estar ingresando a tu sitio únicamente a través de un dispositivo móvil. Con más gente pasando tiempo en los dispositivos móviles que en los ordenadores de escritorio o portátiles, la experiencia del visitante debe ser similar en todos los dispositivos. De esta manera, tus usuarios móviles no perderán las características del sitio web ni su funcionalidad.

3. Céntrate en la experiencia del usuario


El enfoque principal debe estar en la experiencia de usuario. Esto significa que debes optimizar la navegación para hacerla simple y de fácil acceso desde una pantalla más pequeña. El tiempo de carga no debe ser demasiado largo, de lo contrario, tus visitantes podrían frustrarse e ir al sitio web de un competidor. Limita el uso de texto u otros tipos de entrada en tu diseño móvil para ofrecer a los potenciales clientes una experiencia más fluida.

4. Selecciona una fuente móvil agradable


Con tu diseño móvil, la fuente importa más de lo que piensas. Muchos diseñadores web expertos recomiendan una fuente sans serif para una mejor legibilidad. También debes considerar el tamaño de la fuente y cómo se mostrará en varios tipos de pantallas. Una fuente demasiado pequeña puede ser imposible de leer para la mayoría de los usuarios.

5. Prueba el diseño una vez hecho


Por encima de todo, tiene sentido pasar mucho tiempo probando tu diseño y viendo cómo funciona en tiempo real. Puedes contratar servicios de pruebas profesionales o navegar tú mismo por tu web utilizando una variedad de dispositivos móviles y de escritorio. Haz pruebas usando una tableta de tamaño estándar y un teléfono inteligente más pequeño para ver si los puntos importantes son visibles y fáciles de navegar.


Tener la versión móvil de tu sitio web bien configurada es una gran forma de abrir la accesibilidad de tu presencia en línea. Asegúrate de centrarte en seguir algunas reglas de diseño para dar a tu sitio móvil el mejor potencial para el éxito o pide ayuda a profesionales en Diseño web.

lunes, 21 de noviembre de 2016

Cómo hacer una Landing Page adaptada a móviles

Ya hablamos en otro post de la importancia de los sitios web para móviles. Las páginas web desde ordenador se van quedando atrás. En España ya hay más visitas desde smartphones que desde PC’s de escritorio. En los últimos cinco años ha habido un enorme incremento del tráfico desde dispositivos móviles.  Si queremos definir una estrategia de marketing online ésta tiene que estar adaptada a móvil. Si tu empresa todavía no ha optado por adaptar tu sitio web a móvil es que se está quedando anticuada.


Una Landing Page para móviles una página de aterrizaje optimizada para que funcione de forma fluida y rápida en un dispositivo móvil. Es una página optimizada pensada para los clientes potenciales que acceden como resultado de publicidad o como resultado del motor de búsqueda. El objetivo principal es convertir los visitantes en ventas.

La principal diferencia entre una landing page de escritorio y una móvil es la variación del tamaño de pantalla. Cada dispositivo tiene un tamaño de pantalla y hay que adaptar nuestro sitio web a cada uno de ellos.

Os dejamos algunos consejos para conseguir una buena lading page para móviles:

Crea un formulario sencillo. Un elemento importante en cualquier landing page es un formulario. Este formulario debe ser breve y rápido de completar. Cuantos menos datos se pidan mejor. Lo único realmente necesario es el correo electrónico.  Cuantos más campos haya es más probable que el usuario abandone la página. Además, el botón del formulario debe estar situado de manera que se vea con facilidad.

Botones de llamada a la acción. Como la pantalla es pequeña, es necesario que la llamada acción sea clara y evidente. Hay que intentar que llamen la atención. Para ello hay que buscar el tamaño adecuado del botón, situarlo correctamente o hacer que éste contraste con el resto de la página.

Layout adaptado a cada dispositivo. Existen distintos dispositivos y cada uno con pantallas diferentes. La landing page debe adaptarse a cada uno de ellos. Ésta no será la misma en una tablet que un móvil.

Cuidar el diseño. Es necesario que el mensaje se comunique de manera visual y que atraiga a los visitantes. Es necesario tener un diseño moderno, actual y creativo.

Menú desplegable. Crear menús que sean claros, que sigan la manera en la que los usuarios se acostumbran a visualizar los menús.

Títulos largos y cortos. Llama la atención de los visitantes con títulos ingeniosos. También tienen que ser breves y que contengan tres o cuatro palabras. La tipografía  tiene que ser clara y que se pueda leer de forma fluida.

Fácil navegación. Haz que los usuarios encuentren en tu landing page la información más importante. Cuantas menos distracciones, el usuario podrá navegar con más facilidad y comodidad. Si al usuario le cuesta navegar por tu página se verá obligado a abandonarla.  


Velocidad. Cuando se trata de una landing page para móviles no podemos olvidarnos de la velocidad. Si los usuarios están mucho tiempo esperando a que cargue la página, estos la abandonarán y habremos perdido un posible cliente. Por ello, no se recomienda utilizar tecnologías como Flash u otros plugins que pueden tardar mucho en cargar. Se recomienda utilizar tecnologías como jQuery y HTML5. Tu landing page en móvil debe ser sencilla, directa y efectiva. Con respeto a las imágenes, utiliza imágenes en formato JPG y no en PNG, y redúcelas para que estas ocupen menos.