SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
Guía de Proyectos Web (extraordinario)







1. ¿Para qué necesita el sitio web la organización?
2. ¿Para qué necesita el sitio web la audiencia a la
que se dirige?
3. ¿Qué información de la organización es útil
para la audiencia?
4. ¿Qué imagen de la organización quiero
proyectar en mi audiencia?
5. ¿Qué servicios interactivos entregaré a través
del Sitio Web?
6. ¿Quiénes pueden ayudarme a realizar el
proyecto?
Las respuestas a estas preguntas permitirán dar forma
a los siguientes elementos de análisis:
Objetivo: definir las metas del proyecto; éstas deben
ser generales y específicas, con el fin de contar con el
mayor detalle posible de lo que se desea conseguir.
Audiencia: hacia qué grupo de personas (uno o más)
estará enfocado el sitio.

Tecnología: qué servicios interactivos se incorporarán
al sitio y qué infraestructura se necesita para sustentar
dichos servicios.
¿QUÉ QUIERO DE MI SITIO
WEB?


Identificación de los tipos de tecnología que
se emplearán en el sitio.

¿Cuál será la experiencia del
usuario?
Evaluar los servicios que se ofrecen
actualmente a los clientes
Identificar unidades gestoras de información
Analizar procesos y elaborar diagramas de
flujo
Identificar contenidos y procesos que puedan
ser publicados


Investigación profunda de la audiencia a
través de técnicas de investigación:
*Encuestas
*Arquetipos de usuarios
*Escenarios de uso



Bajo presupuesto: sistema empático.
Guía de Proyectos Web (extraordinario)
Conjunto de
métodos y
herramientas que
permiten
organizar los
contenidos, para
ser encontrados y
utilizados por los
usuarios, de
manera simple y
directa.
Metodología de la Arquitectura de la Información
1. Definición de Contenidos del Sitio
1.1. Inventarear
1.2. Clasificar
1.2.1. Orientado a la audiencia
1.2.2. Orientado a una tarea
1.2.3. Temático
1.3. Card Sorting
1.4. Benchmarking
2. Definición de la Estructura del Sitio
2.1. Estructura
2.1.1. Secuencial
2.1.2. Hipertextual
2.1.3. Jerárquica
2.2. Mapa de Sitio
2.2.1. Secciones
2.2.2. Niveles
2.2.3. Contenidos relacionados

3. Definición de los Sistemas de Navegación
3.1. Global
3.2. Local
3.3. Contextual
4. Definición del Diseño Visual
4.1. Wireframe
4.2. Diseño de Interacción
4.3. Bocetos de Diseño
4.4. Borradores de Página
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
BOCETO DE DISEÑO
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
Actividades Online
o Registrar el Sitio en Buscadores: es la actividad
mediante la cual el Sitio Web comienza a formar parte
de los directorios y buscadores de Internet.
o Generar Enlaces con Otros Sitios: varios de los
algoritmos que usan los sitios de búsqueda y los
directorios para incluir un sitio y mostrarlo en los
primeros lugares, revisan la cantidad de enlaces
«desde sitios importantes» que llegan al sitio.
o Ofrecer Elementos de Fidelización: se refiere a
ofrecerle a los usuarios motivos diversos para volver
al sitio; puede ser un boletín de noticias en el que se
envíen enlaces con contenidos de interés;
información útil de áreas relevantes, etc.
Actividades Offline
o Imagen Corporativa: la dirección del Sitio Web debe
incorporarse en la imagen corporativa de la organización
para que todo documento la incluya (desde informes
internos, hasta tarjetas de visita). De esta manera, se
logrará una unidad muy concreta en términos
comunicacionales y se dejará diseminada esa dirección en
todos lugares, permitiendo difundirlo y hacerlo conocido
entre quienes deseen ponerse en contacto o revisar
información provista por la organización.
o Actividades de Prensa: en el lanzamiento del Sitio Web se
debe ofrecer un elemento tecnológico atractivo y no sólo
confiar en que la aparición del Sitio Web sea la noticia. Por
lo anterior, se debe definir cuál de las funcionalidades del
sitio podrá ser destacada, para transformarla en la noticia
que convoque a los medios.
Los 4 pasos básicos para organizar la información son:
• Dividir la información en unidades lógicas.
• Establecer una jerarquía por orden de importancia y
generalidad.
• Utilizar esta jerarquía para establecer relaciones
entre las piezas de información.
• Analizar el sistema estética y funcionalmente.
Los usuarios prefieren pequeñas piezas de información que
se pueden hojear y localizar rápidamente.
-Los usuarios no leen las páginas en pantalla, las miran por encima . Si son largas, las
guardarán o las imprimirán.
-Las pequeñas piezas de información son perfectas para los enlaces. Quien pulsa un enlace
espera encontrar información específica relacionada con el tema que estaba viendo, no un
libro entero de información que filtrar.
-Tampoco es necesario subdividir la información demasiado o los usuarios se cansarán de
pulsar enlaces. El máximo para una Web con documentos de referencia es de una a 3
páginas de información impresa.
-Un formato uniforme para organizar y presentar la información permite a los usuarios
aplicar su experiencia anterior con el “Site” a la hora de explorarlo y buscar información,
permitiéndoles en cierta manera, adivinar como está organizada la información.
Sitios Mal Diseñados

