SlideShare una empresa de Scribd logo
1 de 103
Taller de Gestión de Proyectos Web
Día 1, Mañana
[object Object],[object Object],[object Object],[object Object],[object Object]
Módulo 1: Gestión, contenido y diseño de proyectos Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Módulo 1 Gestión del Proyecto ,[object Object],[object Object],[object Object],[object Object]
¿Qué es un proyecto? ,[object Object],[object Object],[object Object],[object Object]
Componentes de la Administración de Proyectos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos relacionados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],BUSCAR LA SATISFACCIÓN DE TODOS LOS INTERESADOS
Ciclo de vida de un proyecto 1.  Inicio* 2.  Planeación* 3.  Ejecución* 4.  Control* 5.  Cierre* NIVEL DE ACTIVIDAD INICIO TIEMPO *Etapas del proyecto TERMINO
Preguntas básicas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Preguntas Básicas OBJETIVOS AUDIENCIA TECNOLOGIA
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Para encontrar el camino ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Definir objetivos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Identificar necesidades y servicios ,[object Object],[object Object],[object Object],[object Object],[object Object]
Equipo de Trabajo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equipo de Trabajo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equipo de Trabajo ,[object Object],[object Object],[object Object],[object Object],Capacitación
Definiciones para el diseño ,[object Object],[object Object],[object Object],[object Object],[object Object]
Casos de uso ,[object Object],[object Object],[object Object],[object Object],Caso de uso Actor/Usuario
Descripción del Caso de Uso -  Pasajero   solicita  una reservación de un  ticket  a un  vendedor - Vendedor consulta disponibilidad en la Aerolínea -  Aerolínea  informa que hay ticket disponibles y entrega detalles del vuelo - Vendedor entrega al pasajero la información de los detalles del vuelo - Pasajero solicita el  asiento  de su preferencia - Vendedor  reserva  el asiento - Vendedor confirma la reserva con el pasajero - Vendedor solicita el pago al pasajero y ofrece un método de pago - Pasajero  paga  al vendedor - Vendedor envía el pago a la Aerolínea - Aerolínea entrega la confirmación final del ticket al vendedor - Vendedor  emite  el ticket al pasajero ,[object Object],[object Object],Pasajero Reservar Vuelo Cancelar reserva Aerolínea
¿Para qué un diagrama? ,[object Object],[object Object],[object Object],[object Object]
Primera Pausa 10:45 horas
Módulo 1 Producción y manejo de contenidos ,[object Object],[object Object],[object Object]
Diseño de contenidos ,[object Object],[object Object],[object Object],[object Object]
Claves del Diseño de Información ,[object Object],[object Object],[object Object],[object Object]
 
http://www.lenguajeciudadano.gob.mx
¿Qué es Arquitectura de Información? ,[object Object],Fotografía: Javier Velasco
Arquitectura de Información, paso 1 ,[object Object],[object Object],[object Object]
Arquitectura de Información, paso 2 ,[object Object],[object Object],[object Object],[object Object],http://alquimistas.evilnolo.com/
http://www.w3.org/WAI/EO/2005/10/perspective
 
