Your SlideShare is downloading. ×
0
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Arquitectura De La Informacion
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Arquitectura De La Informacion

2,106

Published on

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

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,106
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×