Hoy más que nunca, las compañías centran su interés en crear experiencias agradables en sus sitios web móviles.

Después de todo, Google ha estado favoreciendo en buena medida a los sitios web optimados para dispositivos móviles desdey de nuevo en. Se trata de algo esencial si tenemos presente que se han hecho más consultas de búsqueda en Google en teléfonos inteligentes que en equipos de escritorio y tabletas.

En adelante, Google solo continuará elevando el nivel de lo que considera compatible con dispositivos móviles () y reflejará eso en las actualizaciones de su algoritmo. De ahí que, si aún no te has centrado en, es mejor que empieces ya mismo; en caso contrario, podrías poner en riesgo tu clasificación. 

Para ofrecerte la inspiración que precisas para efectuar un cambio en el diseño de tu sitio móvil, te presentamos una lista de 18 empresas que lograron progresar su experiencia web móvil.

18 de los mejores ejemplos de diseño de sitios móviles

Shutterfly es un servicio en línea que deja a los usuarios crear álbumes de fotos, tarjetas y papeles adaptados, y mucho más. Puesto que cada vez más usuarios toman fotografías y después acceden a ellas desde sus teléfonos inteligentes, Shutterfly reconoció la necesidad de crear una gran experiencia móvil para sus clientes, y lo hizo.

Shutterfly cumple 2 objetivos clave en su sitio móvil:

• Es fácil para los usuarios hallar información sobre sus ofertas.


• Promociona esa información a través de imágenes hermosas.

Al acceder al lugar móvil, verás que los elementos del menú han sido mejorados y aparecen en la mitad inferior de la pantalla en forma de botones grandes. Esto hace que sea fácil para los usuarios seleccionar rápidamente la opción que les resulta de interés conocer más.

Cuando los usuarios hacen clic en una de estas opciones, se encuentran con fotografías de gran tamaño que muestran lo que puedes hacer con Shutterfly para ofrecer una búsqueda sencilla.

Todos tenemos una aplicación de mapas o bien indicaciones preferida. La mía es Google Maps, y la uso cuando camino, conduzco, pedaleo o viajo en transporte público. Lo singular de su sitio web móvil es que es prácticamente igual a la app móvil descargable.

Las capturas a continuación fueron tomadas del sitio móvil, pero si estás familiarizado con la aplicación, notarás que se muestran 
exactamente iguales.No solo su apariencia es idéntica, sino que además el sitio web móvil tiene la velocidad y la funcionalidad de la aplicación.

Typeform es una empresa de tecnología con sede en Barna que tiene una misión simple: “elaborar formularios asombrosos”. Su sitio web para equipos de escritorio tiene un bello diseño con texto sucinto, vídeos en alta definición, animaciones relevantes y otros componentes de diseño más complejos.

Sin embargo, para los usuarios móviles, reconocieron que los componentes de diseño complejos como los videos y las animaciones podrían, entre otras cosas. Por ese motivo, eliminaron varios de ellos, con lo cual el sitio se muestra más organizado y se simplificó la experiencia móvil general. El sitio web móvil es una versión más simple del sitio web de escritorio mas prosigue teniendo un bello diseño.

Observa el tamaño de los botones en los menús; son ideales para tocar con el dedo en una pantalla móvil.

Etsy es un sitio de comercio electrónico en el que los usuarios pueden adquirir y vender productos clásicos o bien fabricados a mano. La mayoría de los compradores que visitan el sitio web de Etsy hacen una de dos cosas: procuran un producto específico o bien miran productos en categorías que les resultan de interés.

El sitio móvil satisface a ambos géneros de visitantes desde el comienzo. Cuando visitas su sitio web móvil por vez primera, encuentras una opción que te deja buscar productos específicos, tiendas o categorías.

Inmediatamente debajo de la barra de búsqueda, hay imágenes en miniatura de elementos que son tendencia que muestran los artículos más populares que puedes adquirir en Etsy. Los usuarios móviles pueden ver estos elementos en un formato de collage, y las imágenes son lo suficientemente grandes para tocarlas fácilmente.

Este es el sitio personal de Adrian Zumbrunnen, un diseñador de experiencia del usuario, escritor y orador. Cuando visites su sitio, notarás al momento algo único: es un sitio
conversacional.

Se muestra prácticamente como una conversación por mensaje de texto que generalmente tendrías en tu teléfono, incluidos los puntos suspensivos que muestran que el autor está “escribiendo”. Los usuarios tienen dos opciones de respuestas al final de cada intercambio, con lo que es una experiencia del tipo “elige tu propia aventura”.

Si bien las experiencias móvil y de escritorio son muy similares, el sitio de escritorio semeja haber sido diseñado eminentemente para dispositivos móviles, algo que es probable que ocurra en el futuro.

Si prefieres no involucrarte en esta especie de conversación, puedes simplemente desplazarte hacia abajo para ver más información.