Listar elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Logo Barra de navegación Novedades UAWEB Buscar RSS Materiales  Destacados Programa de actividades Registro Expositores Información Corporativa y de contacto
Definición del Contenido ,[object Object],[object Object],[object Object],[object Object],[object Object]
Organización del Contenido ,[object Object],[object Object],[object Object],[object Object],[object Object]
Organización del Contenido por Temática ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Orden Geográfico Orden Cronológico Orden Alfabético
Organización del Contenido por Categorías ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tópico Tarea Público Producto
¿Qué es “Card Sorting”? ,[object Object],[object Object]
Tipos de “Card Sorting” ,[object Object],[object Object]
Consejos Prácticos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Card Sorting: Conclusiones  ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],Buenas prácticas… ,[object Object]
Segunda Pausa 13:00 horas
Día 1, TARDE
Módulo 1 Diseño Visual ,[object Object],[object Object],[object Object]
Estructura del Sitio http://www.webstyleguide.com   COMPLEJO Audiencias Capacitadas SIMPLE Contenido Básico, Capacitación LINEAL, NARRATIVO Estructura predecible No-LINEAL, HIPERLINK Flexible, puede ser confuso
Diagramas de Sitio http://www.webstyleguide.com   Diagrama Conceptual Diagrama de archivos
Estructura de páginas 600 píxeles 350 píxeles 535 píxeles 670 píxeles Monitores de 15” (640x480) SAFE AREA: 600x350 Hoja Carta  SAFE AREA: 535x670
800x600 1024x768 4 MB!!!!
Diseño y Diagramación ,[object Object]
Jerarquía Visual
Diagramación Sin puntos focales Sin Estructura grafica Estructura visual, Contraste puntos focales Básico Mejor
Layout base de un sitio
 
 
Experiencia de Usuario
Diseño de la Experiencia de Usuario ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de la Experiencia de Usuario (en el Web) Web como  aplicación Web como hipertexto Jesse James Garrett, 2000
Diseño de sitios http://www.webstyleguide.com
Buenas prácticas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Servicios del Sector Público Comunidad Europea ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://www.cabinetoffice.gov.uk/
Diseño Web y Estándares ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Tercera Pausa 16:30 horas
Módulo 2: Usabilidad para sitios usables ,[object Object],[object Object],[object Object],[object Object],[object Object]
Diseño Centrado en el Usuario ,[object Object],Christina Wodtke, 2002
DCU, pasos básicos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Christina Wodtke, 2002
“ Ignorar la usabilidad es invitar al error” Requerimiento del Usuario Producto Final
¿Qué es USABILIDAD…? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Métodos de Usabilidad ,[object Object],[object Object],[object Object],[object Object],http://www.usabilitynet.org/tools/methods.htm
Métodos de Usabilidad http://www.usabilitynet.org/tools/methods.htm
Problemas frecuentes... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Etiquetas de campos no son descriptivas  de la información que el usuario debe ingresar. Sugerencia:  Usar etiquetas simples y claras. Funcionamiento estresante de los elementos interactivos.  Al seleccionar un checkbox se borran las opciones ingresadas en los combos. Sugerencia:  Las acciones ejercidas sobre campos posteriores no deben alterar el funcionamiento de campos anteriores.
Es  imposible volver a páginas anteriores  con las herramientas del navegador. Cada vez que el usuario lo intenta la página expira. Esto es sumamente molesto, dado que el usuario puede perder todo lo avanzado en muchos pasos anteriores. Además le impide corregir información capturada antes en un proceso que contiene muchas páginas. Sugerencia: Corregir el funcionamiento de “volver” para que no expire la sesión ni pierda datos.
Se utilizan abreviaciones que no son explicadas al usuario. Sugerencia:  Al ser un trámite que admite intervención de usuarios extranjeros, las abreviaciones deben ser explicadas -al menos en la columna derecha- como una forma de evitar posibles dudas o errores.
No se admiten caracteres especiales en un campo importante, que no depende de si el usuario desea o no incluir el caracter, sino que dependen de datos reales, emanados del "mundo físico". Sugerencia: En este campo debieran admitirse caracteres especiales, sobre todo considerando el tipo de dato (ej: una empresa llamada "Ñandú"). De no ser posible, advertir al usuario sobre este inconveniente y las razones de porqué no se pudo solucionar el problema.
www.guiaweb.gob.cl
Herramientas de Apoyo ,[object Object],[object Object],[object Object],[object Object],[object Object]
Tercera Pausa 19:00 horas
Día 2, Mañana
Módulo 3: Estándares de diseño ,[object Object],[object Object],[object Object],[object Object],[object Object]
Contenido / Presentación Contenido CSS/XHTML Dispositivos
 
