SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1
ariaalvarado
 
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
Neo Consulting
 
INGENIERIA DE LA WEB
INGENIERIA DE LA WEBINGENIERIA DE LA WEB
INGENIERIA DE LA WEB
Pat Chilui
 
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
Katty 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 punto
Floralba Rodríguez
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
mmsita79
 

Tendances (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
 

En vedette

Obstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectosObstaculos en la gestion de proyectos
Obstaculos en la gestion de proyectos
sandrita Bcrra
 
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
ECON
 
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
Aprenda
 
Taller gestión del cambio udd
Taller gestión del cambio uddTaller gestión del cambio udd
Taller gestión del cambio udd
GOPPASUDD
 

En vedette (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
 

Similaire à Taller de Gestión de Proyectos Web

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
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
UVM
 

Similaire à 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...
 

Plus de Paulo Saavedra

Desafios para diseñadores
Desafios para diseñadoresDesafios para diseñadores
Desafios para diseñadores
Paulo Saavedra
 

Plus 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
 

Dernier

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Dernier (10)

Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 

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