Sitios Bien Diseñados

http://arngren.net/

http://www.presidencia.gob.mx/

http://hosanna1.com/

http://canacine.org.mx/

http://www.lingscars.com/

http://www.floreria-zyanya.com/
En árbol: Esta estructura está compuesta por una página principal
que enlaza con otras páginas, las cuales, a su vez, enlazan con
otras páginas de nivel inferior. De esta manera se agrupan las
páginas web en niveles, de tal modo que para llegar del primero
al último se debe pasar por todos los intermedios. Esta estructura
es poco navegable si tenemos una web con muchas
páginas, porque para ver las páginas de otra rama tenemos que
retroceder hasta la página principal, haciendo la navegación muy
pesada.

En lista: Esta estructura es la opuesta a la anterior. En
ella no existe página principal ya que todas están en
el mismo nivel. Para llegar a la última página hay que
recorrer todas las anteriores. Es una estructuración
muy adecuada para la presentación de manuales o
aplicaciones donde el usuario deba recorrer
forzosamente una serie de páginas web para
conseguir su objetivo.
Mixta: Esta estructura es una combinación de las dos
anteriores. Las páginas están jerarquizadas en
niveles, los cuales a su vez están conectados entre sí en
forma de lista. Esta estructura es mucho más navegable y
práctica, puesto que permite poder desplazarse de rama
en rama sin necesidad de volver a la página principal para
hacerlo.

En red: Esta estructura supone que todas las páginas
de la web están conectadas entre sí, por lo que es
una estructura más compleja y menos ordenada. Su
ventaja es que desde cada página podemos ir a
cualquier otra del sitio. No obstante, requiere mucha
planificación para evitar ofrecer al visitante un caos
de enlaces innecesarios.
1.
2.
3.
4.

Título del Proyecto.
Objetivos (general y particulares).
Definición de Servicios Interactivos (¿cuáles y por qué).
Planteamiento de posible personal adscrito al proyecto en el
caso hipotético de que se contara con presupuesto, para
operarlo de manera formal (sólo mencionar qué tipo de
personal y argumentar brevemente el por qué).
5. Definición de Audiencia/Arquetipos de Usuario (plantear 4
arquetipos de usuario).
6. Índice de contenidos.
7. Mapa de sitio.
8. Wireframe (sólo del Home)
9. Boceto de Diseño (sólo del Home)
10.Checklist
11.Actividades de Lanzamiento (sólo online)
12.Publicación del proyecto web en wix.com

Más contenido relacionado

La actualidad más candente

Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4blogdevon
 
Slideshare. Enyelberth Pena...
Slideshare. Enyelberth Pena...Slideshare. Enyelberth Pena...
Slideshare. Enyelberth Pena...19454173
 
Caracteristicas de la web 1
Caracteristicas de la web 1Caracteristicas de la web 1
Caracteristicas de la web 1cristianH311212
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio webedgarcajun
 
Estructura del diseño web
Estructura del diseño webEstructura del diseño web
Estructura del diseño webProceso Digital
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas webCesar Salazar
 
