Pero ¿que pasa cuando queremos mostrar esos contenidos en nuestra propia página web? Somos nosotros mismos los que debemos decidir como se han de ser representados en cada tipo de dispositivo.

Debemos partir de la base de que hoy en día nuestra web debe tener una estructura adaptable a cualquier tipo de dispositivo móvil, lo que ya se conoce como Responsive Design. Normalmente estamos acostumbrados a ver y crear información para su visualización en un ordenador de sobremesa o portátil. Ahora tenemos que imaginar ese tipo de contenido en un móvil. Y para que todo quede más atractivo tenemos que tratar nuestra información con un carácter mayormente visual, utilizando recursos para web móvil que nos ayuden a mostrar nuestros contenidos de una forma mucho más clara y atractiva.

Podemos utilizar como ejemplo una de las páginas que más quebraderos de cabeza nos da: la de uno de nuestros servicios. Veamos algunas soluciones para que la información nos informe y capte nuestra atención.  

5 soluciones para que la información capte la atención y nos informe

El scroll es el gesto que domina la navegación en cualquier web móvil. La información sube y baja a toda velocidad por la pantalla de nuestro smartphone… hasta que llegamos a la zona que realmente nos interesa. Ahí es donde damos un frenazo y movemos el scroll poco a poco. Es ahí donde está la información que nos interesa, y es ahí donde el usuario está más cerca de convertirse en cliente.

Pero ¿como hacemos para hacer que el cliente se pare en ese enunciado? Una forme efectiva es rompiendo la monotonía de los elementos gráficos. Debemos crear un par de conceptos troncales que dividan la información de nuestra página.

Por ejemplo, nuestro servicio de fotografía de productos para tiendas online podría dividirse por tamaños: pequeños, medianos y grandes. Cada uno de estos titulares debe tener una solución gráfica común entre ellos pero muy diferenciada del resto de información. Una tipografía grande y un espacio de aire antes y después del titular lo hará destacar.

Todos queremos informar con detalle las virtudes de nuestro servicio. Eso es fácil, nos ponemos delante de nuestro teclado y a escribir se ha dicho. Más detalle, más texto. Creamos párrafos y listados con todas las características de nuestro servicio. Cuando lo mostramos en una pantalla o en un portátil no queda tan mal, parece una buena proporción de texto… pero al visualizarlo en nuestra pantalla de móvil vemos que el texto no acaba nunca, y ya nos duele el pulgar de tanto usar el scroll.

El área de visualización de un móvil es mucho menor que la de cualquier otro dispositivo, y eso hace que nos dé la sensación de la información es más extensa. Por esto debemos de simplificar los textos, yendo más al grano y como en el punto anterior, romper la monotonía scroll del texto.

Algunas veces se hace necesario mostrar información detallada de nuestro servicio. En nuestro ejemplo debemos explicar el proceso de trabajo de una fotografía de producto (recibir producto, fotografía de prueba, envío de prueba al cliente, visto bueno, realización de reportaje completo y devolución de producto… algo así). Por ejemplo, si dentro de recibir producto tenemos que especificar p.e. entrega por parte del cliente, o recogida por parte del fotógrafo, o envío por mensajería… y así con el resto de pasos, deberíamos hacer que esta información estuviera más comprimida. Para ello existen una serie de recursos web que nos ayudan a mostrar esa información solo cuando al cliente le interesa, eso sí, sin abandonar la página en la que estamos navegando. Recursos como botones tipo acordeón, o pestañas nos solucionan esta cuestión de una forma visual atractiva.

Una forma de crear momentos de atención y descanso en el desarrollo de los contenidos de nuestra web  móvil es la inserción de imágenes a lo largo del texto. Fotografías, esquemas e infografías nos ayuda a explicar mejor nuestros servicios. Eso sí, lo ideal es que utilicemos un tamaño grande para este tipo de recursos gráficos.

Una pantalla de móvil tiene un espacio reducido, y si las imágenes las utilizamos con un tamaño proporcional a como las vemos en un portátil, estas se verán muy pequeñas. Procuremos ofrecerle al usuario un oasis visual en medio de tanto texto.

Y por último, tenemos que procurar que nuestra web móvil sea interactiva, que nos haga navegar por cuanto más contenidos mejor. Vamos a procurar que el usuario disfrute de nuestra página el máximo tiempo posible. Insertar llamadas a la acción es un buen recurso para muestra página. Una llamada a la acción es una zona destacada con una frase que nos anima a pulsar un botón. Pero en nuestro servicio fotografía de productos podemos destacar un botón para que pidan un presupuesto personalizado. Es interesante que esta zona tenga su espacio y que apenas se mezcle con cualquier otro tipo de información.

Tenemos que ser conscientes que cada dispositivo en el que se visualizará nuestra web tiene sus peculiaridades, y en el caso de la pantalla móvil hay que luchar contra los contenidos demasiado planos.

"El diseño gráfico siempre ayudará a un contenido web a convertirlo en algo más atractivo y más informativo"

¿Se adapta correctamente tu web a dispositivos móviles?

¿En que dispositivo navegas más? ¿En ordenador, móvil o tablet?

¿Haces llamadas a la acción en tu pagina web, o el usuario solo se mueve mediante el menú superior?