SlideShare una empresa de Scribd logo
MAESTRÍA EN MEDIOS INTERACTIVOS
         Curso Propedéutico
                2010
INTRODUCCIÓN AL DISEÑO WEB




          02
CONTENIDO


• Proceso   de desarrollo de proyectos Web

• Consejos   para la ejecución de proyectos Web

• Página   y sitio Web
PROCESO DE DESARROLLO
       de proyectos Web
PROCESO DE DESARROLLO
  DE PROYECTOS WEB

• Definición         mínima:

 El diseño Web es una
 actividad que consiste en la
 planificación, diseño e
 implementación de páginas y
 sitios Web.
 es.wikipedia.org
PROCESO DE DESARROLLO
  DE PROYECTOS WEB
• Cada   proyecto Web plantea                                                       •   Definición del sitio y
                                                                                        planificación
  desafíos únicos, sin embargo
  el proceso general de un                                                          •   Arquitectura de Información
  sitio Web complejo implica
  seis etapas de desarrollo:                                                        •   Diseño del sitio

                                                                                    •   Construcción del sitio

                                                                                    •   Marketing

                                                                                    •   Seguimiento, evaluación y
J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites       mantenimiento
Proceso de desarrollo Web
J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
CONSEJOS


• Carguen, preparen, apunten..., fuego!

• Olvidar el aspecto visual hasta asegurar que todo lo demás
  está previsto

• Menos                 es más

• Primero                   planear el trabajo, después trabajar el plan
J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
CONSEJOS


• Ser         invisible

• Los         estándares son amigos

• Iterar            y después, iterar nuevamente

• Los        usuarios buscan comunicarse con personas, no con máquinas

J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
PÁGINA Y SITIO WEB




• Página       Web:
 •   Simple documento de texto plano (caracteres alfanuméricos y especiales)adicionado con
     texto del lenguaje de marcado de hipertexto (HTML). El documento se visualiza en un
     navegador a través del protocolo HTTP de Internet.
PÁGINA Y SITIO WEB




• Sitio    Web:
 •   Colección de páginas Web enlazadas una a otra. El conjunto de documentos se visualiza en
     un navegador a través del protocolo HTTP de Internet.
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
PÁGINA Y SITIO WEB
• Anatomía   de una página Web
CONCLUSIONES


• El
   diseño Web es una actividad interdisciplinaria que tiene, o
 debería tener, como principio y fin al usuario.

• Enla comunicación Web..., ¿el medio es el mensaje?..., ¡maldito
 seas McLuhan!
CONCEPTOS PENDIENTES...

• Web

• Internet

• Protocolo   de Internet

• URL

• Servidor Web
Siguiente sesión:
03. HTML/CCS/JS CONCEPTOS MÍNIMOS

Más contenido relacionado

La actualidad más candente

Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
El Alto Otro Periodismo es Posible
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
Marcelo Freitas
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas websara paredes
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
David Hurtado
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
Roger Crunch
 
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
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
Raymond Marquina
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
Hospital Italiano de Buenos Aires
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
AngelyBarnica
 
DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDsaidi-12barcelo
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios web
Leocadio Cruz Garcia
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
samantaaaaaa
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño WebNicida Malca
 
Jimdo
JimdoJimdo
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
Juan Aguillon
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
Jhairo Fc
 
Diseño WEBAPPS
Diseño WEBAPPSDiseño WEBAPPS
Diseño WEBAPPSPSMIJIN
 

La actualidad más candente (20)

Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WED
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Jimdo
JimdoJimdo
Jimdo
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
 
Diseño WEBAPPS
Diseño WEBAPPSDiseño WEBAPPS
Diseño WEBAPPS
 
Manejo y diseño de una pagina web
Manejo y diseño de una pagina webManejo y diseño de una pagina web
Manejo y diseño de una pagina web
 

Destacado

Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
Eduardo Rangel Dìaz
 
Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
fredypinto
 
Conceptos de la web 2.0
Conceptos de la web 2.0Conceptos de la web 2.0
Conceptos de la web 2.0
Marcos Martinez
 
Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
Jorge William Guerra Montoya
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
kariguevara
 
Sig Hbo 090212
Sig Hbo 090212Sig Hbo 090212
Sig Hbo 090212
André Hoogmoed
 
Diagrama sobre conceptos de la web 2.0
Diagrama sobre conceptos de la web 2.0Diagrama sobre conceptos de la web 2.0
Diagrama sobre conceptos de la web 2.0
Luis Ospina
 
Definición de world wide web
Definición de world wide webDefinición de world wide web
Definición de world wide webOnekie2
 
