SlideShare una empresa de Scribd logo
By: Fabián Muñoz León
¿Qué es el Diseño WEB? 
 El diseño web es una actividad que consiste en la 
planificación, diseño e implementación de sitios 
web. No es simplemente una aplicación de diseño 
convencional, ya que requiere tener en cuenta la 
navegabilidad, interactividad, usabilidad, 
arquitectura de la información y la interacción de 
medios como el audio, texto, imagen, enlaces y 
video.
Características
Navegabilidad 
 La navegabilidad es la facilidad con la que un usuario 
puede desplazarse por todas las páginas que componen 
un sitio web. Para lograr este objetivo, un sitio web debe 
proporcionar un conjunto de recursos y estrategias de 
navegación diseñados para conseguir un resultado 
óptimo en la localización de la información y en la 
orientación para el usuario.
Interactividad 
 La interactividad es un concepto ampliamente utilizado en las 
ciencias de la comunicación, en informática, en diseño multimedia y 
en diseño industrial. 
En su campo de aplicación suele hablarse de tres niveles de 
comunicación: 
 No interactiva, cuando un mensaje no se relaciona con otro previo. 
 Reactiva, cuando un mensaje se relaciona únicamente con el previo 
inmediato. 
 Interactiva, cuando un mensaje se relaciona con una serie de 
elementos previos
Usabilidad 
 En interacción persona-ordenador, la usabilidad se 
refiere a la claridad y la elegancia con que se diseña la 
interacción con un programa de ordenador o un sitio 
web. El término también se usa a menudo en el contexto 
de productos como la electrónica de consumo o en áreas 
de comunicación, y en objetos que transmiten 
conocimiento (por ejemplo, un libro de recetas o un 
documento de ayuda en línea). También puede referirse 
al diseño eficiente de objetos mecánicos como, por 
ejemplo, un manubrio o un martillo.
Dando asi al Comun 
denominador de: 
Internet

Más contenido relacionado

La actualidad más candente

concepto multimedia
concepto multimediaconcepto multimedia
concepto multimedia
karinajennifer
 
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
Alberto Mejía
 
Slideshare vilma valdés
Slideshare vilma valdésSlideshare vilma valdés
Slideshare vilma valdés
Vilma Valdés
 
Proyecto Multimedia
Proyecto Multimedia Proyecto Multimedia
Proyecto Multimedia
ximenita-pm
 
Diferencia entre medios e hipermedios
Diferencia entre medios e hipermediosDiferencia entre medios e hipermedios
Diferencia entre medios e hipermedios
Carlos Hernandez
 
Planeta web 2
Planeta web 2Planeta web 2
Planeta web 2
andreacccasas
 

La actualidad más candente (6)

