SlideShare una empresa de Scribd logo
1 de 12
By : Harold montaña
¿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.
ACCESIBILIDAD 
El diseño web debe seguir unos requerimientos 
mínimos de accesibilidad web que haga que sus sitios 
web o aplicaciones puedan ser visitados por el mayor 
número de personas. Para conseguir estos objetivos de 
accesibilidad se han desarrollado pautas como las del 
W3C: Pautas de accesibilidad al contenido Web 1.0 
WCAG.
CARACTERISTICAS 
Navegabilidad 
Interactividad 
Usabilidad 
arquitectura de la información 
Audio 
Texto 
Imagen 
Enlaces 
video
Navegabilidad web 
La navegabilidad o navegabilidad web 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 similar al nivel de respuesta, y se 
estudia como un proceso de comunicación en el que 
cada mensaje se relaciona con el previo, y con la 
relación entre éste y los precedentes.
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
Arquitectura de la información 
es la disciplina y arte encargada del estudio, análisis, 
organización, disposición y estructuración de la 
información en espacios de información, y de la 
selección y presentación de los datos en los sistemas de 
información interactivos y no interactivos.
Texto 
Un texto es una composición de signos codificado en 
un sistema de escritura (como un alfabeto) que forma 
una unidad de sentido. Su tamaño puede ser variable.
Imagen 
es una representación visual, que manifiesta la 
apariencia visual de un objeto real o imaginario. 
Aunque el término suele entenderse como sinónimo 
de representación visual, también se aplica como 
extensión para otros tipos de percepción, como 
imágenes auditivas, olfativas, táctiles, sinestesias,etc.
Hiperenlace 
Un hipervínculo (también llamado enlace, vínculo, o 
hiperenlace) es un elemento de un documento 
electrónico que hace referencia a otro recurso, por 
ejemplo, otro documento o un punto específico del 
mismo o de otro documento.
Vídeo 
es la tecnología de la grabación, procesamiento, 
almacenamiento, transmisión de imágenes y 
reconstrucción por medios electrónicos digitales o 
analógicos de una secuencia de imágenes que 
representan escenas en movimiento.

Más contenido relacionado

La actualidad más candente

tutorial , hipertexto, hipermedia
tutorial , hipertexto, hipermedia  tutorial , hipertexto, hipermedia
tutorial , hipertexto, hipermedia angyortiz5
 
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
 
Herramientas de almacenamiento y trabajo colaborativo
Herramientas de almacenamiento y trabajo colaborativoHerramientas de almacenamiento y trabajo colaborativo
Herramientas de almacenamiento y trabajo colaborativoAngela Suárez Mora
 
Diferencia entre medios e hipermedios
Diferencia entre medios e hipermediosDiferencia entre medios e hipermedios
Diferencia entre medios e hipermediosCarlos Hernandez
 
Diapositivas
DiapositivasDiapositivas
Diapositivasanyjurado
 
H O J A S D E S T I L O, D I S EÑ O V I S U A L Y T I E M P O S
H O J A S  D E  S T I L O,  D I S EÑ O  V I S U A L  Y  T I E M P O SH O J A S  D E  S T I L O,  D I S EÑ O  V I S U A L  Y  T I E M P O S
H O J A S D E S T I L O, D I S EÑ O V I S U A L Y T I E M P O Sguest55b25c
 
Lenguaje multimedia - Juan Ceballos
Lenguaje multimedia - Juan CeballosLenguaje multimedia - Juan Ceballos
Lenguaje multimedia - Juan Ceballosjuanceballos
 
Diapositivas de conceptos
Diapositivas de conceptosDiapositivas de conceptos
Diapositivas de conceptosYesika Milena
 
Usabilidad para principiantes
Usabilidad para principiantesUsabilidad para principiantes
Usabilidad para principiantesAlexis Escalante
 

La actualidad más candente (17)

tutorial , hipertexto, hipermedia
tutorial , hipertexto, hipermedia  tutorial , hipertexto, hipermedia
tutorial , hipertexto, hipermedia
 
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.
 
Multimedia
MultimediaMultimedia
Multimedia
 
Presentation
PresentationPresentation
Presentation
 
Herramientas de almacenamiento y trabajo colaborativo
Herramientas de almacenamiento y trabajo colaborativoHerramientas de almacenamiento y trabajo colaborativo
Herramientas de almacenamiento y trabajo colaborativo
 
Presentation
PresentationPresentation
Presentation
 