Desarrollo sitio web 2.0
Desarrollo sitio web 2.0 Desarrollo sitio web 2.0
Desarrollo sitio web 2.0
Marketing Entre Ríos Turismo
 
Crea Tu sitio y Páginas Web con Google Page Creator
Crea Tu sitio y Páginas Web con Google Page CreatorCrea Tu sitio y Páginas Web con Google Page Creator
Crea Tu sitio y Páginas Web con Google Page Creator
Roberto Santi
 
Conociendo a Google
Conociendo a GoogleConociendo a Google
Conociendo a Google
Christian Palau
 
Diseño industrial vs Diseño Grafico
Diseño industrial vs Diseño GraficoDiseño industrial vs Diseño Grafico
Diseño industrial vs Diseño Graficocozzajulieta
 
sistemas basados en web
sistemas basados en websistemas basados en web
sistemas basados en web
Roberto Calero
 
Web2.0
Web2.0Web2.0
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página webkksspp
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
Aldo Velásquez Huerta
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"ogms
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
Universidad Mesoamericana de San Agustín
 

Destacado (20)

Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
 
Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
 
Conceptos de la web 2.0
Conceptos de la web 2.0Conceptos de la web 2.0
Conceptos de la web 2.0
 
Conceptos Web 2.0
Conceptos Web 2.0Conceptos Web 2.0
Conceptos Web 2.0
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
Sig Hbo 090212
Sig Hbo 090212Sig Hbo 090212
Sig Hbo 090212
 
Diagrama sobre conceptos de la web 2.0
Diagrama sobre conceptos de la web 2.0Diagrama sobre conceptos de la web 2.0
Diagrama sobre conceptos de la web 2.0
 
Definición de world wide web
Definición de world wide webDefinición de world wide web
Definición de world wide web
 
Desarrollo sitio web 2.0
Desarrollo sitio web 2.0 Desarrollo sitio web 2.0
Desarrollo sitio web 2.0
 
Diapositivas google drive y docs
 Diapositivas google drive y docs Diapositivas google drive y docs
Diapositivas google drive y docs
 
Crea Tu sitio y Páginas Web con Google Page Creator
Crea Tu sitio y Páginas Web con Google Page CreatorCrea Tu sitio y Páginas Web con Google Page Creator
Crea Tu sitio y Páginas Web con Google Page Creator
 
Conociendo a Google
Conociendo a GoogleConociendo a Google
Conociendo a Google
 
Diseño industrial vs Diseño Grafico
Diseño industrial vs Diseño GraficoDiseño industrial vs Diseño Grafico
Diseño industrial vs Diseño Grafico
 
sistemas basados en web
sistemas basados en websistemas basados en web
sistemas basados en web
 
Web2.0
Web2.0Web2.0
Web2.0
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 

Similar a 02 introducción al diseño web

pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanyalkjiufgviu
 
Disenoweb
DisenowebDisenoweb
Disenoweb
guest9803aa
 
Diseno web en accion proyectos
Diseno web en accion proyectosDiseno web en accion proyectos
Diseno web en accion proyectos
wgiordano
 
Presentación Para el SENA Regional Huila Webmaster
Presentación Para el SENA Regional Huila WebmasterPresentación Para el SENA Regional Huila Webmaster
Presentación Para el SENA Regional Huila Webmaster
Ckm! - Web, Apps & Multimedia
 
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráficoDocumento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
Juan David Saab
 
Diseño web
Diseño webDiseño web
Diseño web
Reynaldo Rios
 
Propuesta Diseño web
Propuesta Diseño webPropuesta Diseño web
Propuesta Diseño webPalulis-Poli
 
Presencia web para la pyme
Presencia web para la pyme Presencia web para la pyme
Presencia web para la pyme
Pedro Jesús González
 
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
 
La importancia del desarrollo web profesional
La importancia del desarrollo web profesionalLa importancia del desarrollo web profesional
La importancia del desarrollo web profesional
DesarrolloWebProfesional
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
MariselaBardales1
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Juan David Saab
 
Sintwo
SintwoSintwo
Sintwo
Nximtg
 
Sintwo 2
Sintwo 2Sintwo 2
Sintwo 2
Nximtg
 
Diseño web
Diseño webDiseño web
Diseño web
Pablo de Lapatza
 
Prototipado
PrototipadoPrototipado

Similar a 02 introducción al diseño web (20)

pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Disenoweb
DisenowebDisenoweb
Disenoweb
 
Disenoweb
DisenowebDisenoweb
Disenoweb
 
Diseno web en accion proyectos
Diseno web en accion proyectosDiseno web en accion proyectos
Diseno web en accion proyectos
 
