DISEO WEB

En la actualidad una pgina web o un blog es parte importante de la imagen de

un individuo, empresa o institucin, es una de sus partes visibles. De su
apariencia y estilo depende la imagen que proyecta, as los visitantes se hacen
una idea o concepto sobre la organizacin o el personaje a quien pertenece el
sitio.
1.- Contenido:
La pgina no debe ser atractiva solamente en su parte visual, debe tener un
contenido
interesante
que
atraiga
lectores.
Ninguna pgina puede considerarse exitosa si no cuenta con un contenido
apropiado y actualizado frecuentemente. El contenido da la posibilidad real de
aumentar el nmero de visitas y hacer que los viejos visitantes consulten la
pgina a menudo (porque encuentran siempre algo nuevo).
2.- Imgenes:
Deben usarse buenas fotografas, preferiblemente tomadas por un profesional.
Es importante presentar imgenes que no estn pixeladas (baja resolucin) o
desenfocadas, esto da una idea sobre la calidad misma del sitio.
Tambin se pueden utilizar ilustraciones sencillas (imgenes vectoriales).
3.- Tipografa:
Es importante utilizar fuentes llamativas pero que conserven una fcil
legibilidad. La tipografa debe llamar la atencin del usuario pero debe
conservar
la
lnea
de
diseo
del
sitio.
Tambin es importante variar el tamao de una misma fuente para resaltar
secciones interesantes del texto.
4.- Botones e iconos:
Utilizar botones prcticos y representativos, as como iconos grandes y
vistosos aumenta la facilidad de navegacin en la pgina y se dan una gua
clara a los usuarios, no es necesario colocar accesorios que no van a brindar
un valor real, por ejemplo un reloj para clientes que se encuentran en el mismo
uso horario.
5.- Animaciones y movimiento:

Para generar una sensacin de dinamismo, es bueno utilizar elementos

animados. Pero es importante no excederse con los elementos mviles, la
cuota del 20% del total de la pgina es suficiente, porque pueden causar
saturacin, distraer la atencin de las cosas importantes que se quieren decir y
por ultimo sacar al usuario del sitio.
6.- Fondos claros y sencillos:
Los fondos claros o totalmente blancos facilitan la visualizacin, tambin dan
un aspecto despejado a la pgina resaltando las imgenes, existe la tendencia
a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz
del monitor.
7.- Enlaces a redes:
Es de gran ayuda para los usuarios incluir enlaces a redes sociales con las
cuales se tiene familiaridad y se interacta con regularidad, tambin a sitios de
inters. Esto con el fin de generar comunidad y crear lazos de mutuo
intercambio con sitios que pueden apalancar la oferta, como proveedores y
clientes actuales.
8.-Sobriedad:
Una pgina debe permitir una fcil visualizacin de los contenidos (videos,
imgenes, textos), saturar al cibernauta es contraproducente, si la informacin
o contenido tarda en ser cargado es una visita menos y un potencial cliente o
negocio que no conoci la oferta que se propone, tener un diseo sencillo con
botones o enlaces en el lugar adecuado, genera un fcil reconocimiento y
navegacin que en posteriores visitas se traduce en una identificacin con los
usuarios.
Cada da nacen muchas pginas, por lo tanto cada vez existen ms opciones
en la red, no olvide que un sistema de contenido dinmico atrae y que es
necesario actualizar la informacin de acuerdo al ritmo que determine la
organizacin, no se recomienda actualizaciones con ms de un mes
calendario.

Otros elementos bastante comunes son:

Banner: Una imagen fija o animada utilizada generalmente para publicidad.
Marcos: Tambin llamados frames, son una especie
independiente en el que puede cargar una pgina Web.

de

recuadro

De esta forma es posible dividir una pgina Web en diferentes partes o

ventanas, cada una con sus propios bordes y barras de desplazamiento,
cargando dentro de cada una de ellas una pgina web externa independiente.
Los marcos se usaron mucho en un momento determinado, pero adems de
crear algunos inconvenientes en el diseo, es una opcin que no recomiendo
ya que los motores de bsqueda no indexan correctamente los sitios
realizados con marcos.
Formulario: Zona para introducir datos o comentarios. Una plantilla o pgina
con espacios vacos para llenarse con alguna finalidad.

Tambin se utiliza para referirse al conjunto de campos solicitados por un

determinado programa, los cuales se almacenan para su manipulacin y uso
posterior.