Cómo acrecentar la audiencia de tu empresa en dispositivos móviles

Cuéntanos un tanto de ti para acceder a la guía

En términos relativos, Elf on the Shelf es una tradición navideña reciente basada en un libro para niños. Por si acaso no sabes de qué se trata, esta es la premisa básica: el libro cuenta la historia de los duendes exploradores de Papá Noel, que son enviados por Santa a las casas de los niños en el mundo entero para vigilar su conducta y después informarla a Santa.

Además del libro, los progenitores pueden comprar un muñeco de duende, que colocarán secretamente en una parte de la casa donde los niños puedan verlo. Todas y cada una de las noches hasta el día de Navidad, los progenitores mueven el duende a un lugar diferente de la casa para “demostrar” a sus hijos que los duendes son reales y siempre y en todo momento los están vigilando.

Cuando entras por primera vez en el sitio web de Elf on the Shelf, ves que hay muchos géneros de productos que puedes comprar. Pero en vez de obligar a los usuarios a desplazarse por una larga lista de texto, los diseñadores web habilitaron una opción para los usuarios simplemente desplacen la pantalla hacia la izquierda o la derecha para poder ver todas las opciones, ideal para los visitantes que buscan productos en el sitio.

BuzzFeed es una compañía de noticias conocida por su contenido viral y sus cuestionarios populares. También es una de mis fuentes de entretenimiento preferidas cuando viajo hacia y desde el trabajo.

¿Y cómo piensas que accedo a BuzzFeed mientras viajo? ¡Adivinaste! En mi teléfono. BuzzFeed sabe que muchos de sus visitantes acceden al sitio desde un dispositivo móvil, por lo que se ha dedicado a crear una experiencia fluida para sus lectores itinerantes.

Cuando accedes al sitio web móvil de BuzzFeed, lo primero que ves son algunos de sus artículos más populares en un formato simple, similar a un collage, con imágenes grandes y fáciles de tocar.

Para los usuarios interesados en categorías específicas, hay un menú en la esquina superior izquierda de la pantalla en el que se enumeran las distintas categorías de publicaciones.

Evernote es una aplicación que te deja guardar notas, imágenes y artículos web, y luego acceder a ellos desde todos tus dispositivos. Dado que los usuarios acostumbran a descargar la aplicación o bien acceder al sitio web en múltiples dispositivos, incluidos equipos de escritorio, teléfonos inteligentes y tabletas, es esencial que Evernote brinde una experiencia móvil eficaz.

Si observas la página de comienzo de Evernote en tu equipo de escritorio, verás que su diseño es muy organizado. Las declaraciones de valores son breves y sucintas, y las imágenes contribuyen al posicionamiento, mas no desordenan la página. Cuando observas su sitio móvil, ves que han mantenido íntegro este diseño y estilo. Su sitio móvil es prolijo, simple y no desvía la atención del valor de la aplicación.

Además, tiene botones de llamada a la acción, que son excelentes para los usuarios móviles.

Huffington Blog post es una famosa fuente de noticias que informa sobre todo, desde política hasta eventos actuales, entretenimiento y tecnología. Lo que hace que su sitio móvil destaque es que realmente altera levemente los títulos para los usuarios móviles, de tal modo que su contenido pueda leerse más fácilmente.

Si comparas los sitios móvil y de escritorio, verás que el sitio móvil tiene un menor número de palabras en su página de inicio. Los títulos son más cortos y mucho más fáciles de leer, ideal para aquellos usuarios que echan un vistazo rápido o bien leen en una pantalla pequeña.

Al igual que en BuzzFeed, encontrarás un menú en la esquina superior izquierda de la pantalla con todas y cada una de las categorías de publicación en las que puedes hacer click.

Express es una tienda de ropa para mujeres y hombres jóvenes. Puesto que su público de forma frecuente accede al sitio para buscar prendas, es esencial que este incluya imágenes grandes y claras, singularmente en los dispositivos móviles, donde los usuarios deberán tocar los artículos en la pantalla y hacer click para conseguir la información de compra.

Express lleva la experiencia móvil un paso más allá que la mayoría de los sitios de venta minorista en línea. Si deslizas la pantalla de izquierda a derecha sobre la imagen de una prenda, dicha imagen cambiará a fin de que puedas ver la prenda desde una precio diseño web zaragoza . En otras palabras, los usuarios no tienen que cargar otra página para ver múltiples imágenes del mismo artículo.

Observa la ilustración de la derecha en las siguientes dos imágenes para poder ver cómo cambia en el momento en que te deslizas cara un lado:

Nationwide Insurance brinda servicios financieros y de seguros. Probablemente creas que una compañía financiera tendrá un sitio web complicado; no obstante, en dispositivos móviles, Nationwide Insurance se identifica con la experiencia de usuario simple.