5 beneficios de código estándar ,[object Object],[object Object],[object Object],[object Object],[object Object]
Diseño de CSS ,[object Object],[object Object],[object Object],[object Object],[object Object]
¿Porqué no diseñar con tablas? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Primera Pausa 10:45 horas
Aplicación de CSS ,[object Object],[object Object],[object Object]
http://www.simmons.edu/gradstudies/
¿Qué es xhtml? ,[object Object],[object Object],[object Object]
¿Cómo funciona? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
IMPORTANTE ,[object Object],[object Object],[object Object],<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot;  &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;es&quot;> <head> <title>Título</title> </head> <body> . . . </body> </html>
A mayor USABILIDAD mayor ACCESIBILIDAD ? !
Preguntas… ,[object Object],[object Object],[object Object]
Miremos sitios…
Links Recomendados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.useit.com
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
No olvidar ,[object Object],[object Object],[object Object],[object Object],[object Object]
Muchas gracias! ¿see you soon? ;-) [email_address] www.paulosaavedra.cl

Más contenido relacionado

La actualidad más candente

Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webInterlat
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1ariaalvarado
 
Metodología de diseño en la web
Metodología de diseño en la webMetodología de diseño en la web
Metodología de diseño en la websullinsan
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicosMaricela41
 
Ii workshop SEO agosto 2011 neo consulting
Ii workshop SEO agosto 2011 neo consultingIi workshop SEO agosto 2011 neo consulting
Ii workshop SEO agosto 2011 neo consultingNeo Consulting
 
INGENIERIA DE LA WEB
INGENIERIA DE LA WEBINGENIERIA DE LA WEB
INGENIERIA DE LA WEBPat Chilui
 
Propusta Metodologica de Rodrigo Ronda Leon
Propusta Metodologica de Rodrigo Ronda LeonPropusta Metodologica de Rodrigo Ronda Leon
Propusta Metodologica de Rodrigo Ronda Leonbblanca
 
Gestión de proyectos multimedia
Gestión de proyectos multimediaGestión de proyectos multimedia
Gestión de proyectos multimediablogelmiron
 
Formulacion y planeacion para una pagina web
Formulacion y planeacion para una pagina webFormulacion y planeacion para una pagina web
Formulacion y planeacion para una pagina webKatty Jessy
 
Identificacion ideas de proyecto.
Identificacion ideas de proyecto.Identificacion ideas de proyecto.
Identificacion ideas de proyecto.dymaeventos
 
Territorio Marketing, vamos al punto
Territorio Marketing, vamos al puntoTerritorio Marketing, vamos al punto
Territorio Marketing, vamos al puntoFloralba Rodríguez
 
Ciclo de Producción Web y Multimedia
Ciclo de Producción Web y MultimediaCiclo de Producción Web y Multimedia
Ciclo de Producción Web y MultimediaKarla Romero
 
USOS Y ADMINISTRACIÓN DE PÁGINAS WEB
USOS Y ADMINISTRACIÓN DE PÁGINAS WEBUSOS Y ADMINISTRACIÓN DE PÁGINAS WEB
USOS Y ADMINISTRACIÓN DE PÁGINAS WEBJessica Cruz
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto webmmsita79
 
Etapas para un plan básico de rrss
Etapas para un plan básico de rrssEtapas para un plan básico de rrss
Etapas para un plan básico de rrssMax Viveros Barahona
 

La actualidad más candente (20)

Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad web
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1
 
Metodología de diseño en la web
Metodología de diseño en la webMetodología de diseño en la web
Metodología de diseño en la web
 
IDA Workshop #1 Arquitectura de Información
IDA Workshop #1 Arquitectura de InformaciónIDA Workshop #1 Arquitectura de Información
IDA Workshop #1 Arquitectura de Información
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Ii workshop SEO agosto 2011 neo consulting
Ii workshop SEO agosto 2011 neo consultingIi workshop SEO agosto 2011 neo consulting
Ii workshop SEO agosto 2011 neo consulting
 
INGENIERIA DE LA WEB
INGENIERIA DE LA WEBINGENIERIA DE LA WEB
INGENIERIA DE LA WEB
 
