SlideShare una empresa de Scribd logo
1 de 9
UNIVERSIDAD ESTATAL DE BOLIVAR
FACULTAD DE CIENCIAS DE LA EDUCACION
ESCUELA DE INFORMATICA EDUCATIVA
TRABAJO DE: HERRAMIENTAS DE LA WEB I
DOCENTE: LIC. PAUL ZABALA
TEMA:
MODELO DE DISEÑO PARA APLICACIONES
WEB
Diseños para ingeniería web
Principios y
directrices
del diseño de
la interfaz
ANTICIPACIÓ
N
COMUNICACIÓN
CONSISTENCIA
AUTONOMÍA
CONTROLADA
EFICIENCIA
FLEXIBILIDAD
ENFOQUE
DISEÑO ESTETICO
El diseño estético, también llamado diseño grafico
es un esfuerzo artístico que complementa los
aspectos técnicos de la ingeniería Web.
El diseño estético considera aspectos de la
presentación y percepción de Web.
DISEÑO DEL CONTENIDO
El diseño del contenido se enfoca en dos
asuntos de diseño diferente, cada uno lo
abordan individuos con conjunto de
habilidades. Además el diseño de
contenidos se ocupa de representar la
información dentro de un objeto.
DISEÑO ARQUITECTÓNICO
El diseño arquitectónico esta enlazado con las
metas establecidas para la Web, el contenido
que representan, los usuarios que la visitaran
y la filosofía de navegación que se establezca.
El diseñador arquitectónico de identificar la
arquitectura de contenido y la arquitectura
de la Web.
DISEÑO DE NAVEGACIÓN
Una vez establecida la arquitectura de la web y la
identificación de los componentes, el diseñador
debe definir las rutas de navegación que habiliten
para los usuarios el acceso al contenido y las
funciones de la web.

Más contenido relacionado

Similar a Modelo de diseño

DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web Appuneve
 
Presentación de Diseñoteca
Presentación de DiseñotecaPresentación de Diseñoteca
Presentación de Diseñotecapcd.unia
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
INGENIERIA WEB
INGENIERIA WEBINGENIERIA WEB
INGENIERIA WEBwilboyman
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Informaciónhectorium
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónnatalymoreno08
 
Actividad 2 reconocimiento grupo 205111
Actividad 2 reconocimiento grupo 205111Actividad 2 reconocimiento grupo 205111
Actividad 2 reconocimiento grupo 205111Sonia Mahecha
 
Diseño de-sitios-web
Diseño de-sitios-webDiseño de-sitios-web
Diseño de-sitios-webevelinpoma
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismoDianCOC
 
Presentación1
Presentación1Presentación1
Presentación1jacob_188
 

Similar a Modelo de diseño (20)

DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Presentación de Diseñoteca
Presentación de DiseñotecaPresentación de Diseñoteca
Presentación de Diseñoteca
 
M2 DiseñO Web (Corto)
M2   DiseñO Web (Corto)M2   DiseñO Web (Corto)
M2 DiseñO Web (Corto)
 
Programacion y diseño web
Programacion y diseño webProgramacion y diseño web
Programacion y diseño web
 
Ruben
RubenRuben
Ruben
 
Paginas web
Paginas webPaginas web
Paginas web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
INGENIERIA WEB
INGENIERIA WEBINGENIERIA WEB
INGENIERIA WEB
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Diseño de comunicación visual
Diseño de comunicación visualDiseño de comunicación visual
Diseño de comunicación visual
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 
Actividad 2 reconocimiento grupo 205111
Actividad 2 reconocimiento grupo 205111Actividad 2 reconocimiento grupo 205111
Actividad 2 reconocimiento grupo 205111
 
Diseño de-sitios-web
Diseño de-sitios-webDiseño de-sitios-web
Diseño de-sitios-web
 
Diseño
DiseñoDiseño
Diseño
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismo
 
Presentación1
Presentación1Presentación1
Presentación1
 
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdfPARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
 

Modelo de diseño

  • 1. UNIVERSIDAD ESTATAL DE BOLIVAR FACULTAD DE CIENCIAS DE LA EDUCACION ESCUELA DE INFORMATICA EDUCATIVA TRABAJO DE: HERRAMIENTAS DE LA WEB I DOCENTE: LIC. PAUL ZABALA TEMA: MODELO DE DISEÑO PARA APLICACIONES WEB
  • 2.
  • 4.
  • 5. Principios y directrices del diseño de la interfaz ANTICIPACIÓ N COMUNICACIÓN CONSISTENCIA AUTONOMÍA CONTROLADA EFICIENCIA FLEXIBILIDAD ENFOQUE
  • 6. DISEÑO ESTETICO El diseño estético, también llamado diseño grafico es un esfuerzo artístico que complementa los aspectos técnicos de la ingeniería Web. El diseño estético considera aspectos de la presentación y percepción de Web.
  • 7. DISEÑO DEL CONTENIDO El diseño del contenido se enfoca en dos asuntos de diseño diferente, cada uno lo abordan individuos con conjunto de habilidades. Además el diseño de contenidos se ocupa de representar la información dentro de un objeto.
  • 8. DISEÑO ARQUITECTÓNICO El diseño arquitectónico esta enlazado con las metas establecidas para la Web, el contenido que representan, los usuarios que la visitaran y la filosofía de navegación que se establezca. El diseñador arquitectónico de identificar la arquitectura de contenido y la arquitectura de la Web.
  • 9. DISEÑO DE NAVEGACIÓN Una vez establecida la arquitectura de la web y la identificación de los componentes, el diseñador debe definir las rutas de navegación que habiliten para los usuarios el acceso al contenido y las funciones de la web.