Metodologa Para diseo de Pginas Web

Disear una estrategia

Vigilar la competencia
Seguir los foros
Posicionamiento
Encuestas
Estadsticas

Audiencia
Propsito (COMO VOY A LLEGAR A LA META )
Objetivo (QUE VOY A HACER PARA LLEGAR A LA META)
Especificaciones
Informacin
Presentacin

RESULTADOS

Diseo de la Interface
Interface Bsica
Desarrollo de funcionalidades que
permitan una experiencia interactiva y
agradable
Usar herramientas que permitan
coordinar varios lenguajes y tecnologia
del lado del Servidor.
Colocar los elementos de acceso de
manera armnica y efectiva

Diseo de la Interface

Diseo de la Interface
Problema

de Acceso

Accesibilidad

Distribucin

Capacidad de Acceso para todas las personas

de Mens Necesarios
Utilizar mens Contextuales
Mens Colapsables

Diseo de la Interface

Diseo de la Interface

La navegacin
Se refiere a la forma visual a la que el
navegador y el usuario ven el Sitio
Dimensiones y Espeficaciones (Scroll)
Adaptacion a los direfentes navegadores

Diseo de la Interface

Navegacin y Enlaces
Optimizacin en la Navegacin a travs de
las paginas.
Enlazar siempre al ndice
Evitar pginas hurfanas
Pie de pgina
Los mens

Diseo de Site
Diseo Preliminar
Estructura
Elementos
Covertura

Diseo de Site

Estructura

En rbol

En lista

Mixta

En red

Diseo de Site

Elementos

Disponer de tiempo, tecnologa y recursos

humanos para llevar a cabo el proyecto.
multidisciplinar

(como mnimo, programacin,

diseo, contenidos y un coordinador de equipo).

Integracin de los departamentos

Que vas a ofrecer y a quien se lo vas a
Ofrecer
maqueta que servir para aproximarnos a la
idea de nuestro site.

Diseo de Site

Errores en el Diseo de un Site

Texto parpadeante.
Animaciones innecesarias.
Textos deslizantes.
Combinaciones ilegibles de texto y fondo.
Encabezamientos decorados.
Cualquier elemento que parezca publicidad.
Ttulos sin sentido fuera de contexto.
Recomendaciones para el cambio de resolucin del
monitor.
Verborrea corporativa.
Uso de frames
Apertura automtica de nuevas ventanas del
navegador.

Diseo de Site

Covertura

Diseo de las Pginas

Balance de la Pgina
Diseo de los Grid de la pgina
Encabezados y Pie de Pagina
Tipografas
Tipo de Letras
Consistencia
Largo de la Pgina
Patrn de las Pginas

Seleccin de Grficos
Tipo de Grficos
Fondos de la Pagina Web
Mapa de las Imgenes

imgenes que tienes varios enlaces

asociados en distintas reas.

Implementar el modelo