Propusta Metodologica de Rodrigo Ronda Leon
Propusta Metodologica de Rodrigo Ronda LeonPropusta Metodologica de Rodrigo Ronda Leon
Propusta Metodologica de Rodrigo Ronda Leon
 
Gestión de proyectos multimedia
Gestión de proyectos multimediaGestión de proyectos multimedia
Gestión de proyectos multimedia
 
IDA Workshop #2 Arquitectura de Información
IDA Workshop #2 Arquitectura de InformaciónIDA Workshop #2 Arquitectura de Información
IDA Workshop #2 Arquitectura de Información
 
Formulacion y planeacion para una pagina web
Formulacion y planeacion para una pagina webFormulacion y planeacion para una pagina web
Formulacion y planeacion para una pagina web
 
Identificacion ideas de proyecto.
Identificacion ideas de proyecto.Identificacion ideas de proyecto.
Identificacion ideas de proyecto.
 
Presen pau
Presen pauPresen pau
Presen pau
 
Territorio Marketing, vamos al punto
Territorio Marketing, vamos al puntoTerritorio Marketing, vamos al punto
Territorio Marketing, vamos al punto
 
Ciclo de Producción Web y Multimedia
Ciclo de Producción Web y MultimediaCiclo de Producción Web y Multimedia
Ciclo de Producción Web y Multimedia
 
USOS Y ADMINISTRACIÓN DE PÁGINAS WEB
USOS Y ADMINISTRACIÓN DE PÁGINAS WEBUSOS Y ADMINISTRACIÓN DE PÁGINAS WEB
USOS Y ADMINISTRACIÓN DE PÁGINAS WEB
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
 
Etapas para un plan básico de rrss
Etapas para un plan básico de rrssEtapas para un plan básico de rrss
Etapas para un plan básico de rrss
 
IDA workshop MKT desde la UX
IDA workshop MKT desde la UX IDA workshop MKT desde la UX
IDA workshop MKT desde la UX
 
Diseño web
Diseño webDiseño web
Diseño web
 

Destacado

Taller de Gestión de Proyectos Web de clase mundial
Taller de Gestión de Proyectos Web de clase mundialTaller de Gestión de Proyectos Web de clase mundial
Taller de Gestión de Proyectos Web de clase mundialUA WEB, A.C.
 
Obstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectosObstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectossandrita Bcrra
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto webiConstruye
 
El uso de las Redes Sociales para una nueva era veterinaria
El uso de las Redes Sociales para una nueva era veterinariaEl uso de las Redes Sociales para una nueva era veterinaria
El uso de las Redes Sociales para una nueva era veterinariaGersón Beltran
 
Taller: Gestion de la Reputacion Online - Ome 2009
Taller: Gestion de la Reputacion Online - Ome 2009Taller: Gestion de la Reputacion Online - Ome 2009
Taller: Gestion de la Reputacion Online - Ome 2009Overalia
 
Diplomado en Gestión de Proyectos Digitales y UX
Diplomado en Gestión de Proyectos Digitales y UXDiplomado en Gestión de Proyectos Digitales y UX
Diplomado en Gestión de Proyectos Digitales y UXSady Ignacio Maureria Bulnes
 
TICs y Gestión del Conocimiento
TICs y Gestión del ConocimientoTICs y Gestión del Conocimiento
TICs y Gestión del ConocimientoGermania Rodriguez
 
Gestión de Proyectos Digitales (Clase 2)
Gestión de Proyectos Digitales (Clase 2)Gestión de Proyectos Digitales (Clase 2)
Gestión de Proyectos Digitales (Clase 2)Carlos Gaona
 
Gestión de Proyectos Digitales (Clase 1)
Gestión de Proyectos Digitales (Clase 1)Gestión de Proyectos Digitales (Clase 1)
Gestión de Proyectos Digitales (Clase 1)Carlos Gaona
 
