Tu página web debería ser diseñada para ofrecer la mejor experiencia posible a sus usuarios, independientemente del tipo de dispositivo desde el cual la estén visitando.

Con la previsión de que en 2015 más personas se conectarán a la red desde sus dispositivos móviles que desde sus ordenadores de sobremesa o sus portátiles, ahora es el momento de descubrir cómo diseñar una página web optimizada para teléfonos móviles.

Dado que la mayoría de problemas de compatibilidad con una web convencional y con su visualización en un dispositivo móvil residen en que estos usuarios están viendo tu página web a través de una pantalla más pequeña que la de un ordenador y con velocidades más lentas; a continuación te dejamos 6 consejos que os ayudarán a adaptar vuestros diseños web fácilmente:

  1. Incluye sólo la información esencial

Las personas que se conectan a internet desde cualquier lugar a través de sus dispositivos móviles, necesitan encontrar una información determinada y con cierta urgencia, por lo que la carga de un sitio más complejo, como el pensado para el ordenador de sobremesa, dificultará la navegación móvil. Además, las conexiones más lentas también son un motivo muy importante para centrarse sólo en el contenido esencial.

2. Mantén la coherencia en los elementos visuales

A pesar de la reducción en el contenido y los cambios en el diseño que debas hacer para adecuar tu sitio a su versión móvil, es importante que un usuario pueda sentir que está en la web de la misma empresa, ya esté conectado desde su PC o desde su smartphone. Mantén, por tanto, ciertos elementos de branding entre tus distintas versiones web.

3. Evita el uso de Flash

La razón es obvia y ya todos la sabéis, ni desde un iPhone o ni desde los nuevos smartphones de Android, así como ni desde los iPads o ni desde las últimas tablets de Windows se puede visualizar contenido creado con Flash. ¿Por qué utilizarlo entonces?

4. Evita el uso de menús complejos

Relacionado con el primer consejo, este punto está muy marcado por la navegación táctil. Los menús extensos y complejos hacen que los usuarios tengan que ir haciendo zooms y clics constantemente, con la frustración generada cuando se entra en un enlace que no es en el que se deseaba entrar.

5. Reduce la entrada de texto en los formularios

Muchas personas experimentan complicaciones al escribir en sus pantallas táctiles, por lo que disponer en tu web de un formulario en el que deban rellenarse infinidad de campos, resultará muy molesto. Utiliza menús desplegables, checklists o la opción de poder hacer el login de usuario con el perfil de Facebook o Twitter, con sólo hacer un clic; para evitar tener que completar esos datos relacionados.

6. Facilita la visualización del sitio general

A pesar de que lo ideal es que todos y cada uno de los usuarios que accedan a tu web desde sus smartphones lo hagan desde la versión móvil de la misma, es cierto que siempre habrá personas que querrán poder ver la versión completa del sitio, por lo que es recomendable que permitas hacer clic en un botón y abandonar así la versión móvil para acceder a la versión general.