Tipos de Sitios: Arquitectura
Tipos de Sitios:  ArquitecturaTipos de Sitios:  Arquitectura
Tipos de Sitios: ArquitecturaRaymond Marquina
 
Planificación del sitio web
Planificación del sitio webPlanificación del sitio web
Planificación del sitio webJuan Anaya
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La InformacionExistaya.com
 
Web 2.01
Web 2.01Web 2.01
Web 2.01lina
 

La actualidad más candente (16)

Cuadroscomparativos
Cuadroscomparativos Cuadroscomparativos
Cuadroscomparativos
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Slideshare. Enyelberth Pena...
Slideshare. Enyelberth Pena...Slideshare. Enyelberth Pena...
Slideshare. Enyelberth Pena...
 
Caracteristicas de la web 1
Caracteristicas de la web 1Caracteristicas de la web 1
Caracteristicas de la web 1
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
 
T06 dawebareas
T06 dawebareasT06 dawebareas
T06 dawebareas
 
Estructura del diseño web
Estructura del diseño webEstructura del diseño web
Estructura del diseño web
 
Diseño de interfaz
Diseño de interfazDiseño de interfaz
Diseño de interfaz
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas web
 
Tipos de Sitios: Arquitectura
Tipos de Sitios:  ArquitecturaTipos de Sitios:  Arquitectura
Tipos de Sitios: Arquitectura
 
Planificación del sitio web
Planificación del sitio webPlanificación del sitio web
Planificación del sitio web
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La Informacion
 
Sena[1]herramientas web
Sena[1]herramientas webSena[1]herramientas web
Sena[1]herramientas web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.01
Web 2.01Web 2.01
Web 2.01
 

Destacado (20)

arquitectura de desarrollo web
 arquitectura de desarrollo web  arquitectura de desarrollo web
arquitectura de desarrollo web
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para web
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Arquitectura
ArquitecturaArquitectura
Arquitectura
 
Desarrollo sitio web 2.0
Desarrollo sitio web 2.0 Desarrollo sitio web 2.0
Desarrollo sitio web 2.0
 
Modelo, vista, controlador
Modelo, vista, controladorModelo, vista, controlador
Modelo, vista, controlador
 
MODELO VISTA CONTROLADOR
MODELO VISTA CONTROLADORMODELO VISTA CONTROLADOR
MODELO VISTA CONTROLADOR
 
Clase3 Procesoweb
Clase3 ProcesowebClase3 Procesoweb
Clase3 Procesoweb
 
MVC
MVCMVC
MVC
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Patron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista ControladorPatron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista Controlador
 
Arquitectura- Programacion WEB
Arquitectura- Programacion WEBArquitectura- Programacion WEB
Arquitectura- Programacion WEB
 
Conceptos básicos de Asp.net mvc
Conceptos básicos de Asp.net mvcConceptos básicos de Asp.net mvc
Conceptos básicos de Asp.net mvc
 
Calculadora Gráfica Java implementando el Patrón MVC
Calculadora Gráfica Java implementando el Patrón MVCCalculadora Gráfica Java implementando el Patrón MVC
Calculadora Gráfica Java implementando el Patrón MVC
 
Arquitectura fisica y logica
Arquitectura fisica y logicaArquitectura fisica y logica
Arquitectura fisica y logica
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 

Similar a Guía de Proyectos Web (extraordinario)

Similar a Guía de Proyectos Web (extraordinario) (20)

Guía de proyectos web
Guía de proyectos webGuía de proyectos web
Guía de proyectos web
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Revista TicNews Abril 2015
Revista TicNews Abril 2015Revista TicNews Abril 2015
Revista TicNews Abril 2015
 
Clase5 Pdigital2008 II
Clase5 Pdigital2008 IIClase5 Pdigital2008 II
Clase5 Pdigital2008 II
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Investigación unidad II
Investigación unidad IIInvestigación unidad II
Investigación unidad II
 
Motores de búsqueda
Motores de búsquedaMotores de búsqueda
Motores de búsqueda
 
Motores de busqueda
Motores de busquedaMotores de busqueda
Motores de busqueda
 