Econ sesión 1 gestion por procesos
Econ sesión 1 gestion por procesosEcon sesión 1 gestion por procesos
Econ sesión 1 gestion por procesosECON
 
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-sociales
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-socialesAprenda peru2021 taller-gestión-comercial-de-emprendimientos-sociales
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-socialesAprenda
 
Taller FIAB Gestión Subproductos 3
Taller FIAB Gestión Subproductos 3Taller FIAB Gestión Subproductos 3
Taller FIAB Gestión Subproductos 3FIAB
 
Taller gestión del cambio udd
Taller gestión del cambio uddTaller gestión del cambio udd
Taller gestión del cambio uddGOPPASUDD
 
Taller de Gestión de Riesgos
Taller de Gestión de RiesgosTaller de Gestión de Riesgos
Taller de Gestión de RiesgosSandraDuranG
 
Plantilla de toma de requisitos softwarev 1.0
Plantilla de toma de requisitos softwarev 1.0Plantilla de toma de requisitos softwarev 1.0
Plantilla de toma de requisitos softwarev 1.0Javier Hermoso Blanco
 
Taller Gestión del Tiempo - Oct 09
Taller Gestión del Tiempo - Oct 09Taller Gestión del Tiempo - Oct 09
Taller Gestión del Tiempo - Oct 09PROQUAME
 

Destacado (20)

Taller de Gestión de Proyectos Web de clase mundial
Taller de Gestión de Proyectos Web de clase mundialTaller de Gestión de Proyectos Web de clase mundial
Taller de Gestión de Proyectos Web de clase mundial
 
Obstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectosObstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectos
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
El uso de las Redes Sociales para una nueva era veterinaria
El uso de las Redes Sociales para una nueva era veterinariaEl uso de las Redes Sociales para una nueva era veterinaria
El uso de las Redes Sociales para una nueva era veterinaria
 
Taller de gestión de proyectos comerciales ed1
Taller de gestión de proyectos comerciales ed1Taller de gestión de proyectos comerciales ed1
Taller de gestión de proyectos comerciales ed1
 
Taller: Gestion de la Reputacion Online - Ome 2009
Taller: Gestion de la Reputacion Online - Ome 2009Taller: Gestion de la Reputacion Online - Ome 2009
Taller: Gestion de la Reputacion Online - Ome 2009
 
Diplomado en Gestión de Proyectos Digitales y UX
Diplomado en Gestión de Proyectos Digitales y UXDiplomado en Gestión de Proyectos Digitales y UX
Diplomado en Gestión de Proyectos Digitales y UX
 
TICs y Gestión del Conocimiento
TICs y Gestión del ConocimientoTICs y Gestión del Conocimiento
TICs y Gestión del Conocimiento
 
Gestión de Proyectos Digitales (Clase 2)
Gestión de Proyectos Digitales (Clase 2)Gestión de Proyectos Digitales (Clase 2)
Gestión de Proyectos Digitales (Clase 2)
 
Gestión de Proyectos Digitales (Clase 1)
Gestión de Proyectos Digitales (Clase 1)Gestión de Proyectos Digitales (Clase 1)
Gestión de Proyectos Digitales (Clase 1)
 
Econ sesión 1 gestion por procesos
Econ sesión 1 gestion por procesosEcon sesión 1 gestion por procesos
Econ sesión 1 gestion por procesos
 
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-sociales
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-socialesAprenda peru2021 taller-gestión-comercial-de-emprendimientos-sociales
Aprenda peru2021 taller-gestión-comercial-de-emprendimientos-sociales
 
Taller FIAB Gestión Subproductos 3
Taller FIAB Gestión Subproductos 3Taller FIAB Gestión Subproductos 3
Taller FIAB Gestión Subproductos 3
 
Taller gestión del cambio udd
Taller gestión del cambio uddTaller gestión del cambio udd
Taller gestión del cambio udd
 
Taller de Gestión de Riesgos
Taller de Gestión de RiesgosTaller de Gestión de Riesgos
Taller de Gestión de Riesgos
 
Gestión de Reuniones
Gestión de ReunionesGestión de Reuniones
Gestión de Reuniones
 
