1. RECOMENDACIONES
PARA COMUNICADORES

2. CARACTERÍSTICAS DE UN SITIO WEB
COMPETITIVO
 Definir claramente el público a quien va
dirigido el contenido del sitio web.
 Delimitar el tema de que va a tratar el sitio
web.
 Definir si el sitio es de opinión, personal o
institucional.
 Aclarar si la información es de fuente
primaria o secundaria.
 Evaluar adecuadamente la cantidad de
tiempo que se dispone frente ala cantidad
de tiempo requerido para elaborar el sitio.
 Definir la magnitud de los contenidos del
sitio.
 Aclarar y definir las especificaciones
concretas que debe cumplir el sitio.
 Definir necesidades y limitaciones
tecnológicas para la visita al sitio.
 Definir que navegador (browser) se debe
utilizar para una mejor
 visualización del sitio.
 Las imágenes en la primera página o home
page se deben evitar al máximo o reducirlas
de tamaño.
 Aclarar si la información expuesta es para:
persuadir, informar, educar o explicar.
 Definir si el sitio va a ser interactivo.
 Definir claramente el tipo de estructura del
sitio.
 Registrar el sitio en los diferentes motores
de búsqueda.
 Responder rápidamente la correspondencia
generada desde el sitio.
 El sitio debe tener un perfil global.
 Hacer publicidad al sitio en medios
convencionales.
 Realizar alianzas con otras empresas que
tengan sitios.
 Muchas veces el mejor diseño es el más
simple.
 El contenido horizontal de las páginas debe
ocupar como máximo el tamaño de la
pantalla.
 Todas las imágenes o iconos desplegados
deben llevar un texto explicativo.
 Las imágenes de tipo fotográfico deben
estar en formato JPG

3.  Los colores utilizados deben guardar
relación con el mensaje o tema tratado.
 El texto debe necesariamente contrastar con
el color o el diseño del fondo.
 Las imágenes deben verse bien a una
resolución de 256 colores.
 Utilizar un solo tipo de letra (fuente) en todo
el sitio web.
 No se debe utilizar mayúscula sostenida en
los textos.
 La interfaz de usuario debe tener un diseño
sencillo pero completo.
 Los elementos de navegación deben ser
probados para reafirmar que sus funciones
son obvias.
 Si el sitio tiene música de fondo debe
guardar armonía con la información
presentada en la pantalla.
 Se debe utilizar el mismo diseño de interfaz
con el usuario en todas
 las páginas.
 Escribir los textos con claridad y breves.
 Utilizar listas para resumir temas
relacionados.
 Utilizar los menús de vínculos.
 Lo principal y lo fundamental del sitio se
debe colocar en la parte superior izquierda
de la página.
 Evitar el uso de los términos "esto" y "eso"
para no confundir al lector.
 En las diferentes páginas se deben utilizar
títulos significativos y descriptivos.

4. PRINCIPIOS DE DISEÑO E
INTERACCIÓN WEB
 Anticipación
 Autonomía
 Información constante
 Información visible y
actualizada
 Consistencia
 Valores por defecto
 Eficacia del usuario
 Interfaces explorables
 Ley de Fitt: El tiempo
necesario para alcanzar
un objeto es función de
la distancia y del tamaño
del objeto

5. DEFINICION DE ARQUITECTURA Y
USABILIDAD EN LA WEB
 ARQUITECTURA DE LA INFORMACIÓN, ESTA SE OCUPA: DEL DISEÑO ESTRUCTURAL DE LOS
SISTEMAS DE INFORMACIÓN, SU PROBLEMA CENTRAL ES LA ORGANIZACIÓN, RECUPERACIÓN
Y PRESENTACIÓN DE INFORMACIÓN MEDIANTE EL DISEÑO DE AMBIENTES INTUITIVOS. ESTO
QUIERE DECIR, QUE EL DISEÑADOR DEBE RESPONDER A LA FALTA DE REFERENCIAS
CONCRETAS PARA LA ORIENTACION CON CLAVES VISUALES EN LA PANTALLA, PARA QUE EL
LECTOR PUEDA NAVEGAR SIN PROBLEMAS.
 LA USABILIDAD, SE REFIERE A LA CONDICIÓN ESENCIAL PARA QUE UN
PRODUCTO PUEDA SER UTILIZADO POR UN GRUPO DE USUARIOS, CON EL FIN DE
ALCANZAR OBJETIVOS CLAROS DE MODO EFECTIVO, SATISFACTORIO Y
EFICIENTE EN UN USO DETERMINADO. LA USABILIDAD ES LA PERCEPCIÓN DE
QUÉ TAN CONSISTENTE, ORGANIZADA, EFICIENTE, PRODUCTIVA, FÁCIL DE USAR
E INTUITIVO ES EL PROCESO DE COMPLETAR UNA TAREA EN PARTICULAR
DENTRO DE UN SISTEMA. EN OTRAS PALABRAS, TODO EL DISEÑO DE LA WEB,
DEBE ESTAR AL SERVICIO DE LA PRACTICIDAD Y LA SENCILLEZ, PARA QUE EL
USUARIO, EL DISEÑADOR, LAS EMPRESAS Y LA SOCIEDAD PUEDAN
COMUNICARSE DE MANERA EFECTIVA Y SIN TROPIEZOS.

6. HERRAMIENTAS RECOMENDADAS EN
DREAMWEAVER
EL BOTÓN FLASH SIRVE PARA QUE
PODAMOS DIRECCIONAR UN TEXTO
COMO POR EJEMPLO EL LLAMADO
HOME, QUE NOS LLEVA DE UNA
PAGINA AL INICIO DEL SITIO.
MARQUESINAS: NOS DA UN EFECTO
DE DINAMISMO PARA QUE LA PÁGINA
NO SE VUELVA MONÓTONA.

7. HERRAMIENTAS RECOMENDADAS EN
DREAMWEAVER
EL BOTÓN FLASH SIRVE PARA QUE
PODAMOS DIRECCIONAR UN TEXTO
COMO POR EJEMPLO EL LLAMADO
HOME, QUE NOS LLEVA DE UNA
PAGINA AL INICIO DEL SITIO.
MARQUESINAS: NOS DA UN EFECTO
DE DINAMISMO PARA QUE LA PÁGINA
NO SE VUELVA MONÓTONA.