Unidad 4.docx sotfwer
Unidad 4.docx sotfwerUnidad 4.docx sotfwer
Unidad 4.docx sotfwer
 
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Analisis seo.ppt2
Analisis seo.ppt2Analisis seo.ppt2
Analisis seo.ppt2
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Analisis seoat
Analisis seoatAnalisis seoat
Analisis seoat
 
computación
computación computación
computación
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Posicionamiento en Internet
Posicionamiento en InternetPosicionamiento en Internet
Posicionamiento en Internet
 

Más de Ginis Cortes

Escuela Anglosajona
Escuela AnglosajonaEscuela Anglosajona
Escuela AnglosajonaGinis Cortes
 
El antiguo orden informativo internacional
El antiguo orden informativo internacionalEl antiguo orden informativo internacional
El antiguo orden informativo internacionalGinis Cortes
 
Evaluación final 2018 1
Evaluación final 2018 1Evaluación final 2018 1
Evaluación final 2018 1Ginis Cortes
 
Tipos de escenografías
Tipos de escenografíasTipos de escenografías
Tipos de escenografíasGinis Cortes
 
La importancia del maquillaje
La importancia del maquillajeLa importancia del maquillaje
La importancia del maquillajeGinis Cortes
 
Lineamientos de la presentacion de trabajos
Lineamientos de la presentacion de trabajosLineamientos de la presentacion de trabajos
Lineamientos de la presentacion de trabajosGinis Cortes
 
1206calendario2018 1
1206calendario2018 11206calendario2018 1
1206calendario2018 1Ginis Cortes
 
Recursos de información y medios de comunicación
Recursos de información y medios de comunicaciónRecursos de información y medios de comunicación
Recursos de información y medios de comunicaciónGinis Cortes
 
1206 calendario 2017-2
1206 calendario 2017-21206 calendario 2017-2
1206 calendario 2017-2Ginis Cortes
 
Escaletas stories guiones
Escaletas stories guionesEscaletas stories guiones
Escaletas stories guionesGinis Cortes
 
Geopolítica y comunicación
Geopolítica y comunicaciónGeopolítica y comunicación
Geopolítica y comunicaciónGinis Cortes
 
La tirania de las comunicaciones ramonet
La tirania de las comunicaciones ramonetLa tirania de las comunicaciones ramonet
La tirania de las comunicaciones ramonetGinis Cortes
 
Cualidades de la música (una revisión)
Cualidades de la música (una revisión)Cualidades de la música (una revisión)
Cualidades de la música (una revisión)Ginis Cortes
 
Técnicas e instrumentos de investigación
Técnicas e instrumentos de investigaciónTécnicas e instrumentos de investigación
Técnicas e instrumentos de investigaciónGinis Cortes
 
Guía para cambiar perfil de usuario
Guía para cambiar perfil de usuarioGuía para cambiar perfil de usuario
Guía para cambiar perfil de usuarioGinis Cortes
 

Más de Ginis Cortes (20)

Instrumento kwl
Instrumento kwlInstrumento kwl
Instrumento kwl
 
Escuela Mexicana
Escuela MexicanaEscuela Mexicana
Escuela Mexicana
 
Escuela Anglosajona
Escuela AnglosajonaEscuela Anglosajona
Escuela Anglosajona
 
Escuela Francesa
Escuela FrancesaEscuela Francesa
Escuela Francesa
 
El antiguo orden informativo internacional
El antiguo orden informativo internacionalEl antiguo orden informativo internacional
El antiguo orden informativo internacional
 
Acceso chat
Acceso chatAcceso chat
Acceso chat
 
Evaluación final 2018 1
Evaluación final 2018 1Evaluación final 2018 1
Evaluación final 2018 1
 
Tipos de escenografías
Tipos de escenografíasTipos de escenografías
Tipos de escenografías
 
La importancia del maquillaje
La importancia del maquillajeLa importancia del maquillaje
La importancia del maquillaje
 
Lineamientos de la presentacion de trabajos
Lineamientos de la presentacion de trabajosLineamientos de la presentacion de trabajos
Lineamientos de la presentacion de trabajos
 
1206calendario2018 1
1206calendario2018 11206calendario2018 1
1206calendario2018 1
 