Plantilla de toma de requisitos softwarev 1.0
Plantilla de toma de requisitos softwarev 1.0Plantilla de toma de requisitos softwarev 1.0
Plantilla de toma de requisitos softwarev 1.0
 
Taller Gestión del Tiempo - Oct 09
Taller Gestión del Tiempo - Oct 09Taller Gestión del Tiempo - Oct 09
Taller Gestión del Tiempo - Oct 09
 
Taller gestión del cambio
Taller gestión del cambioTaller gestión del cambio
Taller gestión del cambio
 
DEFINIR EL PROBLEMA - VENTA CONSULTIVA
DEFINIR EL PROBLEMA - VENTA CONSULTIVADEFINIR EL PROBLEMA - VENTA CONSULTIVA
DEFINIR EL PROBLEMA - VENTA CONSULTIVA
 

Similar a Taller de Gestión de Proyectos Web

Arquitectura de la información y usabilidad
Arquitectura de la información y usabilidadArquitectura de la información y usabilidad
Arquitectura de la información y usabilidadJesús Tramullas
 
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 webDany Lpz
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioLuis Carlos Aceves
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La InformacionExistaya.com
 
Metodologias y técnicas para llegar al ciudadano
Metodologias y técnicas para llegar al ciudadanoMetodologias y técnicas para llegar al ciudadano
Metodologias y técnicas para llegar al ciudadanoLuis Carlos Aceves
 
Rd #3 nh
Rd #3 nhRd #3 nh
Rd #3 nhNH_1
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
HABITAT LAC - Taller Intranet
HABITAT LAC - Taller IntranetHABITAT LAC - Taller Intranet
HABITAT LAC - Taller IntranetPaul Fervoy
 
Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...Jesús Tramullas
 
3 procesos web
3 procesos web3 procesos web
3 procesos webUVM
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll
 

Similar a Taller de Gestión de Proyectos Web (20)

Arquitectura de la información y usabilidad
Arquitectura de la información y usabilidadArquitectura de la información y usabilidad
Arquitectura de la información y usabilidad
 
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
 
Mantenimiento de Intranets
Mantenimiento de IntranetsMantenimiento de Intranets
Mantenimiento de Intranets
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La Informacion
 
Metodologias y técnicas para llegar al ciudadano
Metodologias y técnicas para llegar al ciudadanoMetodologias y técnicas para llegar al ciudadano
Metodologias y técnicas para llegar al ciudadano
 
Rd #3 nh
Rd #3 nhRd #3 nh
Rd #3 nh
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Portafolio intro
Portafolio introPortafolio intro
Portafolio intro
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
HABITAT LAC - Taller Intranet
HABITAT LAC - Taller IntranetHABITAT LAC - Taller Intranet
HABITAT LAC - Taller Intranet
 
Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...Diseño y desarrollo de servicios de información y documentación digital con h...
Diseño y desarrollo de servicios de información y documentación digital con h...
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
I vunidad
I vunidadI vunidad
I vunidad
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Ux interfaces persuasivas
Ux interfaces persuasivasUx interfaces persuasivas
Ux interfaces persuasivas
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
 

Más de Paulo Saavedra

Desafios para diseñadores
Desafios para diseñadoresDesafios para diseñadores
Desafios para diseñadoresPaulo Saavedra
 
Buenas Prácticas para Sitios Web orientados al ciudadano
Buenas Prácticas para Sitios Web orientados al ciudadanoBuenas Prácticas para Sitios Web orientados al ciudadano
Buenas Prácticas para Sitios Web orientados al ciudadanoPaulo Saavedra
 
Contenidos que agregan valor al ciudadano
Contenidos que agregan valor al ciudadanoContenidos que agregan valor al ciudadano
Contenidos que agregan valor al ciudadanoPaulo Saavedra
 
Servicios de Gobierno pensados en el Usuario
Servicios de Gobierno pensados en el UsuarioServicios de Gobierno pensados en el Usuario
Servicios de Gobierno pensados en el UsuarioPaulo Saavedra
 
