SlideShare ist ein Scribd-Unternehmen logo
Curso de Webmaster I Fundamentos  ¿Qué es el  Diseño Web?
Conceptos Básicos:  La pirámide del diseño Web Las cuatro características principales del diseño Web son: El contenido La tecnología Los aspectos visuales Los aspectos económicos
Conceptos Básicos:  La pirámide del diseño Web Usuarios Diseñadores FORMA (visual) FUNCION (tecnología) FINALIDAD CONTENIDO
Conceptos Básicos:  Los diversos sitios Web.   Complejo Simple Centrado en el  documento Centrado en la Aplicación Sitio Web Puramente estático Sitio creado dinámicamente Sitio estático con Formulario de entrada Acceso dinámico a datos A través de un sitio Web Aplicación basada en la Web
Fundamentos de diseño Web  Construir para los usuarios Un error frecuente en el desarrollo Web es que los sitios se construyen mas para los diseñadores y sus necesidades que para los verdaderos usuarios La clave para obtener el éxito en el diseño de un sitio web funcional es pensar siempre teniendo en cuenta el punto de vista del usuario
Fundamentos de diseño Web  Utilidad y facilidad de empleo Los buenos sitios son aquellos realmente provechosos para sus usuarios. La utilidad comprende todas las funciones del sitio que satisfacen las necesidades del usuario La facilidad de empleo es la facilidad de la que dispone el usuario para manejar las funciones del sitio con el fin de conseguir un determinado objetivo. Los  sitios funcionales  serán eficientes, fáciles de manejar y ayudaran a los usuarios a conseguir sus objetivos de manera satisfactoria y sin errores
Fundamentos de diseño Web  Atención al contenido Los sitios Web suelen estar mas enfocados al contenido que el software tradicional El contenido es lo que estructura  un sitio web  Un contenido original y de calidad es el activo mas importante de la Web. Los usuarios buscan contenidos utiles y cuando los encuentran, los consumen con voracidad.
Fundamentos de diseño Web  Navegando los contenidos Los usuarios necesitan ayuda para no perderse en un sitio. Es necesario asignar nombres claros a los vínculos, agrupar de forma lógica los botones, emplear títulos de paginas claros y elementos de navegación consistentes Estructurar de forma clara el sitio, ayuda, pero una buena navegación necesita algo mas que una buena estructura.  Los mejores diseños Web, son a menudo, aquellos que utilizan una navegación sencilla y refinada La navegación es solamente un medio para conseguir un resultado final
Fundamentos de diseño Web  Importancia del Aspecto Un buen sitio Web tiene que funcionar y tiene que ser fácil de navegar. Con frecuencia lo primero en que repara el usuario, es el aspecto visual.  El aspecto del sitio puede influir en la opinión que tenga el usuario sobre el mismo Los elementos visuales influirán en gran medida en la percepción inicial del sitio por parte del usuario
Fundamentos de diseño Web  Valor permanente Aunque, en un principio, el aspecto importa, los usuarios se olvidaran poco a poco de ese tema a medida que vayan utilizando el sitio. Cuando un usuario abandona un sitio se lleva lo que podríamos llamar el valor permanente, un sentimiento básico de mayor o menor éxito de la visita al sitio. El valor permanente esta ligado al hecho de que el usuario haya logrado concretar sus objetivos dentro del sitio El valor permanente del sitio viene determinado por los aspectos visuales, el contenido, la tecnología, la facilidad de empleo y la consecución del objetivo.
Fundamentos de diseño Web  Equilibrio entre Forma y Función  La función sin la forma seria aburrida; aunque el sitio funcione, no inspirara al usuario. Si la forma es impresionante y la función es limitada, el usuario quedara desconcertado. La forma de un sitio debería estar directamente relacionada con su finalidad La determinación de la forma mas adecuada para un sitio presupone que la función del sitio esta claramente definida
Fundamentos de diseño Web  Lo que se ve es lo que se desea  EL control debería estar en manos del usuario o, al menos, debería parecerlo. Lo que se ve es lo que se desea, es una consigna centrada en el usuario y cede al usuario el control de lo que quiere ver y de cómo quiere verlo. El usuario debería ser dueño de sus propias acciones, permitiéndosele navegar sin rumbo, realizar cualquier tipo de búsqueda, imprimir el contenido mostrado….
El proceso de Diseño Web Metodología
Proceso de Diseño Web  Método Web ad hoc  Es un método muy sencillo, consiste en desarrollar el sitio, efectuar una inspección visual con un explorador, corregir errores y publicar en la Web  Los sitios desarrollados con este método informal presentan numerosos problemas Este método se utiliza en proyectos muy pequeños cuando solo se cuenta con un solo diseñador / programador  y cuando el mantenimiento necesario en el futuro es de poca entidad.
Proceso de Diseño Web  Modelo del Método Web Básico  Es un método deductivo, se inicia con una idea del conjunto y se va estrechando hasta llegar a los pasos necesarios para terminar el sitio.  En ingenieria de software, a este modelo se le denomina  “Modelo en Cascada”  o  “Modelo del ciclo de vida del software” Este modelo obliga a los diseñadores a planificar cada paso desde el principio.
Proceso de Diseño Web  Modelo en Cascada  Definición del problema Exploración del concepto Análisis de los requisitos Especificación Diseño de prototipos Realización y pruebas  unitarias Integración y ensayo Del sistema Publicación, explotación  Y mantenimiento
Planificación del sitio  Objetivos Generales  Esta sección debería contener una breve argumentación para explicar el propósito global del sitio y las medidas básicas adoptadas para alcanzar el éxito.
Planificación del sitio  Objetivos Específicos  En esta sección se analizarían detalladamente los objetivos del sitio y se proporcionarían unos objetivos mensurables para verificar la utilidad del sitio
Planificación del sitio  Análisis de la Audiencia  Esta sección debería contener los perfiles de los usuarios que van a visitar el sitio. La sección describirá tanto las  características de la audiencia  como las  tareas que esta audiencia  trata de realizar en el sitio. ¿Donde viven? ¿Qué edad tienen? ¿Idioma? ¿Conocimientos técnicos? ¿Qué obtienen del sitio? ¿Qué desean ejecutar? ¿Cuándo visitaran el sitio? ¿Duración por visita?
Planificación del sitio  Análisis de lo escenarios de empleo  En esta sección se analizan los diversos escenarios de tareas que realizaran los usuarios del sitio.  Comience primero analizando como llegara el usuario a sitio, y después, continué la visita hasta su conclusión.  En esta sección se pueden incluir también un análisis de cómo concluye la visita, por ejemplo, previendo el numero de descargas, paginas accedidas, etc… siempre que estén relacionados con el análisis detallado de los objetivos
Planificación del sitio  Requisitos del contenido  La sección de requisitos del contenido proporcionara una lista de todos los textos, imágenes y otros medios de comunicación que se necesita incluir en el sitio. Elaborar una matriz en la que se presenten el contenido, la forma, la existencia y el posible propietario o creador resulta de gran utilidad.
Planificación del sitio  Requisitos Técnicos  Esta sección deberá proporcionar una visión general de los tipos de tecnologías que se emplearan en el sitio, tales como HTML, Javascript, CGI, JAVA, etc. Los requisitos tecnológicos deberían estar directamente relacionados con las capacidades de los usuarios.
Planificación del sitio  Requisitos Visuales  En la sección de requisitos visuales se subrayaran las consideraciones básicas para el diseño de la interfaz. Esta sección deberá indicar a grandes rasgos como se relacionara el sitio con cualquier material de marketing existente y definirá las restricciones que tendrán los usuarios para emplear gráficos y otros elementos multimedia (tamaño de pantalla, colores..) Esta sección puede resaltar algunos detalles específicos como: tipo de fuente, color
Planificación del sitio  Requisitos de Distribución  Esta sección contendrá los requisitos de distribución, particularmente cualquier tema relacionado con la función como host. En esta sección deberá incluirse un análisis básico del numero de usuarios que visitaran el sitio, cuantas paginas se visitaran en un acceso típico y cual es el tamaño de una pagina estándar La mayoría de estos datos son estimaciones que nos permitirán definir correctamente las funciones que debe realizar cada pagina.
Planificación del sitio  Diagrama de la estructura del sitio  Esta sección debe proporcionar la estructura del sitio o un diagrama de flujo detallando las diversas secciones existentes dentro del sitio y sus relaciones. Se desarrollaran etiquetas e ideas generales para cada sección basándose en los diversos escenarios de usuario analizados en las fases iniciales del proyecto Es importante la organización de las diversas secciones del sitio y puede ser necesario refinar esta organización con el tiempo.
Planificación del sitio  Diagrama de la estructura del sitio  Pagina Principal Productos Acerca de Noticias Cúpula Robots PSV
Planificación del sitio  Dotación de personal  Esta sección recogerá los recursos necesarios para el desarrollo y explotación del sitio. Estos valores pueden darse como un simple dato de horas-hombre y deberán hacer referencia a cada una de las cuatro áreas que requieren personal: contenido, tecnología, diseño visual y gestión.
Planificación del sitio  Plazos de Tiempo  Los plazos de tiempo deberán mostrar el progreso de proyecto teniendo en cuenta las dotaciones de personal estimadas en la sección anterior, combinado con el típico proceso en cascada señalado anteriormente
Planificación del sitio  Presupuesto  El presupuesto deriva principalmente de los requisitos de personal y de los requisitos de distribución. Los costos de la campaña de marketing, costos de licencias de aplicaciones, propiedad intelectual y otros, deberán indicarse también en el presupuesto.