Recursos de información y medios de comunicación
Recursos de información y medios de comunicaciónRecursos de información y medios de comunicación
Recursos de información y medios de comunicación
 
1206 calendario 2017-2
1206 calendario 2017-21206 calendario 2017-2
1206 calendario 2017-2
 
Escaletas stories guiones
Escaletas stories guionesEscaletas stories guiones
Escaletas stories guiones
 
Geopolítica y comunicación
Geopolítica y comunicaciónGeopolítica y comunicación
Geopolítica y comunicación
 
La tirania de las comunicaciones ramonet
La tirania de las comunicaciones ramonetLa tirania de las comunicaciones ramonet
La tirania de las comunicaciones ramonet
 
Cualidades de la música (una revisión)
Cualidades de la música (una revisión)Cualidades de la música (una revisión)
Cualidades de la música (una revisión)
 
Banda sonora
Banda sonoraBanda sonora
Banda sonora
 
Técnicas e instrumentos de investigación
Técnicas e instrumentos de investigaciónTécnicas e instrumentos de investigación
Técnicas e instrumentos de investigación
 
Guía para cambiar perfil de usuario
Guía para cambiar perfil de usuarioGuía para cambiar perfil de usuario
Guía para cambiar perfil de usuario
 

Último

Programación Anual 2024 - CIENCIAS SOCIALES.docx
Programación Anual 2024  - CIENCIAS SOCIALES.docxProgramación Anual 2024  - CIENCIAS SOCIALES.docx
Programación Anual 2024 - CIENCIAS SOCIALES.docxJhordanBenitesSanche1
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCEIP TIERRA DE PINARES
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaTatiTerlecky1
 
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaLa poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaIGNACIO BALLESTER PARDO
 
Los escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialesLos escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialeshanda210618
 
Concurso de Innovación Pedagógica T2 FONDEP 2024 Ccesa007.pdf
Concurso de Innovación Pedagógica  T2  FONDEP 2024 Ccesa007.pdfConcurso de Innovación Pedagógica  T2  FONDEP 2024 Ccesa007.pdf
Concurso de Innovación Pedagógica T2 FONDEP 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
SECUENCIA DIDÁCTICA Matemática 1er grado
SECUENCIA  DIDÁCTICA Matemática 1er gradoSECUENCIA  DIDÁCTICA Matemática 1er grado
SECUENCIA DIDÁCTICA Matemática 1er gradoAnaMara883998
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfSaraGabrielaPrezPonc
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionCarolVigo1
 
Tecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxTecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxJulioSantin2
 
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..La Gatera de la Villa nº 51. Revista cultural sobre Madrid..
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..La Gatera de la Villa
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...Unidad de Espiritualidad Eudista
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxKarenSepulveda23
 
Anuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaAnuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaIvannaMaciasAlvarez
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Ivie
 
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREAS
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREASEjemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREAS
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREASJavier Sanchez
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCEIP TIERRA DE PINARES
 
la forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarla forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarCa Ut
 

Último (20)

Programación Anual 2024 - CIENCIAS SOCIALES.docx
Programación Anual 2024  - CIENCIAS SOCIALES.docxProgramación Anual 2024  - CIENCIAS SOCIALES.docx
Programación Anual 2024 - CIENCIAS SOCIALES.docx
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección ediba
 
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaLa poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
 
VISITA DE ESTUDO À CRUZ VERMELHA _
VISITA DE ESTUDO À CRUZ VERMELHA                   _VISITA DE ESTUDO À CRUZ VERMELHA                   _
VISITA DE ESTUDO À CRUZ VERMELHA _
 
Los escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialesLos escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comerciales
 
Concurso de Innovación Pedagógica T2 FONDEP 2024 Ccesa007.pdf
Concurso de Innovación Pedagógica  T2  FONDEP 2024 Ccesa007.pdfConcurso de Innovación Pedagógica  T2  FONDEP 2024 Ccesa007.pdf
Concurso de Innovación Pedagógica T2 FONDEP 2024 Ccesa007.pdf
 
Sesión de clase ES: Adoración sin fin...
Sesión de clase ES: Adoración sin fin...Sesión de clase ES: Adoración sin fin...
Sesión de clase ES: Adoración sin fin...
 