Estrategias de comunicación digital ¿pensadas en el usuario?
Estrategias de comunicación digital ¿pensadas en el usuario?Estrategias de comunicación digital ¿pensadas en el usuario?
Estrategias de comunicación digital ¿pensadas en el usuario?Paulo Saavedra
 
Del papel a la pantalla
Del papel a la pantallaDel papel a la pantalla
Del papel a la pantallaPaulo Saavedra
 
Uso corporativo de Twitter
Uso corporativo de TwitterUso corporativo de Twitter
Uso corporativo de TwitterPaulo Saavedra
 
Web 2.0 en el Gobierno
Web 2.0 en el GobiernoWeb 2.0 en el Gobierno
Web 2.0 en el GobiernoPaulo Saavedra
 
Desafios Portales Egob 20
Desafios Portales Egob 20Desafios Portales Egob 20
Desafios Portales Egob 20Paulo Saavedra
 
¿Dónde ir? El desafío de buscar información y trámites públicos
¿Dónde ir? El desafío de buscar información y trámites públicos¿Dónde ir? El desafío de buscar información y trámites públicos
¿Dónde ir? El desafío de buscar información y trámites públicosPaulo Saavedra
 
Del diseño 1.0 al diseño 2.0
Del diseño 1.0 al diseño 2.0Del diseño 1.0 al diseño 2.0
Del diseño 1.0 al diseño 2.0Paulo Saavedra
 

Más de Paulo Saavedra (11)

Desafios para diseñadores
Desafios para diseñadoresDesafios para diseñadores
Desafios para diseñadores
 
Buenas Prácticas para Sitios Web orientados al ciudadano
Buenas Prácticas para Sitios Web orientados al ciudadanoBuenas Prácticas para Sitios Web orientados al ciudadano
Buenas Prácticas para Sitios Web orientados al ciudadano
 
Contenidos que agregan valor al ciudadano
Contenidos que agregan valor al ciudadanoContenidos que agregan valor al ciudadano
Contenidos que agregan valor al ciudadano
 
Servicios de Gobierno pensados en el Usuario
Servicios de Gobierno pensados en el UsuarioServicios de Gobierno pensados en el Usuario
Servicios de Gobierno pensados en el Usuario
 
Estrategias de comunicación digital ¿pensadas en el usuario?
Estrategias de comunicación digital ¿pensadas en el usuario?Estrategias de comunicación digital ¿pensadas en el usuario?
Estrategias de comunicación digital ¿pensadas en el usuario?
 
Del papel a la pantalla
Del papel a la pantallaDel papel a la pantalla
Del papel a la pantalla
 
Uso corporativo de Twitter
Uso corporativo de TwitterUso corporativo de Twitter
Uso corporativo de Twitter
 
Web 2.0 en el Gobierno
Web 2.0 en el GobiernoWeb 2.0 en el Gobierno
Web 2.0 en el Gobierno
 
Desafios Portales Egob 20
Desafios Portales Egob 20Desafios Portales Egob 20
Desafios Portales Egob 20
 
¿Dónde ir? El desafío de buscar información y trámites públicos
¿Dónde ir? El desafío de buscar información y trámites públicos¿Dónde ir? El desafío de buscar información y trámites públicos
¿Dónde ir? El desafío de buscar información y trámites públicos
 
Del diseño 1.0 al diseño 2.0
Del diseño 1.0 al diseño 2.0Del diseño 1.0 al diseño 2.0
Del diseño 1.0 al diseño 2.0
 

Último

Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte2024020140
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxVICTORMANUELBEASAGUI
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORASMarc Liust
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfJosAndrRosarioVzquez
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendidaLuis Francisco Reyes Aceves
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaJadeVilcscordova
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 

Último (16)

Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 

