Metodologías para el diseño de sitios web

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

2. 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 competencia
Seguir los foros
Posicionamiento
Encuestas
Estadísticas

3. 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 tecnologia
del lado del Servidor.
 Colocar los elementos de acceso de
manera armónica y efectiva

4. Diseño de la Interface

5. Diseño de la Interface
 Problema de Acceso
 Accesibilidad
 Distribución de Menús Necesarios
Utilizar menús Contextuales
Menús Colapsables
Capacidad de Acceso para todas las personas

6. Diseño de la Interface

7. 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

8. 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

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

10. Diseño de Site
 Estructura
 En árbol
 En lista
 Mixta
 En red

11. 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.

12.  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

13. Diseño de Site
 Covertura

14. 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

15. 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.

16. Implementar el modelo