Arquitectura De La Informacion

2,210
-1

Published on

La siguiente presentación es una introducción a la arquitectura de la información aplicada a la Web

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,210
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Arquitectura De La Informacion

  1. 1. Más allá de Internet Cubriendo todos los objetivos de su estrategia de marketing.
  2. 2. <ul><li>Somos una compañía de Mercadeo Online expertos en el diseño y desarrollo de estrategias de mercadeo, publicidad y comunicación por Internet. </li></ul><ul><li>8 años de experiencia y más de 500 campañas de mercadeo en Internet ejecutadas, Miembros IAB. </li></ul><ul><li>150 Clientes entre Pymes, Grandes Empresas y Grandes Marcas. </li></ul><ul><li>Certificación ADWORDS QUALIFIED COMPANY de Google Inc. </li></ul>Quiénes Somos
  3. 3. Andrés Mauricio Escobar <ul><li>Gerente Existaya.com </li></ul><ul><li>Google Adwords Qualified Professional </li></ul><ul><li>Más de 6 años de experiencia en Mercadeo en Internet. </li></ul><ul><li>Profesor hora cátedra Universidad Icesi (Mercadeo en Internet y Diseño Web Profesional) </li></ul>
  4. 4. ARQUITECTURA DE LA INFORMACIÓN Aplicada a la construcción de sitios Web AI Ing. Andrés M. Escobar
  5. 5. Agenda <ul><li>Introducción a la AI </li></ul><ul><ul><li>Qué es la AI? </li></ul></ul><ul><ul><li>Dónde se ubica la AI? </li></ul></ul><ul><ul><li>Cúales son los componentes de la AI? </li></ul></ul><ul><li>Proceso para desarrollar la AI </li></ul><ul><ul><li>Propósitos y Objetivos del cliente (Documento Guía) </li></ul></ul><ul><ul><li>Análisis del contexto (Benchmarking) </li></ul></ul><ul><ul><li>Inventario de contenidos </li></ul></ul><ul><ul><li>Mapas del sitio y Wireframes </li></ul></ul><ul><li>Páginas de aterrizaje </li></ul>www.existaya.com
  6. 6. Preguntas se vamos a resolver sobre la AI: <ul><li>Qué es la Arquitectura de la información? </li></ul><ul><li>Para qué sirve la Arquitectura de la información? </li></ul><ul><li>Quien hace la Arquitectura de la información? </li></ul><ul><li>Cómo aplico la AI a mis proyectos? </li></ul>www.existaya.com
  7. 7. El Problema: “Nuestro sitio Web no vende, pero porqué?” <ul><li>“ Si el sitio es lindo…” </li></ul><ul><li>“ Costo una fortuna…” </li></ul><ul><li>“ Esta hecho en una cosa que le llaman flash que es lo último…” </li></ul><ul><li>“ Tiene musiquita de fondo…” </li></ul><ul><li>“ El diseñador es un artista…” </li></ul><ul><li>“ El diseño final fue escogido por la junta directiva ejerciendo la democracia…” </li></ul>www.existaya.com
  8. 8. Su página Web siguió un proceso serio de arquitectura de información? ¿NO? <ul><li>“ mal de muchos, consuelo de tontos” </li></ul><ul><li>“ Necesitamos esa página güed para antier”... </li></ul>www.existaya.com
  9. 9. ¿Qué es la arquitectura de la información? <ul><li>La &quot;arquitectura de la información&quot; es un proceso iterativo , transversal, que se da a lo largo de todo el diseño del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su producción y del desarrollo de la interfaz se cumplen de manera efectiva. </li></ul><ul><li>Busca promover la usabilidad y el fácil acceso a los contenidos del sitio. </li></ul>www.existaya.com
  10. 10. <ul><li>La Arquitectura de la información de un sitio Web es la forma en que esta organizado. Cuando los usuarios están… </li></ul><ul><ul><li>Buscando una respuesta </li></ul></ul><ul><ul><li>Buscando un producto especifico </li></ul></ul><ul><ul><li>Contactando o comunicando </li></ul></ul><ul><ul><li>Siendo entretenidos </li></ul></ul><ul><ul><li>Completando una tarea </li></ul></ul><ul><li>… la navegación, categorías, links y etiquetas contribuyen a una experiencia de usuario optima. </li></ul>¿Qué es la arquitectura de la información? Intro to IA - www.existaya.com
  11. 11. ¿Dónde se ubica la AI ? Fuente: The Elements of User Experience by Jesse James Garret La AI es el enlace entre los objetivos, el diseño y desarrollo Web Intro to IA - www.existaya.com
  12. 12. Componentes de la AI Objetivos de negocio, Marca, Estrategia de Mercadeo, Tecnología, políticas y recursos Contexto Contenido Usuarios Audiencias, tareas, necesidades, tendecias de busqueda, experiencia, experticia Tipos de documentos, Objetos de contenido, Estructura Fuente: Rosenfeld and Morville – Information Architecture for the World Wide Web Intro to IA - AI www.existaya.com
  13. 13. ¿Cómo se realiza un proceso de AI? <ul><li>Documento Guía para conocer y entender lo que el cliente quiere lograr con el proyecto. </li></ul><ul><li>Análisis del contexto (Benchmarking). </li></ul><ul><li>Inventario de contenidos (Lo que los usuarios deben encontrar en el sitio). </li></ul><ul><li>TagLine : Qué es este sitio y para que sirve en una frase. </li></ul><ul><li>Visibilidad en buscadores (SEO Básico). </li></ul><ul><li>Perfiles y Escenarios (Conozca a sus visitantes). </li></ul><ul><li>Wireframes : Bocetos </li></ul>www.existaya.com
  14. 14. Documento Guía: Pregúntele al cliente <ul><li>Propósito del sitio Web (Objetivos) </li></ul><ul><li>La comunicación y el mensaje. </li></ul><ul><li>Funcionalidad y Uso del sitio. </li></ul><ul><li>Quien es responsable del contenido. </li></ul><ul><li>Preferencias de diseño gráfico. </li></ul>www.existaya.com
  15. 15. Análisis del Contexto (Benchmarking) <ul><li>Quien es la competencia o sitios similares. </li></ul><ul><li>Como afrontaron el problema, que solución le dieron, que contenido incluyeron? </li></ul><ul><li>Características positivas de la competencia </li></ul><ul><li>Características negativas de la competencia. </li></ul><ul><li>Quien es responsable del contenido. </li></ul><ul><li>Preferencias de diseño gráfico. </li></ul>www.existaya.com
  16. 16. Inventarios de Contenido y Mapa del Sitio <ul><li>Listar los contenidos necesarios para la creación del sitio Web, incluyendo: </li></ul><ul><li>Tipo (Imagen, Video, Documento de texto). </li></ul><ul><li>Fuente (Donde se encuentra el contenido). </li></ul><ul><li>Usuarios (Hacia que usuarios esta dirigido). </li></ul><ul><li>Categoría (A que tema pertenece) </li></ul>www.existaya.com
  17. 17. Mapa de un sitio Web Servicios Contacto Productos Inicio Atención Al Cliente Quienes Somos www.existaya.com informar Vender Vender Soporte Comunicar Acciones que realizan los usuarios en cada sección
  18. 18. Visibilidad en Buscadores <ul><li>Definición de palabras a posicionar </li></ul><ul><ul><li>Por cuales palabras voy a ser encontrado? </li></ul></ul><ul><ul><li>Cómo buscan los usuarios o mis clientes? </li></ul></ul><ul><li>Creación de meta-tags por sección o categoría de contenidos </li></ul><ul><li>Peso y relevancia de las palabras clave principales </li></ul><ul><li>Títulos, negrillas, links y subrayado. </li></ul>www.existaya.com
  19. 19. Perfiles y Escenarios <ul><li>Identificar las características e intereses de sus usuarios </li></ul><ul><ul><li>Clasificación demográfica </li></ul></ul><ul><ul><li>Nivel de estudios, experticia en la Web </li></ul></ul><ul><li>Prioridades por Perfiles e intereses (Quienes son los usuarios o que representan?) </li></ul><ul><ul><li>Empresarios </li></ul></ul><ul><ul><li>Emprendedores </li></ul></ul><ul><ul><li>Inversionistas. </li></ul></ul><ul><ul><li>Publico en general </li></ul></ul>www.existaya.com
  20. 20. Perfiles y Escenarios www.existaya.com Accesibilidad a la información por perfiles
  21. 21. Wireframe <ul><li>Diagramación de contenido. (Ubicación y propósito) </li></ul><ul><li>Básico y Sencillo </li></ul>www.existaya.com
  22. 22. Prototipo: <ul><li>Diseño gráfico </li></ul><ul><li>Diagramación de contenido. </li></ul><ul><li>Validación de objetivos y funciones </li></ul>www.existaya.com
  23. 23. Páginas de aterrizaje www.existaya.com
  24. 24. Páginas de aterrizaje <ul><li>Este tipo de páginas es ampliamente utilizado en </li></ul><ul><li>la industria para la promoción específica ( venta ) </li></ul><ul><li>de un producto, servicio o idea. </li></ul><ul><li>Debe comunicar efectivamente el la misma promesa de valor publicada en los anuncios online. </li></ul>
  25. 25. Páginas de aterrizaje Principales Productos y/o Servicios Información relevante. Beneficios, ventajas Principales palabras clave Formulario de Contacto
  26. 26. Ejemplos de Páginas de aterrizaje <ul><li>Mepal (Manejo de Materiales). </li></ul><ul><li>Universidad Libre. </li></ul><ul><li>Thrifty Colombia </li></ul>
  27. 27. Gracias! www.existaya.com

×