Evitar errores de diseño web

Simplemente navegar por la Web - especialmente en áreas con una gran cantidad de páginas personales, como el sitio de GeoCities o área de Procedencia de AOL - y usted puede encontrar muchos ejemplos de páginas mal diseñadas. Pero, ¿qué es lo que hace que estas páginas malo? De los muchos errores de diseño que usted puede hacer, tres son comunes entre los nuevos creadores de las páginas web: páginas de carga lenta, combinaciones de colores feos, y texto pequeño.

Páginas de carga lenta

Este es el Nº 1 perdición de diseño de páginas Web, ya sea aficionado o profesional. La gente piensa que están diseñando una revista y arrojan grandes, gráficos sin comprimir alrededor, varios por página. Luego añadir poco cute elementos de diseño, cada uno de los cuales tiene que ser enviado como un archivo separado por el servidor Web. Como cada uno de los diferentes elementos que entra, la página cambia de diseño y shimmies de una manera garantizada para causar mareo. Cuando una página de tus cargas lentamente, por lo general es debido al hecho de que están cometiendo uno de los dos errores importantes.

• Error # 1 implica una falta de atención con uno o dos gráficos individuales. Al mantener estos gráficos de archivos de gran tamaño, condenarás toda la página para frenar la carga.

• Error # 2 es el uso de gráficos de forma derrochadora en general. Altamente páginas diseñadas pueden tener un montón de pequeños elementos gráficos que hacen que muchas transferencias de archivos separados como se carga la página. A menos que la página está diseñada cuidadosamente, la página en realidad cambia un poco, ya que cada gráfico entra. El efecto total puede ser bastante desconcertante.

Los gráficos no sólo pueden provocar que su página se cargue lentamente - también toman mucho tiempo para crear, tienden a tener problemas de derechos de autor, y presentan problemas de diseño y de diseño de página desafiantes. Mantenga el uso de gráficos en su página sencilla hasta llegar realmente bueno en el diseño con los gráficos, o hasta que pueda obtener ayuda de alguien que tiene que ellos mismos talentos.

Combinaciones Ugly

Muchos editores de páginas Web no les importa mucho si las combinaciones de colores que utilizan son atractivos o no. Otros se preocupan, pero no pueden evaluar críticamente su propio trabajo y ver lo fea y / o difíciles de usar el resultado es.

Usted puede entender que ciertas combinaciones pueden ser feo, pero tal parece extraño para nosotros decir que los malos colores pueden llevar a páginas difíciles de usar. La razón es que en la web, de color identifica los hipervínculos, con enlaces no utilizados y los enlaces utilizados recientemente que tienen diferentes colores. Los colores estándar para los enlaces son de color azul para los enlaces no visitados y púrpura para los enlaces visitados. Si cambia estos colores, sus visitantes tienen problemas para identificar qué enlaces que han visitado y que vincula no lo han hecho.

Si simplemente debe cambiar los colores de los enlaces, trate de usar combinaciones que son análogos a los estándar - un color más claro, llamativo para los enlaces no visitados, y un color aburrido para visitados. Esto es al menos similares, conceptualmente, a los colores estándar. Luego probar el diseño de unas pocas personas y ver si pueden averiguar rápidamente qué enlaces son los que.

Ahora, de vuelta a feo. El hecho de que la web hace que sea posible utilizar varias combinaciones de colores no significa que usted debe hacerlo. El texto negro sobre un fondo blanco o blanquecino es lo que la gente está acostumbrada, y es siempre la opción más segura. Y con esta combinación, los colores de los enlaces estándar aparecen muy bien. Usted puede usar una barra gráfica en algún lugar constante en la página para dar a sus páginas web un aspecto colorido, gráfica sin sacrificar la previsibilidad y la legibilidad en el cuerpo de cada página.

Algunas otras combinaciones funcionan bastante bien, pero muchos no lo hacen. Recuerde también que algunos usuarios manejan sus monitores en el modo de 256 colores y que sólo 216 colores fuera de la 256 - la paleta de colores seguros para la Web - son los mismos en PCs y Macs. Así que una combinación de colores que se ve bien en su sistema puede parecer pobre en un sistema con menos colores-del mismo modo, los colores que se ven bien en un PC pueden no parecer tan caliente en un Mac.

Pequeño texto (y texto de gran tamaño, también)

Un error común que la gente hace es utilizar texto pequeño en sus páginas Web. Pequeño texto tiene un aspecto un poco de fresco, y le permite empacar en una gran cantidad de información. Debido a estas tentaciones, incluso los sitios web grandes, como las primeras versiones del sitio de Microsoft, han cometido este error. El problema es que el texto pequeño se convierte en texto muy pequeño cuando se ve en un monitor de alta resolución. Tan pequeño, de hecho, que muchas de las personas que visitan su sitio Web puede no ser capaz de leer fácilmente el texto en su página.

Menos comunes, pero igualmente dañino, es el texto que es demasiado grande. No es necesario para diseñar páginas Web con el texto que es legible desde 20 pies de distancia. De Verdad. (Las personas con verdaderos problemas de visión cambiar de Windows y / o de su navegador para mostrar el texto de tamaño extra grande, así que tienen una manera de leer el texto que comienza tamaño normal). Esto se ve horrible, especialmente cuando se ve en un sistema con relativamente baja resolución, como la resolución de 800 x 600.

Ambos problemas se agravan por la creciente tendencia a incorporar gran parte del texto de un sitio en imágenes gráficas. Este texto siempre tiene una apariencia consistente, ya que es tratado por el navegador como una imagen gráfica, pero que mirada puede fácilmente ser demasiado pequeño o grande. Al guardar el texto como archivos de imagen, el texto no se puede cambiar el tamaño del navegador para adaptarse a los diferentes ajustes del navegador. De modo que el usuario no puede solucionar los problemas que están teniendo con el texto que se muestra de forma gráfica.

Entonces, ¿qué es "tamaño normal" texto? Me alegro de que hayas preguntado. No hay una exacta tamaño normal, pero hay un rango normal. Para encontrarlo, que coincida con el tamaño del texto en su página web con el tamaño del texto en algunas páginas Web que te gusta. Luego pregunte a varias personas - no todos los jóvenes y con ojos de lince, ni todos mayores y menos aguda visual - para decirles si pueden leer fácilmente el texto mientras está sentado cómodamente un par de pies de distancia de la computadora. Si no es así, solucionar el problema antes de que sea una carga para los visitantes de su sitio Web.