Taller de Gestión de Proyectos Web

  • 1. Taller de Gestión de Proyectos Web
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. Ciclo de vida de un proyecto 1. Inicio* 2. Planeación* 3. Ejecución* 4. Control* 5. Cierre* NIVEL DE ACTIVIDAD INICIO TIEMPO *Etapas del proyecto TERMINO
  • 10.
  • 11. Preguntas Básicas OBJETIVOS AUDIENCIA TECNOLOGIA
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 24.
  • 25.
  • 26.
  • 27.  
  • 29.
  • 30.
  • 31.
  • 33.  
  • 34.
  • 35. Logo Barra de navegación Novedades UAWEB Buscar RSS Materiales Destacados Programa de actividades Registro Expositores Información Corporativa y de contacto
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 47.
  • 48. Estructura del Sitio http://www.webstyleguide.com COMPLEJO Audiencias Capacitadas SIMPLE Contenido Básico, Capacitación LINEAL, NARRATIVO Estructura predecible No-LINEAL, HIPERLINK Flexible, puede ser confuso
  • 49. Diagramas de Sitio http://www.webstyleguide.com Diagrama Conceptual Diagrama de archivos
  • 50. Estructura de páginas 600 píxeles 350 píxeles 535 píxeles 670 píxeles Monitores de 15” (640x480) SAFE AREA: 600x350 Hoja Carta SAFE AREA: 535x670
  • 52.
  • 54. Diagramación Sin puntos focales Sin Estructura grafica Estructura visual, Contraste puntos focales Básico Mejor
  • 55. Layout base de un sitio
  • 56.  
  • 57.  
  • 59.
  • 60. Elementos de la Experiencia de Usuario (en el Web) Web como aplicación Web como hipertexto Jesse James Garrett, 2000
  • 61. Diseño de sitios http://www.webstyleguide.com
  • 62.
  • 63.
  • 64.
  • 65.  
  • 67.
  • 68.
  • 69.
  • 70. “ Ignorar la usabilidad es invitar al error” Requerimiento del Usuario Producto Final
  • 71.
  • 72.  
  • 73.
  • 74. Métodos de Usabilidad http://www.usabilitynet.org/tools/methods.htm
  • 75.
  • 76. Etiquetas de campos no son descriptivas de la información que el usuario debe ingresar. Sugerencia: Usar etiquetas simples y claras. Funcionamiento estresante de los elementos interactivos. Al seleccionar un checkbox se borran las opciones ingresadas en los combos. Sugerencia: Las acciones ejercidas sobre campos posteriores no deben alterar el funcionamiento de campos anteriores.
  • 77. Es imposible volver a páginas anteriores con las herramientas del navegador. Cada vez que el usuario lo intenta la página expira. Esto es sumamente molesto, dado que el usuario puede perder todo lo avanzado en muchos pasos anteriores. Además le impide corregir información capturada antes en un proceso que contiene muchas páginas. Sugerencia: Corregir el funcionamiento de “volver” para que no expire la sesión ni pierda datos.
  • 78. Se utilizan abreviaciones que no son explicadas al usuario. Sugerencia: Al ser un trámite que admite intervención de usuarios extranjeros, las abreviaciones deben ser explicadas -al menos en la columna derecha- como una forma de evitar posibles dudas o errores.
  • 79. No se admiten caracteres especiales en un campo importante, que no depende de si el usuario desea o no incluir el caracter, sino que dependen de datos reales, emanados del &quot;mundo físico&quot;. Sugerencia: En este campo debieran admitirse caracteres especiales, sobre todo considerando el tipo de dato (ej: una empresa llamada &quot;Ñandú&quot;). De no ser posible, advertir al usuario sobre este inconveniente y las razones de porqué no se pudo solucionar el problema.
  • 81.
  • 84.
  • 85. Contenido / Presentación Contenido CSS/XHTML Dispositivos
  • 86.  
  • 87.
  • 88.
  • 89.
  • 91.
  • 93.
  • 94.
  • 95.
  • 96. A mayor USABILIDAD mayor ACCESIBILIDAD ? !
  • 97.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103. Muchas gracias! ¿see you soon? ;-) [email_address] www.paulosaavedra.cl