Aunque el diseño receptivo es una buena solución, hay otras formas de crear un sitio web móvil. Si usa WordPress para impulsar su sitio, puede usar un tema receptivo o un complemento móvil.
También hay algunas buenas soluciones de bricolaje como Mofuse y goMobi. Sin embargo, desea investigar los servicios y asegurarse de que tengan todas las características que necesita y que tenga control sobre la configuración del dominio y la redirección.
Si desea crear su propio sitio móvil independiente, le recomiendo usar HTML5. Los navegadores móviles están actualizados, por lo que reconocen la mayoría de las buenas características que HTML5 tiene para ofrecer. También puede centrarse en el marcado semántico de su sitio si usa HTLM5, y eso mejorará su ubicación de búsqueda. Hay algunas plantillas HTML5 agradables (busque Fone y HTML5 repetitivo) que pueden darle un buen comienzo.
- ¿Una aplicación web móvil y un mini sitio web son lo mismo?
- ¿Existe una aplicación o sitio web para verificar la tasa de criminalidad en India?
- ¿Cuáles son los pros y los contras de lanzar inicialmente a través de una aplicación móvil versus una aplicación web?
- ¿Qué tendré que aprender a codificar una aplicación / sitio web móvil como Google Arts & Culture?
- ¿Cuáles son algunos de los mejores flujos de información en un sitio web o aplicación móvil?
Independientemente de la solución que elija, estas son algunas de las mejores prácticas que deben aplicarse a cualquier sitio web móvil:
Mantenlo simple
En general, mantener su sitio simple significa eliminar la mayoría de las imágenes; simplificar la navegación, el diseño y los elementos de diseño; eliminar Flash y otro software propietario; mantener su sitio libre de desorden; y romper texto y otro contenido.
Priorizar contenido
El espacio tiene una gran demanda en un sitio móvil y los visitantes del sitio están en movimiento, por lo que debe anticipar a qué contenido los usuarios probablemente querrán acceder. Elija los tres elementos de contenido más importantes y haga que esos elementos sean fáciles de encontrar y actuar para los usuarios.
Centrarse en la conversión
Recuerde que los usuarios no están navegando en su sitio móvil: facilíteles hacer las cosas que probablemente quieran hacer, como encontrar ubicaciones de tiendas, comprar o revisar productos, revisar artículos del menú, realizar llamadas a su negocio o solicitar más información.
Aproveche las características móviles
Al igual que el botón de hacer clic para llamar, hay funciones específicas para dispositivos móviles que se pueden usar para mejorar la experiencia del usuario de su sitio. La más útil de estas características es la ubicación, tanto la suya como la del cliente. Al acceder a la información de ubicación del usuario, puede ofrecer una experiencia más agradable.
Piense “Tap-able” no “Clickable”
Diseñe los botones, elementos de navegación y enlaces de su sitio para pantallas táctiles, no para un mouse. Esto mejorará la experiencia del usuario y evitará la navegación accidental fuera de su sitio. No utilice las funciones de desplazamiento en su sitio móvil. Un pulgar no puede “desplazarse” sobre un elemento en un sitio móvil.
Navegación: Ir vertical
Presta especial atención a la navegación en tu sitio web móvil. Tenga en cuenta los problemas “aptos para tocar” discutidos anteriormente, así como los problemas de desplazamiento y legibilidad. Su menú de navegación no debe desplazarse hacia la izquierda o hacia la derecha. Si los elementos de su menú son demasiado largos para caber horizontalmente, cree una estructura de navegación vertical.
Minimizar desplazamiento
Los usuarios de dispositivos móviles prefieren desplazarse de arriba a abajo, así que diseñe su sitio de manera que se elimine el desplazamiento de izquierda a derecha. Debe mantener la necesidad de desplazamiento —incluso desplazamiento de arriba a abajo— al mínimo.
Formateando contenido: Sea conciso
El contenido sigue siendo el rey, incluso en la web móvil, y hay muchas maneras de mantener su valioso contenido disponible para sus visitantes sin dejar de mantener un sitio móvil simple, legible y sin errores:
- Haga encabezados prominentes y concisos.
- El texto debe ser legible con el brazo extendido y dividido con enlaces de “leer más” o navegación plegable.
- Use listas con viñetas cuando formatee su texto y evite el uso de imágenes siempre que sea posible.
- Evite colocar demasiados enlaces dentro del cuerpo de su texto, especialmente si los enlaces están muy juntos.
Centrarse en la usabilidad simple
El diseño de su sitio web móvil debe centrarse en la simplicidad y la usabilidad. Diseñar para una pantalla más pequeña puede ser un desafío y requiere eliminar muchos elementos que damos por sentado en los sitios de escritorio. Las siguientes mejores prácticas pueden ayudar:
- No abarrote su sitio con anuncios pagados o elementos innecesarios.
- Use CSS para organizar el contenido en su sitio móvil. No use tablas HTML.
- Use mucho espacio en blanco en su sitio y use fondos de colores más claros.
- Los diseños de una sola columna son la mejor opción para sitios web móviles.
Cuidado con las tecnologías patentadas
Tenga cuidado al elegir el software propietario para usar en su sitio móvil. Muchos teléfonos inteligentes y tabletas no mostrarán Flash o Silverlight, que son programas que ayudan a crear animaciones y otros elementos multimedia para la web. También puede tener problemas con los scripts de terceros.
El tamaño de página importa
El tiempo de carga de la página (qué tan rápido se procesa una página en un navegador móvil) juega un papel importante en qué tan bien un sitio se coloca en los motores de búsqueda móvil, y también puede determinar si alguien permanece en su sitio o no. Un sitio web diseñado para navegadores de escritorio puede tardar hasta 40 segundos en cargarse en un dispositivo móvil, muy lejos de un sitio móvil optimizado que debería tomar alrededor de cuatro segundos.
Crunch esas imágenes!
Los tiempos de carga rápidos son esenciales para un sitio móvil optimizado, y las imágenes tienden a tardar mucho tiempo en cargarse. Los usuarios móviles están motivados por el contenido, no necesariamente están “navegando” o “admirando” su sitio móvil, sino que están allí con un propósito. Algunas imágenes están bien, pero el uso excesivo degradará la eficiencia de su sitio. Use un procesador de imágenes como crunch4Free para reducir el tamaño de la imagen.
Video: use YouTube y HTML5 para renderizar
Al igual que para las imágenes, el video en su sitio móvil puede afectar los tiempos de carga y la usabilidad. Y aunque los teléfonos inteligentes y las tabletas manejan el audio y el video de manera muy eficiente, el navegador móvil que representa su sitio web móvil puede no hacer un buen trabajo. En lugar de transmitir el video usted mismo o confiar en otro software propietario, considere usar YouTube para colocar el video en su sitio móvil. HTML5 tiene una etiqueta de video que también representa la eficiencia del video.
Estructura de URL
Tiene algunas opciones sobre qué tipo de URL usar para su sitio móvil. Puede comprar un nombre de dominio utilizando la extensión “dotmobi” o “.mobi” para que su sitio tenga una URL como “example.mobi”. O bien, puede señalar un nombre de subdominio como “m.example.com” o “Mobile.example.com” a su sitio web móvil. Se está volviendo estándar encontrar la versión móvil de un sitio web en una URL como m.example.com.
Redireccionamiento de visitantes a su sitio móvil: déjelos elegir
Cuando alguien accede a su sitio web utilizando un dispositivo móvil, hay formas de asegurarse de que la versión móvil de su sitio es lo que ve. Una forma es redirigirlos a la versión móvil de su sitio web utilizando scripts. Independientemente de cómo redirija a los visitantes a su sitio móvil, siempre es mejor permitirles la opción de ver la versión estándar del sitio si así lo desean.
Prueba tu sitio móvil
Los navegadores móviles no son tan indulgentes como los navegadores de escritorio cuando se trata de errores. El mejor lugar para probar errores en su sitio web móvil es el W3C mobileOK Checker. Esta herramienta no solo comprueba si hay errores en su sitio, sino que también comprueba los tamaños de página, los tiempos de carga, los tamaños de imagen y muchos otros factores que pueden evitar que su sitio móvil se muestre correctamente en los navegadores móviles.
Entonces, ¿qué queda por hacer con todas esas limitaciones?
Por supuesto, estas pautas son bastante estrictas, y muchas de ellas tienen en mente dispositivos móviles más antiguos. Sin embargo, aún debe intentar adherirse lo más posible a las sugerencias aquí cuando desarrolle su sitio web móvil. El público móvil tiene una capacidad de atención más corta que nunca, por lo que cada segundo cuenta.
Esto está tomado de una publicación de blog en las mejores prácticas del sitio web móvil que se basa en mi libro, The Bootstrapper’s Guide to the Mobile Web. La publicación tiene ejemplos y muchos enlaces a videos y otros recursos que no quería saturar esta respuesta con:
http://mobilewebslinger.com/2012…
