1. Principios Básicos de Diseño de Sitios Web Ing. Fabio García Ramirez( [email_address] ) Seminario de Tecnología de Punta – VI Semestre Tecnología en Sistemas de Información Fundación Universitaria Tecnológico Comfenalco
2.
3. El diseño web Principios Básicos de Diseño de Sitios Web
4.
5. El diseño web. Concepto. Principios Básicos de Diseño de Sitios Web Que es? Diseño gráfico Programación Cliente/Servidor Comercio Electrónico
6.
7.
8. Características. Principios Básicos de Diseño de Sitios Web Diseñadores Usuarios Forma(Visual) Función(Tecnología) Finalidad(Económica) Contenido
9.
10.
11.
12.
13. Modelo del proceso de desarrollo web. Principios Básicos de Diseño de Sitios Web Especificación y análisis de los requisitos Diseño de prototipos Materialización y Pruebas unitarias Integración y prueba del sistema Entrada en funcionamiento, operación y mantenimiento Definición del problema. Exploración conceptual Modelo en Cascada
14.
15.
16.
17.
18. El proceso de diseño web Principios Básicos de Diseño de Sitios Web
19.
20.
21. Modelo en cascada. Principios Básicos de Diseño de Sitios Web Especificación y análisis de los requisitos Diseño de prototipos Materialización y Pruebas unitarias Integración y prueba del sistema Entrada en funcionamiento, operación y mantenimiento Definición del problema. Exploración conceptual
22. Modelo en cascada modificado. Principios Básicos de Diseño de Sitios Web Especificación y análisis de los requisitos Diseño de prototipos Materialización y Pruebas unitarias Integración y prueba del sistema Entrada en funcionamiento, operación y mantenimiento Definición del problema. Exploración conceptual Análisis de riesgos en “remolino”
23. Diseño de aplicación conjunta (JAD, Joint Application Design ). Principios Básicos de Diseño de Sitios Web El diseñador habla con los clientes para conocer sus requisitos. Realiza el primer prototipo. El cliente prueba el prototipo y sugiere cambios y ampliaciones. Si es correcto se publica. 1 2 El diseñador prepara un nuevo prototipo. Volver al paso 2. 3
24. Modelo de proceso IWeb Principios Básicos de Diseño de Sitios Web Formulación Planificación Análisis Ingeniería Evaluación del cliente Generación de páginas y pruebas Diseño del contenido Diseño arquitectónico Diseño de la interfaz Producción Diseño de navegación
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36. Diseño para los usuarios Principios Básicos de Diseño de Sitios Web
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53. Tipos de sitios y Arquitectura Principios Básicos de Diseño de Sitios Web
54.
55.
56.
57.
58.
59. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Página Principal Página 1 Página 2 Página 3 Página Principal Página 1 Página 2 Página 3 Página 4 Página 5 Lineal Lineal con alternativas Página Principal Página 1 Página 2 Página 3 Lineal con opciones
60. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Camisas Manga Corta Manga Larga Pantalones Rejilla Lino Dril Chaquetas Cuero Lana
61. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Empleos Oferta Hombres Demanda Jerarquía estrecha Mujeres Ing. de Sistemas Contadores
62. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Página Principal Servicios Noticias Portales Jerarquía ancha Banca Viajes
63. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Página Principal Servicios Portales Jerarquía mixta Banca Descargas E-mail Todo en Uno Internacional Nacional
64. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Servicios Presentación Personales Arbol con entrada lineal Corporativos Productos Staff Mision, Vision Catalogo Online Página Principal Verdadera Página de entrada o de bienvenida
65. Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Servicios Productos Web Pura Mapa del Sitio Principal Contactos Buscador