SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Documento Guía
“Porque un sitio web no debe comenzar por el diseño gráfico”




                                                 Juan David Saab
                                                 Arquitecto de Infomación

 El Documento Guía es la base de la
 Arquitectura de la Información, y el norte de
 un proyecto web…
El Documento Guía es la
base de la Arquitectura de
la Información, y el norte de
un proyecto web…
¿Porqué hacerlo?
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?




               Porque es una directriz para el resto del proyecto
               Porque es ”económico”
               Porque justifica el trabajo de diseño
               Porque evita problemas con el cliente
¿Cómo hacerlo?
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión      Cliente   Usuarios
•   Usuarios
•   Motivaciones de los usuarios
•   Inventario de ideas
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   Conocer la historia y
•   Inventario de ideas
                                   trayectoria del proyecto,
                                   para plantear una solución
                                   adecuada
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   Plantear claramente los
•   Inventario de ideas
                                   objetivos del sitio, ¿qué
                                   espera el cliente?
¿Porqué Hacerlo? Cómo hacerlo                  ¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   La objetivos de conversión
•   Inventario de ideas
                                   permitirán medir la
                                   efectividad del sitio
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   Plantear los diferentes
•   Inventario de ideas
                                   perfiles o tipos de usuario
                                   a los que apunta el sitio.
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   Identificar lo que buscará
•   Inventario de ideas
                                   el usuario y lo motivará a
                                   visitar nuestro sitio
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


•   Antecedentes
•   Objetivos del sitio
•   Objetivos de conversión
•   Usuarios
•   Motivaciones de los usuarios   Escuchar las ideas del
•   Inventario de ideas
                                   cliente y los involucrados
                                   en el proyecto.
¿Y después qué?
¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?


 Continuar con la arquitectura de Información…
            Benchmarking
            Inventario de Contenidos
            Personajes y Escenarios
            Tagline
            SEO y SEM
            Blueprints (Mapas de navegación)
            Wireframes
¡Gracias!
            @juansaab
             Juan David Saab
             juansaabvanegas@gmail.com
             Skype: juan.saab
             Visita: http://usabilidadaldia.com

Contenu connexe

En vedette

escuela normal aportes pedagogicos
escuela normal aportes pedagogicosescuela normal aportes pedagogicos
escuela normal aportes pedagogicos
fgx
 
Informe tarea 2 grupo 4
Informe tarea 2 grupo 4Informe tarea 2 grupo 4
Informe tarea 2 grupo 4
Vane Torres
 
EUSTAQUIO PALACIOS
EUSTAQUIO PALACIOSEUSTAQUIO PALACIOS
EUSTAQUIO PALACIOS
daviski
 
Approche de l'education populaire
Approche de l'education populaireApproche de l'education populaire
Approche de l'education populaire
Ghislain YGER
 
Trabajo Práctico Cooperativa_25_de_mayo
Trabajo Práctico Cooperativa_25_de_mayoTrabajo Práctico Cooperativa_25_de_mayo
Trabajo Práctico Cooperativa_25_de_mayo
Carola68
 
Presentación personal vanessa
Presentación personal vanessaPresentación personal vanessa
Presentación personal vanessa
Vane Torres
 
Tratado de extradicion ven y usa mesicic3 ven anexo36
Tratado de extradicion ven y usa  mesicic3 ven anexo36Tratado de extradicion ven y usa  mesicic3 ven anexo36
Tratado de extradicion ven y usa mesicic3 ven anexo36
Solo Clic Vzla
 

En vedette (20)

escuela normal aportes pedagogicos
escuela normal aportes pedagogicosescuela normal aportes pedagogicos
escuela normal aportes pedagogicos
 
Economia Mista - por Guillermo Sullings
Economia Mista - por Guillermo Sullings Economia Mista - por Guillermo Sullings
Economia Mista - por Guillermo Sullings
 
La veille de né kid du 16.06.10 : la numérologie publicitaire
La veille de né kid du 16.06.10 : la numérologie publicitaireLa veille de né kid du 16.06.10 : la numérologie publicitaire
La veille de né kid du 16.06.10 : la numérologie publicitaire
 
Informe tarea 2 grupo 4
Informe tarea 2 grupo 4Informe tarea 2 grupo 4
Informe tarea 2 grupo 4
 
