Metodología Para Diseño De Páginas Web

Metodología Para diseño de Páginas Web Autor:David Siegel

Diseñar una estrategia Vigilar la competencia Seguir los foros Posicionamiento Encuestas Estadísticas

Audiencia  Propósito (COMO VOY A LLEGAR A LA META )  Objetivo (QUE VOY A HACER PARA LLEGAR A LA META) RESULTADOS  Especificaciones  Información  Presentación 

Diseño de la Interfase Interface Básica Desarrollo de funcionalidades que permitan una experiencia interactiva y agradable  Usar herramientas que permitan coordinar varios lenguajes y tecnologia del lado del Servidor. (Php/Ajax)  Colocar los elementos de acceso de manera armónica y efectiva 

Diseño de la Interfase

Diseño de la Interfase  Problema

de Acceso

 Accesibilidad Capacidad de Acceso para todas las personas  Distribución

de Menús

Necesarios Utilizar menús Contextuales Menús Colapsables

Diseño de la Interfase

Diseño de la Interfase 

La navegación 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 

Diseño de la Interfase 

Navegación y Enlaces Optimización en la Navegación a través de las paginas.  Enlazar siempre al índice  Evitar páginas huérfanas  Pie de página  Los menús 

Diseño de Site Diseño Preliminar  Estructura  Elementos  Covertura 

Diseño de Site 

Estructura 

En árbol



En lista



Mixta



En red

Diseño de Site 

Elementos 

Disponer de tiempo, tecnología y recursos humanos para llevar a cabo el proyecto.  multidisciplinar

(como mínimo, programación, diseño, contenidos y un coordinador de equipo).

Integración 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. 

Diseño de Site 

Errores en el Diseño de un Site           

Texto parpadeante. Animaciones innecesarias. Textos deslizantes. Combinaciones ilegibles de texto y fondo. Encabezamientos decorados. Cualquier elemento que parezca publicidad. Títulos sin sentido fuera de contexto. Recomendaciones para el cambio de resolución del monitor. Verborrea corporativa. Uso de frames Apertura automática de nuevas ventanas del navegador.

Diseño de Site 

Covertura

Diseño de las Paginas Balance de la Página  Diseño de los Grid de la página  Encabezados y Pie de Pagina  Tipografías  Tipo de Letras  Consistencia  Largo de la Página  Patrón de las Páginas 

Selección de Gráficos Tipo de Gráficos  Fondos de la Pagina Web  Mapa de las Imágenes 



imágenes que tienes varios enlaces asociados en distintas áreas.

Implementar el modelo

mp re una m etodología , n o un dis eño de p ágin a omp