Download - Guía de proyectos web
![Page 1: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/1.jpg)
GUÍA DE PROYECTOS WEB
![Page 2: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/2.jpg)
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?
Planificación inicial
![Page 3: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/3.jpg)
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.
![Page 4: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/4.jpg)
¿QUÉ QUIERO DE MI SITIO WEB?
![Page 5: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/5.jpg)
Identificación de los tipos de tecnología que se emplearán en el sitio.
¿Cuál será la experiencia del usuario?
Definición de servicios interactivos
![Page 6: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/6.jpg)
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
![Page 7: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/7.jpg)
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.
Definición de la Audiencia
![Page 8: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/8.jpg)
![Page 9: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/9.jpg)
Conjunto de métodos y herramientas que permiten organizar los contenidos, para ser encontrados y utilizados por los usuarios, de manera simple y directa.
Arquitectura de la Información
![Page 10: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/10.jpg)
Metodología de la Arquitectura de la Información
1. Definición de Contenidos del Sitio 3. Definición de los Sistemas de Navegación
1.1. Inventarear 3.1. Global
1.2. Clasificar 3.2. Local
1.2.1. Orientado a la audiencia 3.3. Contextual
1.2.2. Orientado a una tarea
1.2.3. Temático 4. Definición del Diseño Visual
1.3. Card Sorting 4.1. Wireframe
1.4. Benchmarking 4.2. Diseño de Interacción
4.3. Bocetos de Diseño
2. Definición de la Estructura del Sitio 4.4. Borradores de Página
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
![Page 11: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/11.jpg)
Proceso de Diseño Web
![Page 12: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/12.jpg)
Ejemplo de Mapa de Sitio
![Page 13: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/13.jpg)
Ejemplo de Wireframe
![Page 14: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/14.jpg)
Diseño de Interacción (diagrama de flujo)
![Page 15: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/15.jpg)
BOCETO DE DISEÑO
![Page 16: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/16.jpg)
Los mapas del sitio representan estructuras, los
wireframes represetan pantallas y los diagramas de
flujo representan lo que hace el usuario.
![Page 17: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/17.jpg)
![Page 18: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/18.jpg)
![Page 19: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/19.jpg)
PRE-PUBLICACIÓN CHECKLIST (evaluación final)
![Page 20: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/20.jpg)
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.
Plan de Lanzamiento
![Page 21: Guía de proyectos web](https://reader035.vdocumento.com/reader035/viewer/2022062300/5538ae06550346bb318b484d/html5/thumbnails/21.jpg)
Actividades Offlineo 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.