SlideShare une entreprise Scribd logo
1  sur  68
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
Objetivo ,[object Object],Principios Básicos de Diseño de Sitios Web
El diseño web Principios Básicos de Diseño de Sitios Web
Temática ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
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
El diseño web. Concepto. ,[object Object],Principios Básicos de Diseño de Sitios Web
Características. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características. Principios Básicos de Diseño de Sitios Web Diseñadores Usuarios Forma(Visual) Función(Tecnología) Finalidad(Económica) Contenido
Construcción de sitios webs. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Construcción de sitios webs. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Ingeniería Web. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Requisitos de Calidad. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
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
Principios esenciales de un diseño web eficaz. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Principios esenciales de un diseño web eficaz. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Principios esenciales de un diseño web eficaz. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Resumen. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
El proceso  de  diseño web Principios Básicos de Diseño de Sitios Web
Temática ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Método web ad hoc. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
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
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”
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
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
Enfoque de un proyecto de un sitio web. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Objetivos y problemas. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Objetivos y problemas. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Objetivos y problemas. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Audiencia – perfil del usuario. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Análisis de requisitos. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Planificación del sitio. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Fase de diseño. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Pruebas. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Puesta en funcionamiento y mantenimiento. ,[object Object],Principios Básicos de Diseño de Sitios Web
Resumen. ,[object Object],Principios Básicos de Diseño de Sitios Web
Diseño para  los  usuarios Principios Básicos de Diseño de Sitios Web
Temática ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Facilidad de empleo. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Facilidad de empleo. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Los Usuarios. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características comunes de los usuarios: Visión. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características comunes de los usuarios: Visión. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características comunes de los usuarios: Memoria. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características comunes de los usuarios: Respuesta y tiempo de reacción. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Características comunes de los usuarios: Respuesta y tiempo de reacción. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Entornos del usuario. ,[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Tipos Comunes de usuarios. ,[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Tipos Comunes de usuarios. ,[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Convenios Web. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Convenios Web. ,[object Object],Principios Básicos de Diseño de Sitios Web
Accesibilidad. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Resumen. ,[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Tipos de sitios y Arquitectura Principios Básicos de Diseño de Sitios Web
Temática ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Categorías generales de sitios Web. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Categorías generales de sitios Web. ,[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Estructura del sitio. ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
Estructura del sitio(Modelos). ,[object Object],[object Object],[object Object],[object Object],[object Object],Principios Básicos de Diseño de Sitios Web
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
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
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
Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Página Principal Servicios Noticias Portales Jerarquía ancha Banca Viajes
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
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
Estructura del sitio(Modelos). Principios Básicos de Diseño de Sitios Web Servicios Productos Web Pura Mapa del Sitio Principal Contactos Buscador
Tipos específicos de sitios Web. Principios Básicos de Diseño de Sitios Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipos específicos de sitios Web. Principios Básicos de Diseño de Sitios Web ,[object Object],[object Object],[object Object]
Resumen. ,[object Object],[object Object],Principios Básicos de Diseño de Sitios Web

Contenu connexe

En vedette

10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_webartomagna
 
Unidad 4 patrones de diseño web. (1)
Unidad 4   patrones de diseño web. (1)Unidad 4   patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)wiinyzepeda
 
Principios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilPrincipios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilJuan Pittau
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webJuan Aguillon
 
Yangyang langaiguo
Yangyang     langaiguoYangyang     langaiguo
Yangyang langaiguoyang yang
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoFrancisco Rodriguez
 
4.1 modelo cascada
4.1 modelo cascada4.1 modelo cascada
4.1 modelo cascadajcezarv
 
Ejemplos de proyectos al modelo en cascada
Ejemplos de proyectos  al modelo en cascadaEjemplos de proyectos  al modelo en cascada
Ejemplos de proyectos al modelo en cascadaaics-1986-13-saraguro
 
Principios fundamentales del diseño
Principios fundamentales del diseñoPrincipios fundamentales del diseño
Principios fundamentales del diseñoRusia González
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseñoalexei.hidalgo
 
Nueva Cascada de Coagulación
Nueva Cascada de CoagulaciónNueva Cascada de Coagulación
Nueva Cascada de Coagulaciónichel
 
Modelo Cascada y Espiral
Modelo Cascada y EspiralModelo Cascada y Espiral
Modelo Cascada y Espiraljuanksi28
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web Digetech.net
 
diapositivas sobre internet
diapositivas sobre internetdiapositivas sobre internet
diapositivas sobre internetguest56bbb9
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño webOmar Sosa-Tzec
 

En vedette (20)

10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web
 
Unidad 4 patrones de diseño web. (1)
Unidad 4   patrones de diseño web. (1)Unidad 4   patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)
 
Principios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilPrincipios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web Móvil
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Css
CssCss
Css
 
Páginas web
Páginas webPáginas web
Páginas web
 
Yangyang langaiguo
Yangyang     langaiguoYangyang     langaiguo
Yangyang langaiguo
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
 
Taller de Css
Taller de CssTaller de Css
Taller de Css
 
4.1 modelo cascada
4.1 modelo cascada4.1 modelo cascada
4.1 modelo cascada
 
Ejemplos de proyectos al modelo en cascada
Ejemplos de proyectos  al modelo en cascadaEjemplos de proyectos  al modelo en cascada
Ejemplos de proyectos al modelo en cascada
 
Principios fundamentales del diseño
Principios fundamentales del diseñoPrincipios fundamentales del diseño
Principios fundamentales del diseño
 
Modelo en cascada
Modelo en cascadaModelo en cascada
Modelo en cascada
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseño
 
Nueva Cascada de Coagulación
Nueva Cascada de CoagulaciónNueva Cascada de Coagulación
Nueva Cascada de Coagulación
 
Modelo Cascada y Espiral
Modelo Cascada y EspiralModelo Cascada y Espiral
Modelo Cascada y Espiral
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
diapositivas sobre internet
diapositivas sobre internetdiapositivas sobre internet
diapositivas sobre internet
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño web
 

Similaire à Disenoweb

Diseño de Páginas Web.pptx
Diseño de Páginas Web.pptxDiseño de Páginas Web.pptx
Diseño de Páginas Web.pptxtomy496136
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxMariselaBardales1
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web finalproo
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo webproo
 
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBFORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBMaya Guerrero
 
Diseño Web
Diseño WebDiseño Web
Diseño WebVladimir
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaNominalia
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 

Similaire à Disenoweb (20)

Diseño de Páginas Web.pptx
Diseño de Páginas Web.pptxDiseño de Páginas Web.pptx
Diseño de Páginas Web.pptx
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
 
Ingeniería Web
Ingeniería WebIngeniería Web
Ingeniería Web
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web final
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEBFORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
FORMACIÓN Y PLANEARON PARA LA INGENIERÍA WEB
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
La Ingeniería Web
La Ingeniería WebLa Ingeniería Web
La Ingeniería Web
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Formulacion y planeacion la web
Formulacion y planeacion la webFormulacion y planeacion la web
Formulacion y planeacion la web
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
 

Dernier

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 

Dernier (11)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 

Disenoweb

  • 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
  • 66.
  • 67.
  • 68.