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
de Menús

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

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 omp re una m etodología , n o un dis eño de p ágin a

Sign up to vote on this title
UsefulNot useful