Weitere ähnliche Inhalte

Was ist angesagt?

Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
Luis Eduardo Temores Garcìa
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
Complejo Educativo "Antonio J. Alfaro"
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
Cristian Buitrago
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
marwa Ayad Mohamed
 
MVC
MVCMVC
Páginas web
Páginas webPáginas web
Páginas web
laura_ramirez7
 
Web design 3
Web design 3Web design 3
DIAPOSITIVAS SOBRE BLOG
DIAPOSITIVAS SOBRE BLOGDIAPOSITIVAS SOBRE BLOG
DIAPOSITIVAS SOBRE BLOG
Javier Santos Salazar
 
Css - Tema 1
Css - Tema 1Css - Tema 1
Css - Tema 1
Renny Batista
 
Power point
Power point Power point
Power point
Nayeli Altamirano
 
Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5
Walter Jairzinho Sosa Sanabria
 
Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
josuew2013
 
Diseño adaptativo y responsive
Diseño adaptativo y responsiveDiseño adaptativo y responsive
Diseño adaptativo y responsive
Renny Batista
 
Herramientas web 4.0
Herramientas web 4.0Herramientas web 4.0
Herramientas web 4.0
IE Luis Carlos Galan Sarmiento
 
La Web, conceptos básicos
La Web, conceptos básicosLa Web, conceptos básicos
La Web, conceptos básicos
Jeckson Loza
 
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
 
