10. Reforzarás la unidad visual.

Si escoges una técnica gráfica utilízala por todo el sitio, pon una retícula base y unos elementos diferenciados  y un estilo general para construir una unidad visual para reforzar la presencia de un sitio Web.

No existe una retícula de diseño apropiada para la globalidad de las páginas Web, pero puedes usar una  composición básica, de ahí decides como se va relacionando los elementos, ensaya diversas posibilidades.

Puedes usar líneas para separar la información de la página, pero no abuses de ellas, funcionan bien para el título y los estilos pueden ser variados.

La única justificación para usar reglas horizontales en la Web es cuando se existen zonas muy llenas o el espacio es muy estrecho.

9. Cuidarás la interfaz de usuario.

En el diseño la interfaz gráfica del usuario es cuando se controla cada uno de los píxeles de pantalla.

En Internet el usuario puede cambiar las preferencias que el diseñador no puede concebirlos.

La mejor interfaz no se ve directamente, el éxito de un buen diseño consiste en envolver al espectador de tal manera que se daba llevar por el ambiente, sin notar lo bien que está hecho ya que un buen diseño nunca se interpone entre el mensaje y el receptor.

Investiga las preferencias que tienen ciertos tipos de usuario y procura que tengan lo que deseen.

La interfase integra ágiles metáforas para la integración de imágenes y conceptos para transmitir funciones y significados a la pantalla del ordenador.

A pesar de las obvias diferencias entre un medio publicado y un sitio Web, no cambian radicalmente las leyes de legibilidad, estructura, composición, retícula, color, adapta convenciones de estilo editorial.

El usuario no está interesado en una complejidad gratuita, especialmente los que dependen información oportuna y detallada.

8. Experimentarás con varias opciones de retícula.

El espacio considerado como área de diseño a menudo puede ser controlado y utilizado de manera dinámica en especial cuando el número de elementos es limitado.

Si la retícula se usa con una mayor libertad, se logrará una disposición de elementos de diseño más dinámica y creativa.

Puedes usar los márgenes de la página para crear zonas de interés y así romper la monotonía del sitio.

La orientación apaisada es la que se impone en medios digitales pero se puede optar por una retícula horizontal principalmente cuando se espera que la información sea impresa en papel.

No sabes si eres original o nuevo si no has investigado antes.

Una composición simétrica y estrictamente ordenada da la impresión de algo frío y artificial, los elementos que desequilibran o que rompen un esquema ayudan a crear una sensación de libertad y originalidad.

7. Distribuirás los elementos según su orden de importancia.

La parte de la página más visible es la izquierda superior, le sigue derecha superior, después la izquierda inferior y finalmente derecha inferior, por lo que los elementos deben  de acomodarse siguiendo este orden de importancia.

El campo de navegación habitualmente se pone a la izquierda para garantizar de que no quede cortada en una pantalla más pequeña y de que esté en el lugar más visible, sin embargo otras pueden ir arriba, abajo o a la derecha según el diseño y el orden de importancia.

Cuida de no invitar a salir al usuario sin al menos conocer nuestro sitio, los enlaces externos deben de pasar a segundo plano.

De ser estrictamente necesario poner un elemento importante en un lugar no seguro como lo es la parte derecha o abajo trata de atraer la atención hacia esa zona con animaciones, colores o iconos llamativos.

Una manera de dividir la página Web es del formato estándar: 4 unidades de largo X 3 de alto.

El ancho máximo para publicaciones impresas no debe superar los 535 píxeles.

La consistencia y la previsibilidad son fundamentales en todo sistema de información bien diseñado.

6. Usarás la retícula de manera armoniosa.

Buena organización no significa poner límites sino un buen acomodo de los elementos dentro de su unidad y permite explorar el sitio Web de una manera más segura.

La retícula permite crear un aspecto más armónico si está bien estructurada.

Entre mas divisiones exista en una retícula mejor ya que permite acomodar los elementos existentes pero debemos procurar de no caer en un diseño cuadrado y poco interesante.

Esboza antes de perder largas horas en una computadora, pensando que vamos a plasmar, ya que los bocetos son herramienta de comprobación y un ejercicio para limpiar los errores antes de cometerlos.