Presentación Para el SENA Regional Huila Webmaster
Presentación Para el SENA Regional Huila WebmasterPresentación Para el SENA Regional Huila Webmaster
Presentación Para el SENA Regional Huila Webmaster
 
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráficoDocumento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Propuesta Diseño web
Propuesta Diseño webPropuesta Diseño web
Propuesta Diseño web
 
Presencia web para la pyme
Presencia web para la pyme Presencia web para la pyme
Presencia web para la pyme
 
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 importancia del desarrollo web profesional
La importancia del desarrollo web profesionalLa importancia del desarrollo web profesional
La importancia del desarrollo web profesional
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
 
Sintwo
SintwoSintwo
Sintwo
 
Sintwo 2
Sintwo 2Sintwo 2
Sintwo 2
 
Diseño web
Diseño webDiseño web
Diseño web
 
Prototipado
PrototipadoPrototipado
Prototipado
 

Más de Víctor Manuel García Luna

Design Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escalaDesign Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escala
Víctor Manuel García Luna
 
Outcomes over outputs
Outcomes over outputsOutcomes over outputs
Outcomes over outputs
Víctor Manuel García Luna
 
Midiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizacionesMidiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizaciones
Víctor Manuel García Luna
 
Diseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectosDiseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectos
Víctor Manuel García Luna
 
Una guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design ThinkingUna guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design Thinking
Víctor Manuel García Luna
 
Dual-Track Agile
Dual-Track AgileDual-Track Agile
Dual-Track Agile
Víctor Manuel García Luna
 
Transformación a través del Diseño
Transformación a través del DiseñoTransformación a través del Diseño
Transformación a través del Diseño
Víctor Manuel García Luna
 
Métodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design ThinkingMétodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design Thinking
Víctor Manuel García Luna
 
Team Canvas Meeting - Lite Version
Team Canvas Meeting - Lite VersionTeam Canvas Meeting - Lite Version
Team Canvas Meeting - Lite Version
Víctor Manuel García Luna
 
10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia
Víctor Manuel García Luna
 
Taller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open AcapulcoTaller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open Acapulco
Víctor Manuel García Luna
 
Taller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open AcapulcoTaller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open Acapulco
Víctor Manuel García Luna
 
Taller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model CanvasTaller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model Canvas
Víctor Manuel García Luna
 
Integración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartirIntegración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartir
Víctor Manuel García Luna
 
Design Thinking Fundamentals
Design Thinking FundamentalsDesign Thinking Fundamentals
Design Thinking Fundamentals
Víctor Manuel García Luna
 
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean StartupLean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Víctor Manuel García Luna
 
Producto Mínimo Viable
Producto Mínimo ViableProducto Mínimo Viable
Producto Mínimo Viable
Víctor Manuel García Luna
 
Team canvas workshop
Team canvas workshopTeam canvas workshop
Team canvas workshop
Víctor Manuel García Luna
 
Unidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historiasUnidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historias
Víctor Manuel García Luna
 
Taller Agile Inception Deck
Taller Agile Inception DeckTaller Agile Inception Deck
Taller Agile Inception Deck
Víctor Manuel García Luna
 

Más de Víctor Manuel García Luna (20)

Design Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escalaDesign Thinking en la transformación digital de una organización de gran escala
Design Thinking en la transformación digital de una organización de gran escala
 
Outcomes over outputs
Outcomes over outputsOutcomes over outputs
Outcomes over outputs
 
Midiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizacionesMidiendo la estrategia de producto en las organizaciones
Midiendo la estrategia de producto en las organizaciones
 
Diseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectosDiseño estratégico para la gestión de un portfolio de proyectos
Diseño estratégico para la gestión de un portfolio de proyectos
 
Una guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design ThinkingUna guía práctica para crear empatía a través de Design Thinking
Una guía práctica para crear empatía a través de Design Thinking
 
Dual-Track Agile
Dual-Track AgileDual-Track Agile
Dual-Track Agile
 
Transformación a través del Diseño
Transformación a través del DiseñoTransformación a través del Diseño
Transformación a través del Diseño
 
Métodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design ThinkingMétodos de Integración Lean, Agile & Design Thinking
Métodos de Integración Lean, Agile & Design Thinking
 
Team Canvas Meeting - Lite Version
Team Canvas Meeting - Lite VersionTeam Canvas Meeting - Lite Version
Team Canvas Meeting - Lite Version
 
10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia
 
Taller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open AcapulcoTaller de introducción a Lean Startup - Agile Open Acapulco
Taller de introducción a Lean Startup - Agile Open Acapulco
 