concepto multimedia
concepto multimediaconcepto multimedia
concepto multimedia
 
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
Conferencia VI Congreso Regional de Educación Matemática 2008 (CEP Rosa Maria...
 
Slideshare vilma valdés
Slideshare vilma valdésSlideshare vilma valdés
Slideshare vilma valdés
 
Proyecto Multimedia
Proyecto Multimedia Proyecto Multimedia
Proyecto Multimedia
 
Diferencia entre medios e hipermedios
Diferencia entre medios e hipermediosDiferencia entre medios e hipermedios
Diferencia entre medios e hipermedios
 
Planeta web 2
Planeta web 2Planeta web 2
Planeta web 2
 

Destacado

Taklimatprosidar
TaklimatprosidarTaklimatprosidar
Taklimatprosidar
Mohd Afandi
 
Origini e sviluppo delle macchine per mietere
Origini e sviluppo delle macchine per mietereOrigini e sviluppo delle macchine per mietere
Origini e sviluppo delle macchine per mietere
Vita in Campagna
 
описание идеи
описание идеиописание идеи
описание идеиtarbax
 
An Exploration Of The Color Red
An Exploration Of The Color RedAn Exploration Of The Color Red
An Exploration Of The Color Red
larryc90
 
Tableau des manifestations 2014 mdesp
Tableau des manifestations  2014 mdespTableau des manifestations  2014 mdesp
Tableau des manifestations 2014 mdesp
asiossac
 
RVC Formative Assessment
RVC Formative AssessmentRVC Formative Assessment
RVC Formative Assessment
kimdw
 
La filosofia del_dr_house
La filosofia del_dr_houseLa filosofia del_dr_house
La filosofia del_dr_house
Renatto Robles Aguirre
 
nuse
nusenuse
nuse
frank500
 
実践まるごとrhaco
実践まるごとrhaco実践まるごとrhaco
実践まるごとrhaco
Keisuke SATO
 
Abrebocas
AbrebocasAbrebocas
Abrebocas
odemfcsp
 
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
geAm-py
 
Analisis personal sociedad de la información
Analisis personal sociedad de la informaciónAnalisis personal sociedad de la información
Analisis personal sociedad de la información
uideloja
 
Simple2GO!!
Simple2GO!!Simple2GO!!
Simple2GO!!
Simple2GO!!
 
Al Yaka Solutions 30 11 2005
Al   Yaka Solutions  30 11 2005Al   Yaka Solutions  30 11 2005
Al Yaka Solutions 30 11 2005Alain Lafon
 
Les tendances des reformes universitaires en Amerique Latine
Les tendances des reformes universitaires en Amerique LatineLes tendances des reformes universitaires en Amerique Latine
Les tendances des reformes universitaires en Amerique Latine
Claudio Rama
 
Tymoczko to Bloomberg 10-12-2010
Tymoczko to Bloomberg 10-12-2010Tymoczko to Bloomberg 10-12-2010
Tymoczko to Bloomberg 10-12-2010
Adam Cohen
 

Destacado (20)

Taklimatprosidar
TaklimatprosidarTaklimatprosidar
Taklimatprosidar
 
Webinar atn template
Webinar atn templateWebinar atn template
Webinar atn template
 
Origini e sviluppo delle macchine per mietere
Origini e sviluppo delle macchine per mietereOrigini e sviluppo delle macchine per mietere
Origini e sviluppo delle macchine per mietere
 
описание идеи
описание идеиописание идеи
описание идеи
 
An Exploration Of The Color Red
An Exploration Of The Color RedAn Exploration Of The Color Red
An Exploration Of The Color Red
 
Tableau des manifestations 2014 mdesp
Tableau des manifestations  2014 mdespTableau des manifestations  2014 mdesp
Tableau des manifestations 2014 mdesp
 
RVC Formative Assessment
RVC Formative AssessmentRVC Formative Assessment
RVC Formative Assessment
 
La filosofia del_dr_house
La filosofia del_dr_houseLa filosofia del_dr_house
La filosofia del_dr_house
 
Metaverso
MetaversoMetaverso
Metaverso
 
nuse
nusenuse
nuse
 
実践まるごとrhaco
実践まるごとrhaco実践まるごとrhaco
実践まるごとrhaco
 
Valipac
ValipacValipac
Valipac
 
Abrebocas
AbrebocasAbrebocas
Abrebocas
 
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
“La Política de Pensión Alimentaria para Adultos Mayores en el Paraguay. Resu...
 
Analisis personal sociedad de la información
Analisis personal sociedad de la informaciónAnalisis personal sociedad de la información
Analisis personal sociedad de la información
 
Mat1 lec13
Mat1 lec13Mat1 lec13
Mat1 lec13
 
Simple2GO!!
Simple2GO!!Simple2GO!!
Simple2GO!!
 
Al Yaka Solutions 30 11 2005
Al   Yaka Solutions  30 11 2005Al   Yaka Solutions  30 11 2005
Al Yaka Solutions 30 11 2005
 
Les tendances des reformes universitaires en Amerique Latine
Les tendances des reformes universitaires en Amerique LatineLes tendances des reformes universitaires en Amerique Latine
Les tendances des reformes universitaires en Amerique Latine
 
Tymoczko to Bloomberg 10-12-2010
Tymoczko to Bloomberg 10-12-2010Tymoczko to Bloomberg 10-12-2010
Tymoczko to Bloomberg 10-12-2010
 

Similar a Diseño WEB By Fabian Muñoz

Diseño web - haeold montaña
Diseño web - haeold montañaDiseño web - haeold montaña
Diseño web - haeold montaña
haphar
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
Omar Sosa-Tzec
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
Brandi Minaya
 
Interacción web
Interacción   webInteracción   web
Interacción web
Esmeralda Cristo
 
Interacción web
Interacción   webInteracción   web
Interacción web
Esmeralda Cristo
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
Ximena Tabares
 
Trabajo informática
Trabajo informáticaTrabajo informática
Trabajo informática
Luz Zamora
 
Diseño centrado en el usuario: AI, interface, usabilidad.
Diseño centrado en el usuario: AI, interface, usabilidad.Diseño centrado en el usuario: AI, interface, usabilidad.
Diseño centrado en el usuario: AI, interface, usabilidad.
Seminario Cibercultura
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
SdenkaCGuzman
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
SdenkaCGuzman
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
Xzta Zandi
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
Cesar Salazar
 
INFORMATICA.pptx
INFORMATICA.pptxINFORMATICA.pptx
INFORMATICA.pptx
TairisRomero2
 
2 diseño web
2 diseño web2 diseño web
Actividad 1.1 fabián velasco
Actividad 1.1 fabián velascoActividad 1.1 fabián velasco
Actividad 1.1 fabián velasco
Fabian Velasco
 
Creacion web
Creacion webCreacion web
Creacion web
Juan Hidalgo Reina
 
Unidad4 isabel arredondo
Unidad4 isabel arredondoUnidad4 isabel arredondo
Unidad4 isabel arredondo
Isabel Arredondo
 
La usuabilidad
La usuabilidadLa usuabilidad
La usuabilidad
puracastillo
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
Dany Lpz
 
59476200 eduvirtual
59476200 eduvirtual59476200 eduvirtual
59476200 eduvirtual
Alex Hernandez Torres
 

Similar a Diseño WEB By Fabian Muñoz (20)

Diseño web - haeold montaña
Diseño web - haeold montañaDiseño web - haeold montaña
Diseño web - haeold montaña
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Interacción web
Interacción   webInteracción   web
Interacción web
 
Interacción web
Interacción   webInteracción   web
Interacción web
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Trabajo informática
Trabajo informáticaTrabajo informática
Trabajo informática
 
Diseño centrado en el usuario: AI, interface, usabilidad.
Diseño centrado en el usuario: AI, interface, usabilidad.Diseño centrado en el usuario: AI, interface, usabilidad.
Diseño centrado en el usuario: AI, interface, usabilidad.
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
INFORMATICA.pptx
INFORMATICA.pptxINFORMATICA.pptx
INFORMATICA.pptx
 
2 diseño web
2 diseño web2 diseño web
2 diseño web
 
Actividad 1.1 fabián velasco
Actividad 1.1 fabián velascoActividad 1.1 fabián velasco
Actividad 1.1 fabián velasco
 
Creacion web
Creacion webCreacion web
Creacion web
 
Unidad4 isabel arredondo
Unidad4 isabel arredondoUnidad4 isabel arredondo
Unidad4 isabel arredondo
 
La usuabilidad
La usuabilidadLa usuabilidad
La usuabilidad
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
59476200 eduvirtual
59476200 eduvirtual59476200 eduvirtual
59476200 eduvirtual
 

Último

Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
Kevin Aguilar Garcia
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
cpadua713
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
erick502105
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
EmilyEsmeraldaQuispe
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
vicenteariana54
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
jorgejhonatanaltamir1
 
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
NoraRoberts5
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
ruthechepurizaca
 

Último (11)

Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
 
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
 

Diseño WEB By Fabian Muñoz

  • 2. ¿Qué es el Diseño WEB?  El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video.
  • 4. Navegabilidad  La navegabilidad es la facilidad con la que un usuario puede desplazarse por todas las páginas que componen un sitio web. Para lograr este objetivo, un sitio web debe proporcionar un conjunto de recursos y estrategias de navegación diseñados para conseguir un resultado óptimo en la localización de la información y en la orientación para el usuario.
  • 5. Interactividad  La interactividad es un concepto ampliamente utilizado en las ciencias de la comunicación, en informática, en diseño multimedia y en diseño industrial. En su campo de aplicación suele hablarse de tres niveles de comunicación:  No interactiva, cuando un mensaje no se relaciona con otro previo.  Reactiva, cuando un mensaje se relaciona únicamente con el previo inmediato.  Interactiva, cuando un mensaje se relaciona con una serie de elementos previos
  • 6. Usabilidad  En interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web. El término también se usa a menudo en el contexto de productos como la electrónica de consumo o en áreas de comunicación, y en objetos que transmiten conocimiento (por ejemplo, un libro de recetas o un documento de ayuda en línea). También puede referirse al diseño eficiente de objetos mecánicos como, por ejemplo, un manubrio o un martillo.
  • 7. Dando asi al Comun denominador de: Internet