Toda página es consecuencia de una estructura gráfica que proyecta su creación, todo elemento debe distribuirse, ordenarse y componerse hasta definir la estructura de la página.

El exceso de simetría puede resultar torpe y aburrido, mientras la retícula es invisible y simétrica los elementos pueden acomodarse de manera asimétrica.

5. Realizarás una retícula para componer el contenido de una página Web.

Podemos realizar buenas páginas funcionales sin usar una retícula aparentemente  explorando nuevas perspectivas no estructurales, pero antes de debemos aprender la función e importancia de usar una retícula.

La retícula está presente en la mayoría de las páginas de calidad, ya sea impresa o en la red, pues contribuyen a que un espacio no termine en un caos de información ya que genera mayor confianza un lugar claro, ordenado y controlado.

La retícula nos permite suavizar la rigidez formal de líneas de un bloque de texto mediante una ilustración, ajusta los tamaños, formas y equilibrio visual de varios elementos para darle, si es necesario, énfasis diferentes.

La composición de una retícula es lo primero que una página necesita para contar con un diseño eficaz.

Los elementos visuales que siempre aparecen en una misma posición ayudan a navegar con libertad y seguridad.

4. Cuidarás el tamaño apropiado de tu banner.

Un banner no debería pesar mucho porque su descarga será lenta.

Puedes construir un banners de la medida que necesites, aunque existe una serie de medidas para que debes y puedes utilizar

Banner completo 468 x 60

Medio banner 234 x 60

Banner a un tercio 156 x 60

Banner OMS 400 x 50

Banner vertical 120 x 240

Microbotón 88 x 31

Botón 120 x 90

Botón 120 x 60

Botón grande 130 x 80

Botón pequeño 137 x 60

Cuadrado pequeño 75 x 75

Botón cuadrado 125 x 125

Rascacielos ancho 160 x 600

Rectángulo 180 x 150

Medio Rectángulo 300 x 250

Rectángulo grande 336 x 280

Rectángulo vertical 240 x 400

3. No usarás banners engañosos o molestos.

Los banners avanzados son interesantes pero la gente siempre tiene que saber si hay que presionarlo o usarlo.

Mucha gente abusa engañando al usuario haciendo parecer botones de sistema el vínculo y no es recomendable esta práctica porque se pierde credibilidad.

Los banners que siguen o flotan suelen ser estorbosos, abusivos y molestos, aún más si te llevan a fuerzas a algún sitio.

Los banners llamativos suelen tener un gran valor en cuanto a que atraen la atención, pero también pueden resultar molestos y transmitir una sensación incómoda al usuario.

La presencia de publicidad debe de restringirse o hasta eliminarse, pero de ser totalmente necesario es mejor integrarla al diseño.

2. Colocarás banners funcionales.

Un banner no siempre debe de enlazar a una página, también sirven para ofrecer información o publicitar algo.

Todo banner enlazado debe de dirigirnos a una página diseñada específicamente para este fin, ya que si el banner nos lleva a una portada el usuario puede no encontrar lo que vio en el banner.

Es bueno que desde la primer escena se fije el mensaje porque el usuario puede bajar o cambiar de página en segundos.

En vez de que el fotograma final sea un logotipo o algo irrelevante es mejor que termine mostrando una dirección o mensaje transmisible.

Los banners interactivos pueden ofrecer más que una invitación y mostrar un poco de entretenimiento.

Los banners pesados no deben de colocarse en la primera página, ya que aumentan significativamente el tiempo de descarga.ç

1. Justificarás la presencia de cada banners.

Los banners suelen ser ignorados por lo que deberás crear material muy atractivo y convincente para que atraiga la atención del usuario.

Los banners publicitarios con animaciones parpadeantes que se encienden y mueven sin cesar no aportan más que atraer la atención a algo irrelevante y que los usuarios normalmente no desean ver.

Una opción exitosa es mostrar una pantalla de texto similar a los anuncios editoriales de las revistas y periódicos porque la información leída es más grata.

Un banner puede desatacar sin necesidad de incluirle una fiesta de colores y animaciones pues eso delata una pobreza de diseño.

Puedes poner animación en tu banner pero procura fijar el mensaje desde el primer momento.

Procura que la animación ocurra en una parte del banner mientras que el resto estático ofrezca el mensaje que quieres transmitir.