Taller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open AcapulcoTaller de Introducción a Design Thinking - Agile Open Acapulco
Taller de Introducción a Design Thinking - Agile Open Acapulco
 
Taller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model CanvasTaller de generación de modelos de negocio con Business Model Canvas
Taller de generación de modelos de negocio con Business Model Canvas
 
Integración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartirIntegración de UX en Scrum: Lecciones para compartir
Integración de UX en Scrum: Lecciones para compartir
 
Design Thinking Fundamentals
Design Thinking FundamentalsDesign Thinking Fundamentals
Design Thinking Fundamentals
 
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean StartupLean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
Lean Canvas: Diseñando tu modelo de negocio bajo principios de Lean Startup
 
Producto Mínimo Viable
Producto Mínimo ViableProducto Mínimo Viable
Producto Mínimo Viable
 
Team canvas workshop
Team canvas workshopTeam canvas workshop
Team canvas workshop
 
Unidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historiasUnidad a través del cambio social: 4 pequeñas historias
Unidad a través del cambio social: 4 pequeñas historias
 
Taller Agile Inception Deck
Taller Agile Inception DeckTaller Agile Inception Deck
Taller Agile Inception Deck
 

Último

PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
nievesjiesc03
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
https://gramadal.wordpress.com/
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
MaribelGaitanRamosRa
 
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptxCLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
LilianaRivera778668
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
Profes de Relideleón Apellidos
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Demetrio Ccesa Rayme
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
BetzabePecheSalcedo1
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
YasneidyGonzalez
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
DivinoNioJess885
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
YasneidyGonzalez
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
Alejandrogarciapanta
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
pablomarin116
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
GallardoJahse
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
rosannatasaycoyactay
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
Alejandrino Halire Ccahuana
 
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdfT3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
eliecerespinosa
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Txema Gs
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
YolandaRodriguezChin
 

Último (20)

PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
 
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptxCLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIALCUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
CUENTO EL TIGRILLO DESOBEDIENTE PARA INICIAL
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
 
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdfT3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
T3-Instrumento de evaluacion_Planificación Analìtica_Actividad con IA.pdf
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
 

02 introducción al diseño web

  • 1. MAESTRÍA EN MEDIOS INTERACTIVOS Curso Propedéutico 2010
  • 3. CONTENIDO • Proceso de desarrollo de proyectos Web • Consejos para la ejecución de proyectos Web • Página y sitio Web
  • 4. PROCESO DE DESARROLLO de proyectos Web
  • 5. PROCESO DE DESARROLLO DE PROYECTOS WEB • Definición mínima: El diseño Web es una actividad que consiste en la planificación, diseño e implementación de páginas y sitios Web. es.wikipedia.org
  • 6. PROCESO DE DESARROLLO DE PROYECTOS WEB • Cada proyecto Web plantea • Definición del sitio y planificación desafíos únicos, sin embargo el proceso general de un • Arquitectura de Información sitio Web complejo implica seis etapas de desarrollo: • Diseño del sitio • Construcción del sitio • Marketing • Seguimiento, evaluación y J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites mantenimiento
  • 7. Proceso de desarrollo Web J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
  • 8. CONSEJOS • Carguen, preparen, apunten..., fuego! • Olvidar el aspecto visual hasta asegurar que todo lo demás está previsto • Menos es más • Primero planear el trabajo, después trabajar el plan J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
  • 9. CONSEJOS • Ser invisible • Los estándares son amigos • Iterar y después, iterar nuevamente • Los usuarios buscan comunicarse con personas, no con máquinas J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites
  • 10. PÁGINA Y SITIO WEB • Página Web: • Simple documento de texto plano (caracteres alfanuméricos y especiales)adicionado con texto del lenguaje de marcado de hipertexto (HTML). El documento se visualiza en un navegador a través del protocolo HTTP de Internet.
  • 11. PÁGINA Y SITIO WEB • Sitio Web: • Colección de páginas Web enlazadas una a otra. El conjunto de documentos se visualiza en un navegador a través del protocolo HTTP de Internet.
  • 12. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 13. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 14. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 15. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 16. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 17. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 18. PÁGINA Y SITIO WEB • Anatomía de una página Web
  • 19. CONCLUSIONES • El diseño Web es una actividad interdisciplinaria que tiene, o debería tener, como principio y fin al usuario. • Enla comunicación Web..., ¿el medio es el mensaje?..., ¡maldito seas McLuhan!
  • 20. CONCEPTOS PENDIENTES... • Web • Internet • Protocolo de Internet • URL • Servidor Web