Reglas generales de diseño de páginas web
Reglas generales de diseño de páginas webReglas generales de diseño de páginas web
Reglas generales de diseño de páginas web
Koldo Parra
 
Diferencias entre sitio web y portal web
Diferencias entre sitio web y portal webDiferencias entre sitio web y portal web
Diferencias entre sitio web y portal web
Valeria Valencia López
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
rociobetty
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
Dan Dixon
 

Was ist angesagt? (20)

Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
MVC
MVCMVC
MVC
 
Páginas web
Páginas webPáginas web
Páginas web
 
Web design 3
Web design 3Web design 3
Web design 3
 
DIAPOSITIVAS SOBRE BLOG
DIAPOSITIVAS SOBRE BLOGDIAPOSITIVAS SOBRE BLOG
DIAPOSITIVAS SOBRE BLOG
 
Css - Tema 1
Css - Tema 1Css - Tema 1
Css - Tema 1
 
Power point
Power point Power point
Power point
 
Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5
 
Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
 
Diseño adaptativo y responsive
Diseño adaptativo y responsiveDiseño adaptativo y responsive
Diseño adaptativo y responsive
 
Herramientas web 4.0
Herramientas web 4.0Herramientas web 4.0
Herramientas web 4.0
 
La Web, conceptos básicos
La Web, conceptos básicosLa Web, conceptos básicos
La Web, conceptos básicos
 
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
 
Reglas generales de diseño de páginas web
Reglas generales de diseño de páginas webReglas generales de diseño de páginas web
Reglas generales de diseño de páginas web
 
Diferencias entre sitio web y portal web
Diferencias entre sitio web y portal webDiferencias entre sitio web y portal web
Diferencias entre sitio web y portal web
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 

Andere mochten auch

Ejemplos fotos photoshop
Ejemplos fotos photoshopEjemplos fotos photoshop
Ejemplos fotos photoshop
jograci
 
Como hacer una buena Presentacion
Como hacer una buena PresentacionComo hacer una buena Presentacion
Como hacer una buena Presentacion
dsconsultora
 
Realidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab TrendsRealidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab Trends
Raúl Reinoso
 
¿Tableta digital o netbook? por Pere Marques
¿Tableta digital o netbook? por Pere Marques¿Tableta digital o netbook? por Pere Marques
¿Tableta digital o netbook? por Pere Marques
Fernando Bordignon
 