Cuando accedes a su sitio móvil, puedes obtener un presupuesto de seguro automático de inmediato ingresando tu código postal; o, puedes “Encontrar a un agente” para obtener más información sobre sus servicios. Además de comenzar sesión o bien registrar una cuenta, eso es todo lo que ofrece la página de inicio.

Si bien esto causa que los usuarios tengan opciones limitadas, contribuye a una experiencia mucho más fácil para los visitantes que utilizan pantallas pequeñas. Se trata de una genial técnica para conducir a los clientes potenciales en la dirección adecuada.

Squaredot es una agencia partner de HubSpot que ayuda a los profesionales del marketing a crear estrategias de inbound marketing. Su sitio móvil es colorido, simple y de fácil navegación. No obstante, lo que más llama la atención es cómo amoldaron su blog para los usuarios móviles. Observa la captura de pantalla a continuación, que muestra un artículo de una lista abundante. seo en magento ículo ocupa todo el ancho de la pantalla, por lo que las imágenes y los textos son grandes y atractivos, y fáciles de visualizar.

También nos gusta cómo optimaron sus formularios en línea para dispositivos móviles. Observa el tamaño del texto y los campos del formulario en la próxima llamada a la acción (CTA) de suscripción; esto hace que sea más fácil para los usuarios completarlo en sus dispositivos móviles en lugar de tener que pellizcar y ampliar la pantalla.

Zappos es un distribuidor en línea de ropa y calzado conocido por su maravilloso servicio al usuario. Su prioridad en los dispositivos móviles es ayudar a los usuarios a encontrar fácilmente los artículos que procuran en su sitio web; de ahí que, pusieron una enorme barra de búsqueda en las partes superior y también inferior del sitio móvil para facilitar esta tarea.

Así se muestra la parte superior del sitio móvil:

Y así se muestra la parte inferior de la página (que cuenta con un agradable cierre):

ABC es una empresa de televisión famosa por programas populares como “The Bachelorette”, “BattleBots” y “General Hospital”. Los usuarios que visitan el sitio de escritorio de ABC se encuentran con muchísimas opciones: ver la programación televisiva, conocer a los ganadores del Oscar, ver ciertos de sus programas de televisión preferidos o aun preguntar noticias de entretenimiento relacionadas con dichos programas.

Pero ABC sabe que la experiencia móvil ha de estar simplificada. Cuando visitas el sitio de ABC en un dispositivo móvil, no hallas tantas opciones desde el comienzo. En cambio, tienes una sola opción: desplazarte por imágenes grandes de sus programas televisivos. Los usuarios pueden echar una ojeada a estas opciones y hacer clic en el programa que deseen.

Lean Labs es una programador magento barcelona de HubSpot que crea soluciones web atractivas, acomodables y de alta conversión. También. Sus autores hacen un excelente trabajo en el momento de proporcionar una experiencia fluida para sus usuarios móviles, especialmente en relación con sus técnicas de diseño y el énfasis que ponen en sus valores primordiales, que los visitantes pueden apreciar en segundos en el momento en que acceden a su sitio móvil.

Observa cómo su sitio móvil utiliza la escala y el color para distinguir ciertos elementos de su página:

Y, como ya mencioné, sus valores primordiales (estrategias de desarrollo, diseño web amoldable y también inbound marketing) son claramente perceptibles para los usuarios móviles que se desplazan por la página de comienzo y se hallan.

SAP es una compañía de software empresarial que gestiona operaciones comerciales y relaciones con clientes. Mejora la experiencia móvil al condensar la información.

Más específicamente, combina algunas de sus llamadas a la acción en diapositivas, al paso que el sitio de escritorio tiene estas CTA en posición horizontal. Esto simplifica la interfaz a fin de que los usuarios móviles no se saturen de información de una vez, y también garantiza que ninguna de las CTA sea demasiado pequeña para leer.

KISSmetrics proporciona software de análisis para empresas. En su página de inicio, hay una gran cantidad de información sobre el software junto con un testimonio.

Pero el sitio móvil es diferente: en los dispositivos móviles, la información en el sitio se muestra en una lista con módulos alternativos oscuros y claros. Esto causa que sea fácil para los usuarios echar una ojeada a la página sin perderse en el texto.

Además, el texto y los campos en sus formularios son grandes y fáciles de leer:

idig Marketing es un distribuidor de desarrollo y comunicaciones. Su sitio web móvil tiene un diseño similar al del sitio web de escritorio, mas llama la atención particularmente cómo incorporaron los símbolos de corazones interactivos en sus publicaciones de blogs para que los usuarios pudieran dar a “me gusta” en sus publicaciones.

Esto imita el símbolo de corazón en Instagram y Twitter, que los usuarios móviles familiarizados con esas plataformas reconocen fácilmente.

Estos son ciertos de nuestros favoritos. ¿Qué otros sitios web móviles han llamado tu atención? ¡Cuéntanos en los comentarios!

Nota del editor: este artículo se publicó originalmente en marzo de 2015 y se actualizó con fines de precisión y exhaustividad.