EUSTAQUIO PALACIOS
EUSTAQUIO PALACIOSEUSTAQUIO PALACIOS
EUSTAQUIO PALACIOS
 
Lección universitaria2010
Lección universitaria2010Lección universitaria2010
Lección universitaria2010
 
Approche de l'education populaire
Approche de l'education populaireApproche de l'education populaire
Approche de l'education populaire
 
Trabajo Práctico Cooperativa_25_de_mayo
Trabajo Práctico Cooperativa_25_de_mayoTrabajo Práctico Cooperativa_25_de_mayo
Trabajo Práctico Cooperativa_25_de_mayo
 
L’élément inaperçu qui fait défaut à votre référencement pour une meilleure v...
L’élément inaperçu qui fait défaut à votre référencement pour une meilleure v...L’élément inaperçu qui fait défaut à votre référencement pour une meilleure v...
L’élément inaperçu qui fait défaut à votre référencement pour une meilleure v...
 
La veille de Né Kid du 18.02.09 : Twitter et le micro-blogging
La veille de Né Kid du 18.02.09 : Twitter et le micro-bloggingLa veille de Né Kid du 18.02.09 : Twitter et le micro-blogging
La veille de Né Kid du 18.02.09 : Twitter et le micro-blogging
 
Datamapper L Orm Dans Rails 3
Datamapper L Orm Dans Rails 3Datamapper L Orm Dans Rails 3
Datamapper L Orm Dans Rails 3
 
Conducen todos los caminos
Conducen todos los caminosConducen todos los caminos
Conducen todos los caminos
 
Presentación personal vanessa
Presentación personal vanessaPresentación personal vanessa
Presentación personal vanessa
 
Plan anticorrupción en el sector educativo en Honduras
Plan anticorrupción en el sector educativo en Honduras Plan anticorrupción en el sector educativo en Honduras
Plan anticorrupción en el sector educativo en Honduras
 
La Question de l'Eco Tilder/LCI OpinionWay 29 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 29 janvier 2015La Question de l'Eco Tilder/LCI OpinionWay 29 janvier 2015
La Question de l'Eco Tilder/LCI OpinionWay 29 janvier 2015
 
Tratado de extradicion ven y usa mesicic3 ven anexo36
Tratado de extradicion ven y usa  mesicic3 ven anexo36Tratado de extradicion ven y usa  mesicic3 ven anexo36
Tratado de extradicion ven y usa mesicic3 ven anexo36
 
Les chapeaux et les nez rouges
Les  chapeaux et les nez rougesLes  chapeaux et les nez rouges
Les chapeaux et les nez rouges
 
ArcáNgel
ArcáNgelArcáNgel
ArcáNgel
 
la veille de Né Kid du 10.09.09 : les applications mobiles
la veille de Né Kid du 10.09.09 : les applications mobilesla veille de Né Kid du 10.09.09 : les applications mobiles
la veille de Né Kid du 10.09.09 : les applications mobiles
 
contigo creamos deseos - Admore DC
contigo creamos deseos - Admore DCcontigo creamos deseos - Admore DC
contigo creamos deseos - Admore DC
 

Similaire à Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico

Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Propuesta Diseño web
Propuesta Diseño webPropuesta Diseño web
Propuesta Diseño web
Palulis-Poli
 

Similaire à Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico (20)

Presencia web para la pyme
Presencia web para la pyme Presencia web para la pyme
Presencia web para la pyme
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
 
Remote User Testing Workshop @ Experience Fighters 2016
Remote User Testing Workshop @ Experience Fighters 2016 Remote User Testing Workshop @ Experience Fighters 2016
Remote User Testing Workshop @ Experience Fighters 2016
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.
 
Capítulo 7: Research
Capítulo 7: ResearchCapítulo 7: Research
Capítulo 7: Research
 
02 introducción al diseño web
02 introducción al diseño web02 introducción al diseño web
02 introducción al diseño web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
 
Presentación1
Presentación1Presentación1
Presentación1
 
Usabilidad en práctica caso ISAGEN - Ana María Echeverri
Usabilidad en práctica caso ISAGEN - Ana María EcheverriUsabilidad en práctica caso ISAGEN - Ana María Echeverri
Usabilidad en práctica caso ISAGEN - Ana María Echeverri
 
¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!
 
¿Qué debería preguntar a mi cliente?
¿Qué debería preguntar a mi cliente?¿Qué debería preguntar a mi cliente?
¿Qué debería preguntar a mi cliente?
 
Propuesta Diseño web
Propuesta Diseño webPropuesta Diseño web
Propuesta Diseño web
 
Introducción
IntroducciónIntroducción
Introducción
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
CARITASLAC
CARITASLACCARITASLAC
CARITASLAC
 
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
 

Plus de Juan David Saab

Plus de Juan David Saab (9)

De la usabilidad a los usuarios
De la usabilidad a los usuariosDe la usabilidad a los usuarios
De la usabilidad a los usuarios
 
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De UsuarioEscribir Para La Web, Una Mirada desde la Experiencia De Usuario
Escribir Para La Web, Una Mirada desde la Experiencia De Usuario
 
UX en aplicaciones de Social Media
UX en aplicaciones de Social MediaUX en aplicaciones de Social Media
UX en aplicaciones de Social Media
 
Usabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razónUsabilidad web, porque el cliente NO siempre tiene la razón
Usabilidad web, porque el cliente NO siempre tiene la razón
 
4 Principios de un Diseño Usable
4 Principios de un Diseño Usable4 Principios de un Diseño Usable
4 Principios de un Diseño Usable
 
Benchmarking Y Aporte A La Usabilidad
Benchmarking Y Aporte A La UsabilidadBenchmarking Y Aporte A La Usabilidad
Benchmarking Y Aporte A La Usabilidad
 
Razones para usar Drupal como plataforma de gestión de contenidos
Razones para usar Drupal como plataforma de gestión de contenidosRazones para usar Drupal como plataforma de gestión de contenidos
Razones para usar Drupal como plataforma de gestión de contenidos
 
Curso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - IntroducciónCurso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
 
Worklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la redWorklogs Para La Web - Ampliando las fronteras del Modding en la red
Worklogs Para La Web - Ampliando las fronteras del Modding en la red
 

Dernier

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
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Dernier (11)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
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
 
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
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 

Documento Guía; Porque un sitio web no debe comenzar por el diseño gráfico

  • 1. Documento Guía “Porque un sitio web no debe comenzar por el diseño gráfico” Juan David Saab Arquitecto de Infomación El Documento Guía es la base de la Arquitectura de la Información, y el norte de un proyecto web…
  • 2. El Documento Guía es la base de la Arquitectura de la Información, y el norte de un proyecto web…
  • 4. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué?  Porque es una directriz para el resto del proyecto  Porque es ”económico”  Porque justifica el trabajo de diseño  Porque evita problemas con el cliente
  • 6. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión Cliente Usuarios • Usuarios • Motivaciones de los usuarios • Inventario de ideas
  • 7. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios Conocer la historia y • Inventario de ideas trayectoria del proyecto, para plantear una solución adecuada
  • 8. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios Plantear claramente los • Inventario de ideas objetivos del sitio, ¿qué espera el cliente?
  • 9. ¿Porqué Hacerlo? Cómo hacerlo ¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios La objetivos de conversión • Inventario de ideas permitirán medir la efectividad del sitio
  • 10. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios Plantear los diferentes • Inventario de ideas perfiles o tipos de usuario a los que apunta el sitio.
  • 11. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios Identificar lo que buscará • Inventario de ideas el usuario y lo motivará a visitar nuestro sitio
  • 12. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? • Antecedentes • Objetivos del sitio • Objetivos de conversión • Usuarios • Motivaciones de los usuarios Escuchar las ideas del • Inventario de ideas cliente y los involucrados en el proyecto.
  • 14. ¿Porqué Hacerlo? ¿Cómo hacerlo?¿Y después qué? Continuar con la arquitectura de Información…  Benchmarking  Inventario de Contenidos  Personajes y Escenarios  Tagline  SEO y SEM  Blueprints (Mapas de navegación)  Wireframes
  • 15. ¡Gracias! @juansaab Juan David Saab juansaabvanegas@gmail.com Skype: juan.saab Visita: http://usabilidadaldia.com