Consejos de diseño web para móviles – Parte 1

Actualmente en la empresa en la que trabajo estamos desarrollando la versión móvil de una aplicación web bastante compleja (una mezcla entre Facebook y Brain Training). Esto me ha obligado a investigar más a fondo el tema, puesto que la aplicación y el diseño son más complejos que la mayoría de webs móviles que he realizado. Algunas de las cosas que estoy aprendiendo están en este y el siguiente artículo.

Entender la web móvil

La web móvil requiere saber condensar la información en espacios pequeños, primar la usabilidad y saber comprender qué es lo verdaderamente importante en una web. Hay una gran diferencia entre diseñar una página web que será visible en un ordenador y diseñar una que será visible en un dispositivo móvil. Esta diferencia es cuantiosa ya que no se puede establecer un formato específico para móvil, debido a la gran cantidad de modelos, tamaños y grandes diferencias de resolución en los diferentes tipos de dispositivos móviles.

Ante esta situación, la mejor opción es que tomemos como referencia a la hora de diseñar nuestro sitio web para móviles, la mayor cantidad posible de dispositivos móviles, de tal manera que nuestro diseño pueda ser visto desde casi cualquiera de estos dispositivos. Para ello debemos asegurarnos principalmente de hacer un diseño fluido, que pueda adaptarse a diferentes anchuras sin romperse o desaprovechar espacio.

Consejos de diseño web para móviles

En el futuro, se espera que la navegación web en teléfonos móviles se convierta en la plataforma más importante de acceso a internet, por lo que recomiendo tener en cuenta algunos consejos que harán nuestro trabajo más simple, fácil y atractivo para los usuarios:

• Resolución de pantalla:
  Como hemos indicado, la resolución de pantalla cambia según el dispositivo móvil en el que vayamos a visualizar una web, por lo tanto necesitamos adecuarnos a un estándar de resolución para que la web móvil se adapte a la mayoría de pantallas.
• Asegurarnos que el desarrollo del contenido sea el adecuado:
  Debemos utilizar lenguajes de programación comunes y formatos de documentos conocidos por los usuarios, asegurarnos de la correcta codificación de los caracteres y utilizar hojas de estilo.
• Es conveniente no poner mucha información en una pantalla:
  Se recomienda dividir el contenido de la página en pequeñas porciones fáciles de entender, resumir textos y hacer bien visibles las llamadas a la accion, tales como botones y enlaces.
• Desarrollar un diseño sencillo para facilitar el uso:
  Es muy importante que la visualización de la web en un dispositivo móvil sea simple y claro, pues esto significará que el usuario vea atractivo y fácil navegar por la web.
• Dinamismo en los enlaces:
  Darle al usuario la opción de poder volver a la página inicial de la web, haciendo clic en un botón que aparecer en cada página a la que acceda. Esto hará que el usuario retome rápidamente el rumbo de la navegación en caso de haberlo perdido.
  Además que el usuario pueda siempre diferenciar, por ejemplo mediante un color diferente, los enlaces que ya haya visitado de lo que no, para que la navegación sea más clara y dinámica.
• Que el usuario necesite escribir lo mínimo:
  Para hacer más ágil la navegación web en un dispositivo móvil, es conveniente que el usuario no se vea obligado a escribir texto.
  Lo recomendable es utilizar opciones de menú desplegable que muestren las diferentes alternativas de acceso a los diferentes niveles del recorrido web
• No utilizar páginas emergentes (pop-us):
  Los navegadores móviles no soportan las ventanas emergentes y si así fuera, el espacio para mostrarlo sería muy reducido. Se recomienda no utilizarlos para la comodidad del usuario y para una mejor estética del diseño web móvil.
• Ser lo más claro posible en la navegación del usuario:
  Esto es muy importante. El usuario debe encontrar las mayores facilidades tanto en la navegación web como en el sentido de esta. Para ello, debemos tener muy clara la distribución del contenido en el desarrollo de la web, logrando el correcto equilibrio entre la estética y la funcionalidad.

Cuando el usuario accede a internet a través de un dispositivo móvil, busca algo específico y urgente, por lo tanto el diseño que desarrollemos debe ser mucho más simple que el desarrollado para un sitio web estándar. De esta manera podremos contribuir en el presente al desarrollo del futuro, un futuro llamado Web móvil.