Categories: Marketing

6 buenas prácticas para el diseño responsive

El diseño web responsive se ha convertido en el método preferido para el desarrollo de sitios web con un enfoque multidispositivo. Recomendado por Google y adoptado por los principales sitiosde Internet, las páginas responsive son sinónimo de calidad y accesibilidad. Y todos tienen en cuenta al menos estos 6 factores:

1. Pensar en grande… y en pequeño. Uno de los factores que impulsan el éxito del diseño web responsive ha sido la capacidad de crear una mejor experiencia para los usuarios de dispositivos móviles. Y es que este diseño tiene beneficios para todos los tamaños de pantalla, desde la pequeña del smartphone a pantallas muy grandes como las de las smart TV.

2. Considerar el contexto. Obviamente, uno de los objetivos de este diseño es que el sitio encaje bien en las pantallas de los móviles. Pero hay que ir más allá y considerar el contenido que puede ser más relevante para los visitantes que utilizan dichos dispositivos.

3. Navegación escalable. La navegación es uno de los aspectos más complicados de un sitio web, sobre todo cuando se trata de menús muy grandes. Lo que funciona perfectamente para pantallas grandes se descompone completamente en otros dispositivos. Es por ello que, en el diseño de navegación de un sitio, hay que centrarse en la creación de una navegación clara y fácil de usar en cada paso, incluso si la navegación difiere de una pantalla a otra.

4. Calidad de imagen frente a velocidad de descarga. La página web medi supera los 2,1 MB de tamaño. Uno de los grandes culpables de ese tamaño, excesivo para dispositivos móviles con poca memoria y planes de datos escasos, son las imágenes. Como las tendencias de diseño de sitios web se mueven hacia gigantescas imágenes a toda pantalla, el tamaño de las páginas no hará sino crecer.

5. Tamaños de fuente. La tipografía es una parte importante del diseño web. Pero la hora de diseñar sitios responsive, debemos tener especial cuidado de que nuestras opciones de tipografía cambien junto con otros aspectos del diseño.

6. Poner a prueba tu diseño en dispositivos reales. Planear cómo se escala un diseño para diferentes tamaños es una parte importante del proceso, pero además hay que ser capaz de interactuar con el diseño en dispositivos reales, lo que nos mostrará cómo funciona realmente, ya sea confirmando las decisiones que tomamos o mostrándonos dónde necesita ser mejorado.

Extractado de TNW

Juan Miguel Revilla

Recent Posts

Los mensajes RCS, otra vía de acceso para ciberataques

Los mensajes RCS ofrecen muchas más posibilidades que los SMS, pero también abren la puerta…

2 días ago

Telefónica Empresas ayudará a Microsoft a expandir los Copilot+ PC por España

Acompañará a las empresas en sus procesos de equipamiento, desde la elección del hardware hasta…

3 días ago

IBM y Esade promueven el uso de la IA en los Consejos de Administración

Juntos, trabajarán en la formación y la actualización de habilidades para que los consejeros impulsen…

3 días ago

ASUS lanza un Mini PC con inteligencia artificial

Este dispositivo incluye entre sus especificaciones procesador Intel Core Ultra (Serie 2) y botón Copilot.

3 días ago

EasyVisa adquiere una participación mayoritaria en OTRS Group

Ya cuenta en su poder con más del 90 % de las acciones del proveedor…

3 días ago

SoftwareOne y Crayon acuerdan fusionarse

Los actuales consejeros delegados, Raphael Erb y Melissa Mulholland, se convertirán en co-CEOs de la…

3 días ago