El problema del diseño web responsive es que todas las páginas web pueden parecer iguales en dispositivos móviles. No obstante esto también es debido al boom de WordPress y al aumento del uso de plantillas.
Esto ha resultado en un montón de diseños comunes, aunque algunos de ellos han madurado y podemos ver algo de innovación:
El menú “Hamburguesa”
El menú tipo “hamburguesa es el típico menú de los teléfonos móviles, es decir, un icono de tres líneas horizontales. Este menú ha sido criticado por su poca usabilidad, ya que no todo el mundo asociaba ese icono al menú de la web.
No obstante, con el aumento significante de la navegación desde móviles este tipo de menú ya es familiar y reconocible por casi todos.
Su uso es cada vez mas extendido no solo en teléfonos móviles, sino que cada vez está mas visto en muchas páginas web en su versión “pantalla grande”, consiguiendo un diseño limpio y minimalista.
Formularios de registro:
Un formulario de registro será siempre un formulario de registro, y su función está clara y definida.
La tendencia web hoy en día está en facilitar y acelerar este proceso facilitando que el usuario se registre con su perfil de redes sociales.
De esta forma se completan muchos mas registros de usuarios ya que estos no estarán tan reacios ante la idea de perder tiempo rellenando campos.
La tendencia para registros mas complejos es crear formularios “por pasos” en los que el usuario es guiado por cada una de las fases del proceso de registro de una forma mas efectiva.
Diseños tipo “tarjetas” con información escaneable.
El pionero en este tipo de diseños fue Pinterest y cada vez vemos este estilo en mas sitios. De hecho están surgiendo cada vez mas plantillas de WordPress que incorporan este tipo de diseño y logran diferenciarse de los diseños a los que estamos mas que habituados hasta ahora.
Lo bueno de estos diseños es que cada “tarjeta” contiene y presenta la información en pequeños trozos perfectamente escaneables. Aíslan la información de forma muy visual dando un punto de vista gráfico atractivo, y favoreciendo la usabilidad.
Imágenes “Hero”
Las llamadas “Hero images” son la imágenes que vemos nada mas llegar a muchas páginas web y queocupan toda la pantalla.
Las imágenes en las páginas web son un recurso muy potente para captar la atención del usuario desde el primer momento.
Con un buen servidor y una buena optimización de tu sitio e imágenes en general no tendrás que preocuparte por tiempos de carga bajos.
Este recurso ya viene siendo utilizado desde hace unos años, pero anteriormente los usuarios tendían a no seguir haciendo scroll en las páginas. Ahora ya estamos acostumbrados a este tipo de imágenes de presentación, por lo que la mayoría de usuarios intuyen que debajo de ellas continua el contenido de la web.
Extracto de entrada, Autor: Álvaro Peña Costilla, http://goo.gl/j3SCZG