Durante esta década desde el lanzamiento del Smartphone, la web ha experimentado una transformación masiva. Lo que comenzó como una experiencia limitada, el sitio web móvil, es ahora una experiencia común. Ahora la circulación de la web móvil ha sobrepasado el tráfico de escritorio. Eso representa un cambio significativo en la forma en que se debe pensar acerca de su presencia en línea.
Dado que la mayoría de los sitios web se crean y editan completamente en un entorno de escritorio, la tendencia es pensar que el sitio web existe en el ámbito de los ordenadores de escritorio, y que la experiencia móvil es una opción secundaria y menos importante para los teléfonos inteligentes. Ese pensamiento es erróneo. Su sitio web móvil es ahora su sitio web principal.
Eso significa que es hora de repensar la experiencia móvil de su sitio web. Aquí es por donde se debe empezar:
1. No crear un sitio móvil aparte
El tamaño de los dispositivos móviles aumenta cada vez más. La experiencia móvil de su usuario podría estar en cualquier lugar, desde un teléfono móvil heredado de cuatro pulgadas hasta una tableta que se aproxima al tamaño de un escritorio. Aunque tenga interés en crear una aplicación para su iglesia, claramente, la solución para su sitio web no es crear más y más versiones.
Para hacer frente a esta situación, varias empresas han desarrollado plataformas que responden a las necesidades de los dispositivos móviles. Eligen automáticamente entre una gama de tamaños de imágenes, texto y menús en función del tamaño del dispositivo utilizado para ver el sitio. Si el dispositivo es una tableta grande, su sitio aparecerá en un diseño mucho más parecido al de un sitio de escritorio tradicional; mientras que, si alguien se conecta desde una pantalla más pequeña, presentará una versión que parezca más como un típico sitio web móvil. Y, si la persona navega con uno de esos tamaños intermedios, obtendrá lo mejor de ambos mundos
Todos los proveedores principales de web (como Wordpress) tienen opciones o plug-ins que harán que su sitio responda a las necesidades de los móviles, y su sitio web responde automáticamente a las necesidades de los móviles si está alojado en Squarespace. Si usted se encuentra entre dos experiencias distintas, su primer paso debe ser investigar qué se necesitará para que su sitio web sea capaz de responder a las necesidades del mundo de los dispositivos móviles.
2. Pre visualizar su página en los dospositivos móviles
Entrar en la mentalidad de los dispositivos móviles es difícil porque lo más probable es que usted editará y actualizará su sitio web en un entorno de escritorio. Sin embargo, a veces lo que usted crea en el entorno de escritorio será menos que óptimo cuando sus usuarios visiten la página en su dispositivo móvil.
Evite este error manteniendo un par de dispositivos móviles a mano mientras trabajas en tu sitio web. En cada paso que realice, observe el contenido en un smartphone pequeño y una tableta de tamaño medio. Incluso con los sitios web que responden a las necesidades de los dispositivos móviles, puede notar que la forma en que se espacia un encabezado o la forma en que se separa un título puede cambiar tanto entre las versiones que querrá editar el contenido para que sea atractivo en todos los dispositivos.
3. Simplificar los menús
Los menús son los principales puntos de dificultad para los usuarios de dispositivos móviles. Si tiene un sistema de menú que fue construido para el escritorio, entonces es completamente inadmisible en un sitio móvil. Si necesita simplificar, use estos principios básicos como guía:
Los menús no deben tener más de dos niveles de profundidad. Haga que cada nivel contenga menos opciones que puedan ser mostradas en la pantalla de un smartphone promedio. Mueva las partes necesarias mas profundas al área de contenido creando una página con enlaces y descripciones.
Este enfoque significa que se debe tener creatividad a la hora de hacer estos cambios, combinar páginas o pulir las que no tienen mucho tráfico y desordenan la navegación. Sólo sepa que si los usuarios sienten que no pueden encontrar fácilmente lo que necesitan, dejarán su sitio web.
4. Diseñar para el tacto
Las personas utilizan sus dedos para navegar entre las páginas, así que diseñar para la precisión de un mouse es anticuado. Esto significa que usted debe aumentar el tamaño de sus objetivos táctiles.
Asegúrese de que las fuentes, los botones, las imágenes y los espacios en blanco entre los elementos del menú tienen el tamaño adecuado para que su dedo pueda tocar un elemento a la vez. Es extremadamente frustrante cuando hace clic involuntariamente en el enlace equivocado porque todo es pequeño.
Siempre que sea posible, asegúrese de que sus enlaces contengan más de una palabra para que el objetivo sea lo suficientemente grande como para que las personas sientan que es fácil de tocar.
Los formularios en línea son otro punto complicado en la experiencia móvil. Aunque es importante diseñarlos también con objetivos táctiles grandes, el principal punto débil de los formularios en línea en los móviles viene del teclado.
Pocas personas disfrutan escribiendo en el teclado de un teléfono. Siempre que sea posible, simplifique su formulario. Si no es posible, intente pasar a opciones que requieran menos escritura. En lugar de un campo de respuesta corta, ofrezca varias opciones seleccionables y añada una sección «otro» con comentarios para aquellas personas quieran ser más específicas. También puede consultar otras formas de ahorrar tiempo y dinero utilizando los formularios en línea.
El futuro es claro: Cada vez menos gente verá su sitio a través de navegadores web de escritorio. El momento es ahora para asegurarse de que empiece a ver su sitio móvil como su sitio web principal para asegurar que sus usuarios tengan la mejor experiencia posible.
Cuando Jeremy y su esposa no están jugando con sus cuatro hijos, él lidera los ministerios juveniles y universitarios y dirige el servicio de adoración por la tarde en el Christ UMC en Mobile, Ala. Jeremy es autor de varios libros y recursos que puede encontrar en JeremyWords.com o sígualo en Twitter! Traducción y adaptación por Magda Velander.