Top 10 consejos para el diseño web de respuesta.

¿Tu diseño de página web está listo para este cambio?

Esto es por qué el diseño web de respuesta o adaptable es tan importante, hace que nuestros sitios sean visibles en diferentes dispositivos sin comprometer el estilo y función.

Estas son las características más importantes del diseño web adaptable o responsivo:

1. Móvil significa diferentes experiencias de usuario.

Evita tomar una medida única para todos los enfoques del  diseño web para tu capacidad de respuesta. Un usuario que visita tu sitio en un dispositivo móvil puede tener un objetivo diferente en mente que el que lo visita desde una computadora.

Los usuarios de smartphones en general, quieren encontrar respuestas rápidas a sus consultas. Los usuarios de tabletas pueden querer leer artículos largos durante un viaje. Piensa  cómo los usuarios, lo más recomendable es interactuar con tu sitio en diferentes dispositivos.

2. Diseña para dispositivos móviles primero.

Cuando estás pensando en diseñar tu sitio web en Madrid, piensa en cómo se debe mirar y responder en los dispositivos móviles en primer lugar. Puede parecer extraño, pero, como se puede ver en las estadísticas anteriores, lo móvil está empezando a superar a las computadoras de escritorio. Diseñar un sitio que se ve muy pequeño, es mucho más fácil de escalar.

3. Diseñe para las orientaciones  de pantalla.

Muchos usuarios de teléfonos cambian la orientación de la pantalla, pero el paisaje (59,8%) tiene una ventaja sobre el retrato (41,2%). Asegúrate de que tu diseño web se vea perfecto en ambos sentidos.

4. Velocidad.

A veces, la capacidad de respuesta realmente puede ralentizar tu sitio. Un estudio encontró que los sitios web que responden con una velocidad de carga lenta, oscilan en 8.4 segundos. Esa cantidad de tiempo en realidad supera el promedio de atención. El culpable de la capacidad de respuesta lenta son las imágenes sin optimizar.

5. Porcentaje de píxeles.

Los anchos fijos son una cosa del pasado. En lugar de predeterminar parámetros por píxeles, utiliza porcentajes. Este es un componente clave para la capacidad de respuesta. Es mucho más fácil que tratar de determinar todos los dispositivos posibles que se puede utilizar para ver su sitio web en Madrid.

6. Vídeos en acción.

Los vídeos a menudo sufren en un diseño adaptivo, pero no hay razón con grandes plugins.

7. Prueba tu diseño de página web.

Tu diseño de página web adaptivo debe ser probado. Puedes probarlos en ish., y ScreenFly. Utiliza cualquiera de estas herramientas para determinar la respuesta de tu diseño web, y averiguar lo que necesita trabajo.

8. Tipografías.

Este tipo de diseño web necesita una tipografía receptiva que lo acompañe. Pero, ¿qué significa eso y cómo se implementa? 

La tipografía web receptiva es difícil: debe tener habilidades de diseño y conocimientos técnicos. Pero, por complicado que sea, equivocarse no es una opción, porque la tipografía es la piedra angular del diseño web.

9. “NO” a los menús de navegación

Como estos sitios apuntan a pantallas más pequeñas (smartphones o tablets), siempre se recomienda ocultar el menú principal. Puede elegir el combinar un icono y un texto para indicar al usuario sobre el menú, incluir un menú desplegable simple que se desliza hacia abajo o una técnica de superposición donde el menú se expande y cubre toda la pantalla, etc.

10. Hacerlo legible.

No haga que los lectores pellizquen para hacer zoom o entrecerren los ojos para leer, haga que el tamaño del texto sea lo suficientemente grande para leer en una pantalla más pequeña.

Se recomienda un tamaño de texto de 16 px, 1 em o 12 pt. Para diseñar titulares, puede utilizar una herramienta como FitText para crear texto adaptable.

El Diseño web adaptivo no es una moda. Es una necesidad.