JClic y otros proyectos de SL en el ámbito educativo catalán
JClic y otros proyectos de SL en el ámbito educativo catalánJClic y otros proyectos de SL en el ámbito educativo catalán
JClic y otros proyectos de SL en el ámbito educativo catalán
Francesc Busquets
 
13 modelos didácticos de uso de los libros de texto digitales
13 modelos didácticos de uso de los libros de texto digitales13 modelos didácticos de uso de los libros de texto digitales
13 modelos didácticos de uso de los libros de texto digitales
PERE MARQUES
 
45 ideas para el uso del móvil en el aula. CeDeC
45 ideas para el uso del móvil en el aula. CeDeC45 ideas para el uso del móvil en el aula. CeDeC
45 ideas para el uso del móvil en el aula. CeDeC
CEDEC
 
Pizarra Digital Interactiva - Hello World!
Pizarra Digital Interactiva - Hello World!Pizarra Digital Interactiva - Hello World!
Pizarra Digital Interactiva - Hello World!
Raúl Reinoso
 
Libro Virtual
Libro VirtualLibro Virtual
Libro Virtual
cepcordoba
 
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
Área de Innovación Universidad Internacional de Andalucía
 
Relación familias y centros escolares
Relación familias y centros escolaresRelación familias y centros escolares
Relación familias y centros escolares
Universidad de Oviedo
 
Videoconferencia .... Y sus programas
Videoconferencia .... Y sus programasVideoconferencia .... Y sus programas
Videoconferencia .... Y sus programas
corazoncitooliva
 
Estadística descriptiva con software estadístico
Estadística descriptiva con software estadísticoEstadística descriptiva con software estadístico
Estadística descriptiva con software estadístico
gambitguille
 
Alfabetizacion digital y Web 2.0 en aulas 1 a 1
Alfabetizacion digital y Web 2.0  en aulas 1 a 1Alfabetizacion digital y Web 2.0  en aulas 1 a 1
Alfabetizacion digital y Web 2.0 en aulas 1 a 1
Manuel Area
 

Andere mochten auch (14)

Ejemplos fotos photoshop
Ejemplos fotos photoshopEjemplos fotos photoshop
Ejemplos fotos photoshop
 
Como hacer una buena Presentacion
Como hacer una buena PresentacionComo hacer una buena Presentacion
Como hacer una buena Presentacion
 
Realidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab TrendsRealidad Aumentada en Educación - Collab Trends
Realidad Aumentada en Educación - Collab Trends
 
¿Tableta digital o netbook? por Pere Marques
¿Tableta digital o netbook? por Pere Marques¿Tableta digital o netbook? por Pere Marques
¿Tableta digital o netbook? por Pere Marques
 
JClic y otros proyectos de SL en el ámbito educativo catalán
JClic y otros proyectos de SL en el ámbito educativo catalánJClic y otros proyectos de SL en el ámbito educativo catalán
JClic y otros proyectos de SL en el ámbito educativo catalán
 
13 modelos didácticos de uso de los libros de texto digitales
13 modelos didácticos de uso de los libros de texto digitales13 modelos didácticos de uso de los libros de texto digitales
13 modelos didácticos de uso de los libros de texto digitales
 
45 ideas para el uso del móvil en el aula. CeDeC
45 ideas para el uso del móvil en el aula. CeDeC45 ideas para el uso del móvil en el aula. CeDeC
45 ideas para el uso del móvil en el aula. CeDeC
 
Pizarra Digital Interactiva - Hello World!
Pizarra Digital Interactiva - Hello World!Pizarra Digital Interactiva - Hello World!
Pizarra Digital Interactiva - Hello World!
 
