Tratar con gráficos en tu web

El aspecto más difícil de gráficos incluidos en sus páginas Web es resolver todos los problemas de diseño que acompañan el uso de gráficos. Creación de gráficos eficaces y colocarlos adecuadamente en relación con el texto no es tan fácil como agua hirviendo. Algunas preocupaciones adicionales surgen al utilizar los gráficos en la Web.

La aceleración de las páginas lentas

Uno de los problemas actuales de la Web es velocidad de descarga - la cantidad de tiempo una página Web lleva a aparecer en la pantalla del usuario. Los tiempos de descarga son especialmente lento para gráficos ricos páginas, que, aunque más interesante para ver, puede ser más frustrante porque aparecen más lentamente. Y la disyuntiva no es simple: un montón de variables que intervienen. Por ejemplo:

  • Velocidades de acceso: Diferentes usuarios acceden a la Web a través de las conexiones que funcionan a velocidades diferentes. Y el mismo servidor puede servir a una página Web a velocidades diferentes, dependiendo de la carga del servidor es. Al probar su página de gráficos ricos nuevo en el equipo local, todo puede correr rápido. Pero al cargar la misma página en un servidor y acceder a la página más de 56 Kbps (kilobits por segundo) del módem, la página se carga mucho más lentamente.
  • Buenas y malas gráficos: Si va a pasar el tiempo de sus usuarios en la descarga de grandes gráficos, invertir parte de su propio tiempo y dinero por adelantado para asegurarse de que los gráficos son de alta calidad posible. La gente no les importa la espera de un buen gráfico casi todo lo que te importa la espera de una mala. Un buen gráfico puede ser un tiro producto. Un mal gráfico puede ser una bandera que dice "¡HOLA!" en seis colores fluorescentes.
  • Niveles de frustración: Los mismos usuarios que disfrutan viendo tu página aparecen en la mañana, mientras que beber una taza de café puede tener la tentación de gritar a su navegador cuando tratan de comprobar rápidamente tu página antes de ir a casa del trabajo.

¿Qué puedes hacer para hacer frente a todos estos factores, sobre todo cuando se combinan para hacer que su página lento y sus usuarios de mal humor? Sé inteligente:

  • Limite el número de colores en sus gráficos para hacer los archivos más pequeños para que se descarga más rápidamente.
  • Obtener asesoramiento de expertos - de alguien que usted conoce o un libro - o buscar en sitios frescos en línea para ayudarle a hacer los gráficos que hacen uso más interesante de ver.
  • Espolvorear ligeramente su página con gráficos pequeños, en lugar de cargar con varios grandes.

Evitar tres grandes errores

No haga estos tres grandes errores relacionados con gráficos en la Web:

  • No hay gráficos: Al no tener los gráficos en las páginas Web significa tener páginas aburridas.
  • Demasiados gráficos: Usar demasiados grandes, gráficos-lento-a descarga puede ser el más grande autor Web novato error.
  • Sin texto alternativo: Algunos usuarios no tienen capacidad gráfica en absoluto, y un número creciente de personas con problemas de visión usar la Web. Es necesario para dar cabida a estos usuarios mediante la creación de su página en una manera que apoye el acceso de sólo texto, así como el acceso gráfico.

Algunos sitios ofrecen un conjunto paralelo conjunto de páginas web que son puramente textual en lugar de gráfica. Proporcionar paralelas, páginas de sólo texto permite al usuario elegir si ir a las páginas, gráficos de ancho de banda de succión o atractivos para las páginas de sólo texto muy rápido, y permite a las personas con discapacidad visual para disfrutar de todos los beneficios de la Web.

Debido a que el porcentaje de usuarios con acceso de banda ancha no sigue bajando, de un juego completo de páginas de sólo texto puede ser una exageración. Considere la posibilidad de proporcionar un texto en su mayoría versión, con un uso limitado de las imágenes, el diseño más simple, y el texto alternativo para las imágenes. Esta opción puede ser la solución para los usuarios con discapacidad visual.

Estas son las reglas más importantes para apoyar el texto y acceso gráfico:

  • Al diseñar y crear su página, pensar en cómo se verá la página con todos los accesos gráfico apagado y encendido.
  • Pon a prueba tu página con los gráficos desactivados.
  • Pon a prueba tu página en diferentes navegadores.
  • Incluir etiquetas ALT - en realidad, el atributo ALT en la etiqueta IMG - en todas las imágenes para que el texto explicativo aparece cada vez que no se muestra un gráfico.
  • Proporcionar menús de sólo texto, además de las selecciones basadas en iconos y mapas de imagen.
  • Si quieres hacer que todos muy contentos, considerar la creación de un texto de sólo versión separada de su sitio.