SECUENCIA DIDÁCTICA Matemática 1er grado
SECUENCIA  DIDÁCTICA Matemática 1er gradoSECUENCIA  DIDÁCTICA Matemática 1er grado
SECUENCIA DIDÁCTICA Matemática 1er grado
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
 
Tecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxTecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptx
 
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..La Gatera de la Villa nº 51. Revista cultural sobre Madrid..
La Gatera de la Villa nº 51. Revista cultural sobre Madrid..
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptx
 
Anuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaAnuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad pública
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023
 
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREAS
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREASEjemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREAS
Ejemplo de trabajo de TIC´s CON VARIAS OPCIONES DE LAS TAREAS
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
 
la forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarla forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolar
 

Guía de Proyectos Web (extraordinario)

  • 2.       1. ¿Para qué necesita el sitio web la organización? 2. ¿Para qué necesita el sitio web la audiencia a la que se dirige? 3. ¿Qué información de la organización es útil para la audiencia? 4. ¿Qué imagen de la organización quiero proyectar en mi audiencia? 5. ¿Qué servicios interactivos entregaré a través del Sitio Web? 6. ¿Quiénes pueden ayudarme a realizar el proyecto?
  • 3. Las respuestas a estas preguntas permitirán dar forma a los siguientes elementos de análisis: Objetivo: definir las metas del proyecto; éstas deben ser generales y específicas, con el fin de contar con el mayor detalle posible de lo que se desea conseguir. Audiencia: hacia qué grupo de personas (uno o más) estará enfocado el sitio. Tecnología: qué servicios interactivos se incorporarán al sitio y qué infraestructura se necesita para sustentar dichos servicios.
  • 4. ¿QUÉ QUIERO DE MI SITIO WEB?
  • 5.  Identificación de los tipos de tecnología que se emplearán en el sitio. ¿Cuál será la experiencia del usuario?
  • 6. Evaluar los servicios que se ofrecen actualmente a los clientes Identificar unidades gestoras de información Analizar procesos y elaborar diagramas de flujo Identificar contenidos y procesos que puedan ser publicados
  • 7.  Investigación profunda de la audiencia a través de técnicas de investigación: *Encuestas *Arquetipos de usuarios *Escenarios de uso  Bajo presupuesto: sistema empático.
  • 9. Conjunto de métodos y herramientas que permiten organizar los contenidos, para ser encontrados y utilizados por los usuarios, de manera simple y directa.
  • 10. Metodología de la Arquitectura de la Información 1. Definición de Contenidos del Sitio 1.1. Inventarear 1.2. Clasificar 1.2.1. Orientado a la audiencia 1.2.2. Orientado a una tarea 1.2.3. Temático 1.3. Card Sorting 1.4. Benchmarking 2. Definición de la Estructura del Sitio 2.1. Estructura 2.1.1. Secuencial 2.1.2. Hipertextual 2.1.3. Jerárquica 2.2. Mapa de Sitio 2.2.1. Secciones 2.2.2. Niveles 2.2.3. Contenidos relacionados 3. Definición de los Sistemas de Navegación 3.1. Global 3.2. Local 3.3. Contextual 4. Definición del Diseño Visual 4.1. Wireframe 4.2. Diseño de Interacción 4.3. Bocetos de Diseño 4.4. Borradores de Página
  • 20. Actividades Online o Registrar el Sitio en Buscadores: es la actividad mediante la cual el Sitio Web comienza a formar parte de los directorios y buscadores de Internet. o Generar Enlaces con Otros Sitios: varios de los algoritmos que usan los sitios de búsqueda y los directorios para incluir un sitio y mostrarlo en los primeros lugares, revisan la cantidad de enlaces «desde sitios importantes» que llegan al sitio. o Ofrecer Elementos de Fidelización: se refiere a ofrecerle a los usuarios motivos diversos para volver al sitio; puede ser un boletín de noticias en el que se envíen enlaces con contenidos de interés; información útil de áreas relevantes, etc.
  • 21. Actividades Offline o Imagen Corporativa: la dirección del Sitio Web debe incorporarse en la imagen corporativa de la organización para que todo documento la incluya (desde informes internos, hasta tarjetas de visita). De esta manera, se logrará una unidad muy concreta en términos comunicacionales y se dejará diseminada esa dirección en todos lugares, permitiendo difundirlo y hacerlo conocido entre quienes deseen ponerse en contacto o revisar información provista por la organización. o Actividades de Prensa: en el lanzamiento del Sitio Web se debe ofrecer un elemento tecnológico atractivo y no sólo confiar en que la aparición del Sitio Web sea la noticia. Por lo anterior, se debe definir cuál de las funcionalidades del sitio podrá ser destacada, para transformarla en la noticia que convoque a los medios.
  • 22. Los 4 pasos básicos para organizar la información son: • Dividir la información en unidades lógicas. • Establecer una jerarquía por orden de importancia y generalidad. • Utilizar esta jerarquía para establecer relaciones entre las piezas de información. • Analizar el sistema estética y funcionalmente.
  • 23. Los usuarios prefieren pequeñas piezas de información que se pueden hojear y localizar rápidamente. -Los usuarios no leen las páginas en pantalla, las miran por encima . Si son largas, las guardarán o las imprimirán. -Las pequeñas piezas de información son perfectas para los enlaces. Quien pulsa un enlace espera encontrar información específica relacionada con el tema que estaba viendo, no un libro entero de información que filtrar. -Tampoco es necesario subdividir la información demasiado o los usuarios se cansarán de pulsar enlaces. El máximo para una Web con documentos de referencia es de una a 3 páginas de información impresa. -Un formato uniforme para organizar y presentar la información permite a los usuarios aplicar su experiencia anterior con el “Site” a la hora de explorarlo y buscar información, permitiéndoles en cierta manera, adivinar como está organizada la información.
  • 24. Sitios Mal Diseñados Sitios Bien Diseñados http://arngren.net/ http://www.presidencia.gob.mx/ http://hosanna1.com/ http://canacine.org.mx/ http://www.lingscars.com/ http://www.floreria-zyanya.com/
  • 25. En árbol: Esta estructura está compuesta por una página principal que enlaza con otras páginas, las cuales, a su vez, enlazan con otras páginas de nivel inferior. De esta manera se agrupan las páginas web en niveles, de tal modo que para llegar del primero al último se debe pasar por todos los intermedios. Esta estructura es poco navegable si tenemos una web con muchas páginas, porque para ver las páginas de otra rama tenemos que retroceder hasta la página principal, haciendo la navegación muy pesada. En lista: Esta estructura es la opuesta a la anterior. En ella no existe página principal ya que todas están en el mismo nivel. Para llegar a la última página hay que recorrer todas las anteriores. Es una estructuración muy adecuada para la presentación de manuales o aplicaciones donde el usuario deba recorrer forzosamente una serie de páginas web para conseguir su objetivo.
  • 26. Mixta: Esta estructura es una combinación de las dos anteriores. Las páginas están jerarquizadas en niveles, los cuales a su vez están conectados entre sí en forma de lista. Esta estructura es mucho más navegable y práctica, puesto que permite poder desplazarse de rama en rama sin necesidad de volver a la página principal para hacerlo. En red: Esta estructura supone que todas las páginas de la web están conectadas entre sí, por lo que es una estructura más compleja y menos ordenada. Su ventaja es que desde cada página podemos ir a cualquier otra del sitio. No obstante, requiere mucha planificación para evitar ofrecer al visitante un caos de enlaces innecesarios.
  • 27. 1. 2. 3. 4. Título del Proyecto. Objetivos (general y particulares). Definición de Servicios Interactivos (¿cuáles y por qué). Planteamiento de posible personal adscrito al proyecto en el caso hipotético de que se contara con presupuesto, para operarlo de manera formal (sólo mencionar qué tipo de personal y argumentar brevemente el por qué). 5. Definición de Audiencia/Arquetipos de Usuario (plantear 4 arquetipos de usuario). 6. Índice de contenidos. 7. Mapa de sitio. 8. Wireframe (sólo del Home) 9. Boceto de Diseño (sólo del Home) 10.Checklist 11.Actividades de Lanzamiento (sólo online) 12.Publicación del proyecto web en wix.com