Libro Virtual
Libro VirtualLibro Virtual
Libro Virtual
 
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
Trabajo y colaboración en la nube con Google Drive y Dropbox (#webinarsunia).
 
Relación familias y centros escolares
Relación familias y centros escolaresRelación familias y centros escolares
Relación familias y centros escolares
 
Videoconferencia .... Y sus programas
Videoconferencia .... Y sus programasVideoconferencia .... Y sus programas
Videoconferencia .... Y sus programas
 
Estadística descriptiva con software estadístico
Estadística descriptiva con software estadísticoEstadística descriptiva con software estadístico
Estadística descriptiva con software estadístico
 
Alfabetizacion digital y Web 2.0 en aulas 1 a 1
Alfabetizacion digital y Web 2.0  en aulas 1 a 1Alfabetizacion digital y Web 2.0  en aulas 1 a 1
Alfabetizacion digital y Web 2.0 en aulas 1 a 1
 

Ähnlich wie Fundamentos DiseñO Web

Diseo web
Diseo webDiseo web
Diseo web
Yancy Cruz
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
Angelito Maik
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
Dany Lpz
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
Diseño e instalación de sitios web
Diseño e instalación de sitios webDiseño e instalación de sitios web
Diseño e instalación de sitios web
KareliaRivas
 
Disenoweb
DisenowebDisenoweb
Disenoweb
guest9803aa
 
Disenoweb
DisenowebDisenoweb
Disenoweb
guest9803aa
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
JossetyFloresMuoz
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
Ramiro Estigarribia Canese
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
juanancka
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
Vladimir
 
Proyecto web
Proyecto webProyecto web
Proyecto web
Ailleen Xinita Bella
 
Proyecto web
Proyecto webProyecto web
Proyecto web
Ailleen Xinita Bella
 
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
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
UVM
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
MariselaBardales1
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas web
Dany Lpz
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
Ramiro Estigarribia Canese
 

Ähnlich wie Fundamentos DiseñO Web (20)

Diseo web
Diseo webDiseo web
Diseo web
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
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
 
Diseño e instalación de sitios web
Diseño e instalación de sitios webDiseño e instalación de sitios web
Diseño e instalación de sitios web
 
Disenoweb
DisenowebDisenoweb
Disenoweb
 
Disenoweb
DisenowebDisenoweb
Disenoweb
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
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
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas web
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 

Mehr von Raymond Marquina

Crea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con BloggerCrea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con Blogger
Raymond Marquina
 
Herramientas para la gestión de redes sociales
Herramientas para la gestión de redes socialesHerramientas para la gestión de redes sociales
Herramientas para la gestión de redes sociales
Raymond Marquina
 
Actividad primera semana Doctorado
Actividad primera semana DoctoradoActividad primera semana Doctorado
Actividad primera semana Doctorado
Raymond Marquina
 
Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD
Raymond Marquina
 
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Raymond Marquina
 
Servicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativosServicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativos
Raymond Marquina
 
Agenda oficial #CLED2014
Agenda oficial #CLED2014Agenda oficial #CLED2014
Agenda oficial #CLED2014
Raymond Marquina
 
Conferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 VenezuelaConferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 Venezuela
Raymond Marquina
 
Impacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitariaImpacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitaria
Raymond Marquina
 
Experiencia CLED 6 años
Experiencia CLED 6 añosExperiencia CLED 6 años
Experiencia CLED 6 años
Raymond Marquina
 
Herramientas para la gestión de eventos académicos en línea
Herramientas para la gestión  de eventos académicos en líneaHerramientas para la gestión  de eventos académicos en línea
Herramientas para la gestión de eventos académicos en línea
Raymond Marquina
 
¿Qué es la red CLED?
¿Qué es la red CLED?¿Qué es la red CLED?
¿Qué es la red CLED?
Raymond Marquina
 
Mobile learning en las empresas
Mobile learning en las empresasMobile learning en las empresas
Mobile learning en las empresas
Raymond Marquina
 
Licenciamiento profes
Licenciamiento profesLicenciamiento profes
Licenciamiento profes
Raymond Marquina
 
Mobile learning
Mobile learningMobile learning
Mobile learning
Raymond Marquina
 
Moodle - Mobile Learning
Moodle - Mobile LearningMoodle - Mobile Learning
Moodle - Mobile Learning
Raymond Marquina
 
MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014
Raymond Marquina
 
Diseño de Infografías
Diseño de Infografías Diseño de Infografías
Diseño de Infografías
Raymond Marquina
 
Herramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizajeHerramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizaje
Raymond Marquina
 
Situación actual del M-learning en Venezuela
Situación actual del M-learning en VenezuelaSituación actual del M-learning en Venezuela
Situación actual del M-learning en Venezuela
Raymond Marquina
 

Mehr von Raymond Marquina (20)

Crea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con BloggerCrea y gestiona tu Edublog con Blogger
Crea y gestiona tu Edublog con Blogger
 
Herramientas para la gestión de redes sociales
Herramientas para la gestión de redes socialesHerramientas para la gestión de redes sociales
Herramientas para la gestión de redes sociales
 
Actividad primera semana Doctorado
Actividad primera semana DoctoradoActividad primera semana Doctorado
Actividad primera semana Doctorado
 
Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD Webinar: Herramientas de Autor para el diseño de OA para EaD
Webinar: Herramientas de Autor para el diseño de OA para EaD
 
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
Aplicaciones multiplataforma de mensajería instantánea para la atención perso...
 
Servicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativosServicios en línea para la comunicación síncrona en procesos educativos
Servicios en línea para la comunicación síncrona en procesos educativos
 
Agenda oficial #CLED2014
Agenda oficial #CLED2014Agenda oficial #CLED2014
Agenda oficial #CLED2014
 
Conferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 VenezuelaConferencia Moodlemoot2014 Venezuela
Conferencia Moodlemoot2014 Venezuela
 
Impacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitariaImpacto de las TIC en la docencia universitaria
Impacto de las TIC en la docencia universitaria
 
Experiencia CLED 6 años
Experiencia CLED 6 añosExperiencia CLED 6 años
Experiencia CLED 6 años
 
Herramientas para la gestión de eventos académicos en línea
Herramientas para la gestión  de eventos académicos en líneaHerramientas para la gestión  de eventos académicos en línea
Herramientas para la gestión de eventos académicos en línea
 
¿Qué es la red CLED?
¿Qué es la red CLED?¿Qué es la red CLED?
¿Qué es la red CLED?
 
Mobile learning en las empresas
Mobile learning en las empresasMobile learning en las empresas
Mobile learning en las empresas
 
Licenciamiento profes
Licenciamiento profesLicenciamiento profes
Licenciamiento profes
 
Mobile learning
Mobile learningMobile learning
Mobile learning
 
Moodle - Mobile Learning
Moodle - Mobile LearningMoodle - Mobile Learning
Moodle - Mobile Learning
 
MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014MicroTaller eXeLearning CAFDEmTICL Junio 2014
MicroTaller eXeLearning CAFDEmTICL Junio 2014
 
Diseño de Infografías
Diseño de Infografías Diseño de Infografías
Diseño de Infografías
 
Herramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizajeHerramientas 2.0 para el desarrollo del aprendizaje
Herramientas 2.0 para el desarrollo del aprendizaje
 
Situación actual del M-learning en Venezuela
Situación actual del M-learning en VenezuelaSituación actual del M-learning en Venezuela
Situación actual del M-learning en Venezuela
 

Kürzlich hochgeladen

Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
gregory760891
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
correodetareas
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
JessAdrinGonzlezCade
 
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdfInforme de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
KEVINYOICIAQUINOSORI
 
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
sunwndniel
 
aplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geograficoaplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geografico
cyberquiximies
 
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
241578066
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
Katia Reyes
 
DN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en PerúDN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en Perú
estudios22
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
GnesisOrtegaDeLen
 
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
bellomiguelangel68
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Rubén Cortes Zavala
 
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
MenaOlortinYherlyEli
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
Henry W. Zavala
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
edgarcalle8
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
Eddy Nathaly Jaimes Villamizar
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
PanchoChangue
 
Transporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdfTransporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdf
milagrosAlbanPacherr
 
Catalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdfCatalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdf
walter729637
 
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdfBIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
sunwndniel
 

Kürzlich hochgeladen (20)

Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
 
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdfInforme de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
 
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
 
aplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geograficoaplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geografico
 
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
DN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en PerúDN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en Perú
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
 
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
 
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
 
Transporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdfTransporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdf
 
Catalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdfCatalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdf
 
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdfBIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
 

Fundamentos DiseñO Web

  • 1. Curso de Webmaster I Fundamentos ¿Qué es el Diseño Web?
  • 2. Conceptos Básicos: La pirámide del diseño Web Las cuatro características principales del diseño Web son: El contenido La tecnología Los aspectos visuales Los aspectos económicos
  • 3. Conceptos Básicos: La pirámide del diseño Web Usuarios Diseñadores FORMA (visual) FUNCION (tecnología) FINALIDAD CONTENIDO
  • 4. Conceptos Básicos: Los diversos sitios Web. Complejo Simple Centrado en el documento Centrado en la Aplicación Sitio Web Puramente estático Sitio creado dinámicamente Sitio estático con Formulario de entrada Acceso dinámico a datos A través de un sitio Web Aplicación basada en la Web
  • 5. Fundamentos de diseño Web Construir para los usuarios Un error frecuente en el desarrollo Web es que los sitios se construyen mas para los diseñadores y sus necesidades que para los verdaderos usuarios La clave para obtener el éxito en el diseño de un sitio web funcional es pensar siempre teniendo en cuenta el punto de vista del usuario
  • 6. Fundamentos de diseño Web Utilidad y facilidad de empleo Los buenos sitios son aquellos realmente provechosos para sus usuarios. La utilidad comprende todas las funciones del sitio que satisfacen las necesidades del usuario La facilidad de empleo es la facilidad de la que dispone el usuario para manejar las funciones del sitio con el fin de conseguir un determinado objetivo. Los sitios funcionales serán eficientes, fáciles de manejar y ayudaran a los usuarios a conseguir sus objetivos de manera satisfactoria y sin errores
  • 7. Fundamentos de diseño Web Atención al contenido Los sitios Web suelen estar mas enfocados al contenido que el software tradicional El contenido es lo que estructura un sitio web Un contenido original y de calidad es el activo mas importante de la Web. Los usuarios buscan contenidos utiles y cuando los encuentran, los consumen con voracidad.
  • 8. Fundamentos de diseño Web Navegando los contenidos Los usuarios necesitan ayuda para no perderse en un sitio. Es necesario asignar nombres claros a los vínculos, agrupar de forma lógica los botones, emplear títulos de paginas claros y elementos de navegación consistentes Estructurar de forma clara el sitio, ayuda, pero una buena navegación necesita algo mas que una buena estructura. Los mejores diseños Web, son a menudo, aquellos que utilizan una navegación sencilla y refinada La navegación es solamente un medio para conseguir un resultado final
  • 9. Fundamentos de diseño Web Importancia del Aspecto Un buen sitio Web tiene que funcionar y tiene que ser fácil de navegar. Con frecuencia lo primero en que repara el usuario, es el aspecto visual. El aspecto del sitio puede influir en la opinión que tenga el usuario sobre el mismo Los elementos visuales influirán en gran medida en la percepción inicial del sitio por parte del usuario
  • 10. Fundamentos de diseño Web Valor permanente Aunque, en un principio, el aspecto importa, los usuarios se olvidaran poco a poco de ese tema a medida que vayan utilizando el sitio. Cuando un usuario abandona un sitio se lleva lo que podríamos llamar el valor permanente, un sentimiento básico de mayor o menor éxito de la visita al sitio. El valor permanente esta ligado al hecho de que el usuario haya logrado concretar sus objetivos dentro del sitio El valor permanente del sitio viene determinado por los aspectos visuales, el contenido, la tecnología, la facilidad de empleo y la consecución del objetivo.
  • 11. Fundamentos de diseño Web Equilibrio entre Forma y Función La función sin la forma seria aburrida; aunque el sitio funcione, no inspirara al usuario. Si la forma es impresionante y la función es limitada, el usuario quedara desconcertado. La forma de un sitio debería estar directamente relacionada con su finalidad La determinación de la forma mas adecuada para un sitio presupone que la función del sitio esta claramente definida
  • 12. Fundamentos de diseño Web Lo que se ve es lo que se desea EL control debería estar en manos del usuario o, al menos, debería parecerlo. Lo que se ve es lo que se desea, es una consigna centrada en el usuario y cede al usuario el control de lo que quiere ver y de cómo quiere verlo. El usuario debería ser dueño de sus propias acciones, permitiéndosele navegar sin rumbo, realizar cualquier tipo de búsqueda, imprimir el contenido mostrado….
  • 13. El proceso de Diseño Web Metodología
  • 14. Proceso de Diseño Web Método Web ad hoc Es un método muy sencillo, consiste en desarrollar el sitio, efectuar una inspección visual con un explorador, corregir errores y publicar en la Web Los sitios desarrollados con este método informal presentan numerosos problemas Este método se utiliza en proyectos muy pequeños cuando solo se cuenta con un solo diseñador / programador y cuando el mantenimiento necesario en el futuro es de poca entidad.
  • 15. Proceso de Diseño Web Modelo del Método Web Básico Es un método deductivo, se inicia con una idea del conjunto y se va estrechando hasta llegar a los pasos necesarios para terminar el sitio. En ingenieria de software, a este modelo se le denomina “Modelo en Cascada” o “Modelo del ciclo de vida del software” Este modelo obliga a los diseñadores a planificar cada paso desde el principio.
  • 16. Proceso de Diseño Web Modelo en Cascada Definición del problema Exploración del concepto Análisis de los requisitos Especificación Diseño de prototipos Realización y pruebas unitarias Integración y ensayo Del sistema Publicación, explotación Y mantenimiento
  • 17. Planificación del sitio Objetivos Generales Esta sección debería contener una breve argumentación para explicar el propósito global del sitio y las medidas básicas adoptadas para alcanzar el éxito.
  • 18. Planificación del sitio Objetivos Específicos En esta sección se analizarían detalladamente los objetivos del sitio y se proporcionarían unos objetivos mensurables para verificar la utilidad del sitio
  • 19. Planificación del sitio Análisis de la Audiencia Esta sección debería contener los perfiles de los usuarios que van a visitar el sitio. La sección describirá tanto las características de la audiencia como las tareas que esta audiencia trata de realizar en el sitio. ¿Donde viven? ¿Qué edad tienen? ¿Idioma? ¿Conocimientos técnicos? ¿Qué obtienen del sitio? ¿Qué desean ejecutar? ¿Cuándo visitaran el sitio? ¿Duración por visita?
  • 20. Planificación del sitio Análisis de lo escenarios de empleo En esta sección se analizan los diversos escenarios de tareas que realizaran los usuarios del sitio. Comience primero analizando como llegara el usuario a sitio, y después, continué la visita hasta su conclusión. En esta sección se pueden incluir también un análisis de cómo concluye la visita, por ejemplo, previendo el numero de descargas, paginas accedidas, etc… siempre que estén relacionados con el análisis detallado de los objetivos
  • 21. Planificación del sitio Requisitos del contenido La sección de requisitos del contenido proporcionara una lista de todos los textos, imágenes y otros medios de comunicación que se necesita incluir en el sitio. Elaborar una matriz en la que se presenten el contenido, la forma, la existencia y el posible propietario o creador resulta de gran utilidad.
  • 22. Planificación del sitio Requisitos Técnicos Esta sección deberá proporcionar una visión general de los tipos de tecnologías que se emplearan en el sitio, tales como HTML, Javascript, CGI, JAVA, etc. Los requisitos tecnológicos deberían estar directamente relacionados con las capacidades de los usuarios.
  • 23. Planificación del sitio Requisitos Visuales En la sección de requisitos visuales se subrayaran las consideraciones básicas para el diseño de la interfaz. Esta sección deberá indicar a grandes rasgos como se relacionara el sitio con cualquier material de marketing existente y definirá las restricciones que tendrán los usuarios para emplear gráficos y otros elementos multimedia (tamaño de pantalla, colores..) Esta sección puede resaltar algunos detalles específicos como: tipo de fuente, color
  • 24. Planificación del sitio Requisitos de Distribución Esta sección contendrá los requisitos de distribución, particularmente cualquier tema relacionado con la función como host. En esta sección deberá incluirse un análisis básico del numero de usuarios que visitaran el sitio, cuantas paginas se visitaran en un acceso típico y cual es el tamaño de una pagina estándar La mayoría de estos datos son estimaciones que nos permitirán definir correctamente las funciones que debe realizar cada pagina.
  • 25. Planificación del sitio Diagrama de la estructura del sitio Esta sección debe proporcionar la estructura del sitio o un diagrama de flujo detallando las diversas secciones existentes dentro del sitio y sus relaciones. Se desarrollaran etiquetas e ideas generales para cada sección basándose en los diversos escenarios de usuario analizados en las fases iniciales del proyecto Es importante la organización de las diversas secciones del sitio y puede ser necesario refinar esta organización con el tiempo.
  • 26. Planificación del sitio Diagrama de la estructura del sitio Pagina Principal Productos Acerca de Noticias Cúpula Robots PSV
  • 27. Planificación del sitio Dotación de personal Esta sección recogerá los recursos necesarios para el desarrollo y explotación del sitio. Estos valores pueden darse como un simple dato de horas-hombre y deberán hacer referencia a cada una de las cuatro áreas que requieren personal: contenido, tecnología, diseño visual y gestión.
  • 28. Planificación del sitio Plazos de Tiempo Los plazos de tiempo deberán mostrar el progreso de proyecto teniendo en cuenta las dotaciones de personal estimadas en la sección anterior, combinado con el típico proceso en cascada señalado anteriormente
  • 29. Planificación del sitio Presupuesto El presupuesto deriva principalmente de los requisitos de personal y de los requisitos de distribución. Los costos de la campaña de marketing, costos de licencias de aplicaciones, propiedad intelectual y otros, deberán indicarse también en el presupuesto.