Inclusión. Accesibilidad y Usabilidad web.

10 normas de diseño web para conexiones con baja velocidad de transferencia

Aunque continuamente está mejorando el ancho de banda que tenemos en nuestras casas y en nuestras oficinas, sigue existiendo a nivel mundial una gran cantidad de usuarios que utilizan conexiones con poca velocidad de conexión.

Además el aumento de conexiones desde dispositivos móviles cuya velocidad de transferencia de datos a es baja vuelve a crear las necesidad de optimizar las web para este tipo de conexiones.

10 Consejos

1. Páginas más pequeñas de 25Kb: Páginas que carguen en menos de 10s para conxiones de 20Kbps.
2. Reduce el número de imágenes: Es posible diseñar bien sin muchas imágenes, usando CSS para el layout y rollover.
3. Estructura bien la web: Proporciona navegación simple, no hagas a los usuarios cargar páginas innecesarias.
4. Usa Estilos en Cascada: No uses tablas para el Layout.
5. Minimiza las llamadas http: Cada imagen, cada archivo CSS o Jav script es una llamada http distinta. Muchas pueden provocar lentitud en la carga de la página.
6. Permite la compresión: Comprimiendo las página en el servidor puedes reducir a la mitad las páginas.
7. Páginas Cacheable: Permite a los navegadores mantener en cache los contenidos.
8. No uses PDFs: Si los usas optimizalos tambien. Pueden optimizarse usando graficos vectoriales y minimizando el número de fuentes.
9. Pon primero los items más útiles: Pon el menú de navegación en la cabecera de cada página y así será lo primero en cargarse. Haz tus páginas útiles antes de que termine la carga.
10. Muestra el tamaño de los enlaces: No obligues a a descargar archivos grandes, enlazalos siempre, y si son mayores de 75kb muestra  el tamaño.

Mas información: Web Design Guidelines for Low BandWidth

---

Lo más leído

• ¿Cómo adapto un interfaz web para móvil?
• Landing Page. La primera impresión es lo que cuenta. 30 Tips
• Diseño de botones call-to-action, las claves del éxito
• Reducir el porcentaje de rebote, 10 consejos

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.

Inclusión. Accesibilidad y Usabilidad web.