16
Metodología Para diseño de Páginas Web

Metodologia para-diseno-de-paginas-web

Embed Size (px)

Citation preview

Page 1: Metodologia para-diseno-de-paginas-web

Metodología Para diseño de Páginas Web

Page 2: Metodologia para-diseno-de-paginas-web

Diseñar una estrategia

Audiencia

Propósito (COMO VOY A LLEGAR A LA META )

Objetivo (QUE VOY A HACER PARA LLEGAR A LA META)

Especificaciones

Información

Presentación

RESULTADOS

Vigilar la competenciaSeguir los forosPosicionamientoEncuestasEstadísticas

Page 3: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

Interface Básica

Desarrollo de funcionalidades que permitan una experiencia interactiva y agradable

Usar herramientas que permitan coordinar varios lenguajes y tecnologiadel lado del Servidor.

Colocar los elementos de acceso de manera armónica y efectiva

Page 4: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

Page 5: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

Problema de AccesoAccesibilidad

Distribución de Menús Necesarios

Utilizar menús Contextuales

Menús Colapsables

Capacidad de Acceso para todas las personas

Page 6: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

Page 7: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

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

Page 8: Metodologia para-diseno-de-paginas-web

Diseño de la Interface

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

Page 9: Metodologia para-diseno-de-paginas-web

Diseño de Site

Diseño Preliminar

Estructura

Elementos

Covertura

Page 10: Metodologia para-diseno-de-paginas-web

Diseño de Site

Estructura

En árbol

En lista

Mixta

En red

Page 11: Metodologia para-diseno-de-paginas-web

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.

Page 12: Metodologia para-diseno-de-paginas-web

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

Page 13: Metodologia para-diseno-de-paginas-web

Diseño de Site

Covertura

Page 14: Metodologia para-diseno-de-paginas-web

Diseño de las Páginas

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

Page 15: Metodologia para-diseno-de-paginas-web

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.

Page 16: Metodologia para-diseno-de-paginas-web

Implementar el modelo