El diseño de un site es el arte de combinar índices y flashes de contenidos, noticias, o contenidos completos, con imagenes (iconos, fotos, logos…), menús y herramientas de navegación, áreas de cabecera y pie, buscando la distribución de estos en el espacio del lienzo, atendiendo a criterios estéticos, de movimiento y ubicación de la vista del usuario en los mismos, de prevalencia, etc.
-
Seleccionar un esquema de colores a la vez atractivo pero que no canse.
-
Utilizar un número reducido de colores en el esquema de colores.
-
Seleccionar un esquema de colores a la vez atractivo pero que no canse, conjugando a la vez equilibrio entre los mismos y un contraste suficiente pero no agresivo.
-
Mantener el mismo esquema de colores a lo largo de todo el site. Evita la sensación de stress por variación brusca de entorno.
-
Evitar saturar la Home Page poniendo en la misma la mayor parte de los contenidos o muchos extractos de estos.
-
El aspecto de las paginas debe ser con contenidos y componentes estructurados, y no estar mu saturadas.
-
No es preciso establecer enlaces (mediante menús o barras de navegación) desde cada página a todos los contenidos del site.
-
Los párrafos no deben ser largos (no más de 5 o 7 líneas) y los contenidos deben estructurarse según distintos niveles: esto facilita al lector la lectura selectiva y a saltos.
-
Las faltas de ortografía son imperdonables: chequear los contenidos con un procesador de textos con diccionario.
-
No utilizar texturas para el lienzo (background) de la aplicación: cansan y dificultan la legibilidad.
-
Es recomendable usar el mismo lienzo (background) a lo largo de toda la aplicación. Excepcionalmente puede cambiarse para diferenciar una sección concreta, pero no es muy recomendable.
-
Usar el menor número de banners posible y de los tamaños estándar en la Web. No poner más de uno por página.
-
No utilizar texto parpadeante (blink): distrae la atención y enseguida pone nervioso al lector.
-
Si se usa algún tipo de música o sonido situar de forma visible un control para inhibirla.
-
El código HTML de debe ser claro y adecuadamente estructurado y lo mejor formado posible (respetar la sintaxis aunque no sea imprescindible). Utilizar chequeos sintácticos de las paginas. Muchos editores de HTML disponen de uno y hay servicios de validación gratuitos en la Web que detectan incorreciones:
-
Codificar absolutamente todos los elementos de diseño en Hojas de Estilo externas.
-
En las CSS debe validarse que todas las clases y atributos de las mismas son entendidas por la mayoría de los navegadores al uso, ya que en el terreno de las Hojas de Estilo hay muchas diferencias de interpretación según los browsers. Hay tablas comparativas en la Web que indican que codificaciones de estilo son soportadas por según que browsers:
-
El código de las CSS debe ser sintácticamente correcto, de lo contrario originará problemas de aplicación de estilos. Hay editores de CSS que incluyen esta funcionalidad y, de cualquier forma hay servicios gratuitos de validación en la Web:
-
Si se usan frames, utilizar el tag <noframes> con el contenido correspondiente.
-
Asegurarse que todas las paginas del site se ven correctamente en la mayoría de browsers más comunes.
-
Utilizar en todas las paginas contenido significativo y referencial para el tag <TITLE>.
-
Utilizar en todas las paginas los tags <META> correctos y adecuados a la página: son muy importantes para la correcta indización e identificación en buscadores.
-
Nunca utilizar leyenda o imagen de "En construcción". Cualquier site está siempre en construcción, y un contenido que aún no está disponible no hay porque anunciarlo. Sólo si se puede asegurar el plazo en que será publicado.
-
No utilizar Applets de Java para funcionalidades que puedan resolverse con otras herramientas menos onerosas para el cliente Web (JavaScript, DHTML, Flash…)
-
Evitar en lo posible el uso de Pop-ups.
-
Evitar el uso de objetos multimedia que requieran plugg-ins que no estén totalmente estandarizados. De ser necesario tratar de convertir a formatos totalmente estándar.