Comunicación Mutimedia Tricia Quevedo
Comunicación Mutimedia Tricia QuevedoComunicación Mutimedia Tricia Quevedo
Comunicación Mutimedia Tricia Quevedo
 
Presentacin1 dav
Presentacin1 davPresentacin1 dav
Presentacin1 dav
 
Diferencia entre medios e hipermedios
Diferencia entre medios e hipermediosDiferencia entre medios e hipermedios
Diferencia entre medios e hipermedios
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
H O J A S D E S T I L O, D I S EÑ O V I S U A L Y T I E M P O S
H O J A S  D E  S T I L O,  D I S EÑ O  V I S U A L  Y  T I E M P O SH O J A S  D E  S T I L O,  D I S EÑ O  V I S U A L  Y  T I E M P O S
H O J A S D E S T I L O, D I S EÑ O V I S U A L Y T I E M P O S
 
Multimedia
MultimediaMultimedia
Multimedia
 
Lenguaje multimedia - Juan Ceballos
Lenguaje multimedia - Juan CeballosLenguaje multimedia - Juan Ceballos
Lenguaje multimedia - Juan Ceballos
 
Diapositivas de conceptos
Diapositivas de conceptosDiapositivas de conceptos
Diapositivas de conceptos
 
Hiper
HiperHiper
Hiper
 
Alejandra s
Alejandra sAlejandra s
Alejandra s
 
Usabilidad para principiantes
Usabilidad para principiantesUsabilidad para principiantes
Usabilidad para principiantes
 

Destacado

Destacado (20)

Inf9
Inf9Inf9
Inf9
 
Grupo#9 excedentes sociales
Grupo#9 excedentes socialesGrupo#9 excedentes sociales
Grupo#9 excedentes sociales
 
угадайка1
угадайка1угадайка1
угадайка1
 
U2 drive2
U2 drive2U2 drive2
U2 drive2
 
Creative Bloq - opis ulubionej strony
Creative Bloq - opis ulubionej stronyCreative Bloq - opis ulubionej strony
Creative Bloq - opis ulubionej strony
 
поздравляем с днём рождения!!!
поздравляем с днём рождения!!!поздравляем с днём рождения!!!
поздравляем с днём рождения!!!
 
Curso diseno-web-fsp-ugt-navia-asturias
Curso diseno-web-fsp-ugt-navia-asturiasCurso diseno-web-fsp-ugt-navia-asturias
Curso diseno-web-fsp-ugt-navia-asturias
 
Mi%20recorrido%20por%20 tita
Mi%20recorrido%20por%20 titaMi%20recorrido%20por%20 tita
Mi%20recorrido%20por%20 tita
 
Tic proyecto 2012
Tic proyecto 2012Tic proyecto 2012
Tic proyecto 2012
 
Elementos humanos y se trata
Elementos humanos y                                 se   trataElementos humanos y                                 se   trata
Elementos humanos y se trata
 
Novedades Tecnologicas
Novedades TecnologicasNovedades Tecnologicas
Novedades Tecnologicas
 
угадайка 3
угадайка 3угадайка 3
угадайка 3
 
HOW TO TRACK BBM MESSAGES OF OTHERS
HOW TO TRACK BBM MESSAGES OF OTHERS HOW TO TRACK BBM MESSAGES OF OTHERS
HOW TO TRACK BBM MESSAGES OF OTHERS
 
Pres2
Pres2Pres2
Pres2
 
Ova negocios internacionales
Ova negocios internacionalesOva negocios internacionales
Ova negocios internacionales
 
Teleformacion 2012-botones
Teleformacion 2012-botonesTeleformacion 2012-botones
Teleformacion 2012-botones
 
Problemáticas de Algunos Alumnos
Problemáticas de Algunos AlumnosProblemáticas de Algunos Alumnos
Problemáticas de Algunos Alumnos
 
მოხუცი და ზღვა ერნესტ ჰემინგუეი
მოხუცი და ზღვა   ერნესტ ჰემინგუეიმოხუცი და ზღვა   ერნესტ ჰემინგუეი
მოხუცი და ზღვა ერნესტ ჰემინგუეი
 
Planificacion
PlanificacionPlanificacion
Planificacion
 
Seguridad y redes sociales
Seguridad y redes socialesSeguridad y redes sociales
Seguridad y redes sociales
 

Similar a Diseño web - haeold montaña

Diseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozDiseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozFabianCroos
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño webAmnada14
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño webmonacha30
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacionCristanCamilo
 
Comunicación interactiva (1)
Comunicación interactiva (1)Comunicación interactiva (1)
Comunicación interactiva (1)dulcemariaes
 
Comunicación interactiva presentaciones
Comunicación interactiva presentacionesComunicación interactiva presentaciones
Comunicación interactiva presentacionesDaniela Bonilla
 
Comunicación interactiva power point silvia delgado m 726
Comunicación interactiva power point silvia delgado m 726Comunicación interactiva power point silvia delgado m 726
Comunicación interactiva power point silvia delgado m 726silviadelgado24
 
Presentación slideshare m-726
Presentación slideshare m-726Presentación slideshare m-726
Presentación slideshare m-726yanethhoss
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación InteractivaMGmerlo
 
Comunicación Interactiva (Definición de Términos)
Comunicación Interactiva (Definición de Términos)Comunicación Interactiva (Definición de Términos)
Comunicación Interactiva (Definición de Términos)MJOPE
 
Usabilida..
Usabilida..Usabilida..
Usabilida..home
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
Términos Interactivos
Términos InteractivosTérminos Interactivos
Términos InteractivosMaily Gallardo
 

Similar a Diseño web - haeold montaña (20)

Diseño web 1
Diseño web 1Diseño web 1
Diseño web 1
 
Diseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozDiseño WEB By Fabian Muñoz
Diseño WEB By Fabian Muñoz
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Kim Rangel
Kim RangelKim Rangel
Kim Rangel
 
El diseño equipo 2
El diseño equipo 2El diseño equipo 2
El diseño equipo 2
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacion
 
Comunicación interactiva (1)
Comunicación interactiva (1)Comunicación interactiva (1)
Comunicación interactiva (1)
 
Comunicación interactiva presentaciones
Comunicación interactiva presentacionesComunicación interactiva presentaciones
Comunicación interactiva presentaciones
 
Melissa presentacion
Melissa presentacionMelissa presentacion
Melissa presentacion
 
Comunicación interactiva power point silvia delgado m 726
Comunicación interactiva power point silvia delgado m 726Comunicación interactiva power point silvia delgado m 726
Comunicación interactiva power point silvia delgado m 726
 
comunicación interactiva
comunicación interactivacomunicación interactiva
comunicación interactiva
 
Presentación slideshare m-726
Presentación slideshare m-726Presentación slideshare m-726
Presentación slideshare m-726
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactiva
 
Comunicación Interactiva (Definición de Términos)
Comunicación Interactiva (Definición de Términos)Comunicación Interactiva (Definición de Términos)
Comunicación Interactiva (Definición de Términos)
 
Usabilida..
Usabilida..Usabilida..
Usabilida..
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Interacción web
Interacción   webInteracción   web
Interacción web
 
Interacción web
Interacción   webInteracción   web
Interacción web
 
Términos Interactivos
Términos InteractivosTérminos Interactivos
Términos Interactivos
 

Último

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 

Último (6)

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 

Diseño web - haeold montaña

  • 1. By : Harold montaña
  • 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.
  • 3. ACCESIBILIDAD El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.
  • 4. CARACTERISTICAS Navegabilidad Interactividad Usabilidad arquitectura de la información Audio Texto Imagen Enlaces video
  • 5. Navegabilidad web La navegabilidad o navegabilidad web 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.
  • 6. Interactividad La interactividad es similar al nivel de respuesta, y se estudia como un proceso de comunicación en el que cada mensaje se relaciona con el previo, y con la relación entre éste y los precedentes.
  • 7. 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
  • 8. Arquitectura de la información es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.
  • 9. Texto Un texto es una composición de signos codificado en un sistema de escritura (como un alfabeto) que forma una unidad de sentido. Su tamaño puede ser variable.
  • 10. Imagen es una representación visual, que manifiesta la apariencia visual de un objeto real o imaginario. Aunque el término suele entenderse como sinónimo de representación visual, también se aplica como extensión para otros tipos de percepción, como imágenes auditivas, olfativas, táctiles, sinestesias,etc.
  • 11. Hiperenlace Un hipervínculo (también llamado enlace, vínculo, o hiperenlace) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.
  • 12. Vídeo es la tecnología de la grabación, procesamiento, almacenamiento, transmisión de imágenes y reconstrucción por medios electrónicos digitales o analógicos de una secuencia de imágenes que representan escenas en movimiento.