0
ProyectoDiseño y desarrollo del sitio web de  Cáritas Latinoamérica y el Caribe                     www.caritaslac.org
Diseño Web - Estrategia y Marketing digital - Social MediaDiseño Gráfico - Diseño editorial - Identidad corporativa - Foto...
¿Cuál es el propósito del sitio web?Si se pudiera generar una sola frase para determinar el propósito de unsitio web, ¿cuá...
¿Cuál es el propósito del sitio web?Si se pudiera generar una sola frase para determinar el propósito de unsitio web, ¿cuá...
Simple:El propósito de un sitio web esgenerar respuesta,manifestada en algún tipo deacción del visitante
¿Cómo logramos generar respuesta?:
¿Cómo logramos generar respuesta?:     DISEÑO CENTRADO       EN EL USUARIO
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Análisis y brie ng- No hay claridad de cómo se ha trabajado el sitio web,- Se contaba un equipo de trabajo con coordinació...
Objetivos  Desarrollar un sitio web centrado en el  usuario que permita establecer una  proyección clara del trabajo que s...
Objetivos  • Tener presencia en internet  • Informar públicamente sobre el ser y quehacer de Cáritas  • Facilitar la coord...
Usuarios Definición de
Target 1Target 2Target 3
Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internati...
Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internati...
Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internati...
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Arquitectura dela información
Card sorting
Card sortingCard ¿Qué?
Card sortingPara realizar una organización de categorías centrada en el usuario, utilizaremos latécnica denominada card so...
Card sortingObjetivo: agrupar las categorías libremente en el número de secciones que creaque corresponde- No es una prueb...
Diseño de información- Estructura de los documentos- Como se despliega la información en cada página- Navegación- Localiza...
Eye tracking¿Cómo lee un usuario en internet?
Eye trackingEyetrack 2010 y nuevo estudio en febrero del 2011 por otros investigadores- El 53% escanea la información y el...
Eye tracking
Eye tracking
Propuesta de landing page
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Requerimientos de contenido:         - Texto         - Video         - Audio         - Infografías         - White papers ...
Requerimientos de contenido:         ¿Con qué contenido se cuenta?         ¿Cual se debe modificar?         ¿Cuál se debe ...
Requerimientos de contenido:         ¿Con qué contenido se cuenta?         ¿Cual se debe modificar?         ¿Cuál se debe ...
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Buenas prácticas:En estructura:Facilitar el escaneoTextos modulares (Paginación, leer +)Tamaño de letra, contraste con el ...
Buenas prácticas:En el estilo de comunicación (textos usables)Titulación descriptiva.Lenguaje sencillo y claro.Estilo adec...
Buenas prácticas:En posicionamientoInvestigación de keywords y uso oportuno en títulos, textos e imágenesLinkeo dentro del...
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos,...
Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos,...
Palabras clave (posicionamiento)Son una herramienta fundamental en la re-dacción de contenido, pero deben estarcuidadosame...
Palabras clave (posicionamiento)Son una herramienta fundamental en la re-dacción de contenido, pero deben estarcuidadosame...
EjercicioEn una hoja cada persona debe hacerunalista de 20 palabras clave y 10 frases quedefinan el sitio y el tema del si...
Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad ...
Visual         - La parte gráfica, estética, colores, tipografía, imagenes,         gradientes         - Lo que ve el usua...
Visual
¡GRACIAS!         agenciacreativa.mx    facebook.com/amasbmx       twitter.com/amasbmx
Upcoming SlideShare
Loading in...5
×

CARITASLAC

321

Published on

Presentación sobre el diseño y desarrollo del sitio web de Cáritas Latinoamériica y el Caribe

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
321
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "CARITASLAC"

  1. 1. ProyectoDiseño y desarrollo del sitio web de Cáritas Latinoamérica y el Caribe www.caritaslac.org
  2. 2. Diseño Web - Estrategia y Marketing digital - Social MediaDiseño Gráfico - Diseño editorial - Identidad corporativa - Fotografía agenciacreativa.mx facebook.com/amasbmx twitter.com/amasbmx
  3. 3. ¿Cuál es el propósito del sitio web?Si se pudiera generar una sola frase para determinar el propósito de unsitio web, ¿cuál sería?
  4. 4. ¿Cuál es el propósito del sitio web?Si se pudiera generar una sola frase para determinar el propósito de unsitio web, ¿cuál sería?- vender- generar suscriptores- generar prospectos a un producto o servicio- convencer acerca de cierto tema- generar llamadas o comunicaciones
  5. 5. Simple:El propósito de un sitio web esgenerar respuesta,manifestada en algún tipo deacción del visitante
  6. 6. ¿Cómo logramos generar respuesta?:
  7. 7. ¿Cómo logramos generar respuesta?: DISEÑO CENTRADO EN EL USUARIO
  8. 8. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  9. 9. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  10. 10. Análisis y brie ng- No hay claridad de cómo se ha trabajado el sitio web,- Se contaba un equipo de trabajo con coordinación regional en Argentina- Se elaboro una intranet que tuvo poco uso, era poco amigable para el usuario.- La idea del intranet era tener un sitio para ver experiencias, materiales, documentos, memorias deencuentros, talleres, publicaciones.- Había mucha dificultad en la promoción.- Se necesitaba cumplir la inquietud de reuniones via electrónica, o compartir documentos especia-les para usuarios registrados.- Se busco tener una especie de documentos colaborativos trabajados en línea hasta que se lle-gase al documento definitivo.
  11. 11. Objetivos Desarrollar un sitio web centrado en el usuario que permita establecer una proyección clara del trabajo que se lleva a cabo en Cáritas Latinoamérica y el Caribe, así como la labor de cada uno de los países que conforman esta región.
  12. 12. Objetivos • Tener presencia en internet • Informar públicamente sobre el ser y quehacer de Cáritas • Facilitar la coordinación y la comunicación entre regiones • Compartir documentos y materiales para reproducir • Maximizar el tamaño de audiencia para llevar el mensaje a un mayor numero de personas • Compartir agendas de cada región
  13. 13. Usuarios Definición de
  14. 14. Target 1Target 2Target 3
  15. 15. Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internationalis, etc.Target 2Target 3
  16. 16. Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internationalis, etc.Target 2Publico en general interesado en el tema social, de pastoral, deorganizaciones sociales, comunidad parroquial, etc.Target 3
  17. 17. Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internationalis, etc.Target 2Publico en general interesado en el tema social, de pastoral, deorganizaciones sociales, comunidad parroquial, etc.Target 3Público en general que este navegando en internet.
  18. 18. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  19. 19. Arquitectura dela información
  20. 20. Card sorting
  21. 21. Card sortingCard ¿Qué?
  22. 22. Card sortingPara realizar una organización de categorías centrada en el usuario, utilizaremos latécnica denominada card sorting u ordenación de tarjetas.Se basa en la observación de cómo los usuarios agrupan y asocian entre sí unnúmero predeterminado de tarjetas etiquetadas con las diferentes categorías temáti-cas del sitio web.De esta forma, partiendo del comportamiento de los propios usuarios, es posibleorganizar y clasificar la información de un sitio web conforme a su modelomental.
  23. 23. Card sortingObjetivo: agrupar las categorías libremente en el número de secciones que creaque corresponde- No es una prueba o evaluación de conocimientos- Criterio de agrupación: por similitud con su sección- Si lo desea se pueden proponer categorías nuevas.
  24. 24. Diseño de información- Estructura de los documentos- Como se despliega la información en cada página- Navegación- Localización de los botones, fotos, bloques de texto ligero- Mockups/Esquemas
  25. 25. Eye tracking¿Cómo lee un usuario en internet?
  26. 26. Eye trackingEyetrack 2010 y nuevo estudio en febrero del 2011 por otros investigadores- El 53% escanea la información y el 47% es lector más metódico.- Lectura web es más profunda que la de información impresa.- La lectura promedio en una web es del 20% de la información escrita- Los usuarios leen el 28% de las palabras si dedican el 100% de tiempo a la lectura.Fuente: useit.com
  27. 27. Eye tracking
  28. 28. Eye tracking
  29. 29. Propuesta de landing page
  30. 30. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  31. 31. Requerimientos de contenido: - Texto - Video - Audio - Infografías - White papers - Gráficas - Ilustraciones - Fotos
  32. 32. Requerimientos de contenido: ¿Con qué contenido se cuenta? ¿Cual se debe modificar? ¿Cuál se debe eliminar? ¿Cuándo debe quedar listo?
  33. 33. Requerimientos de contenido: ¿Con qué contenido se cuenta? ¿Cual se debe modificar? ¿Cuál se debe eliminar? ¿Cuándo debe quedar listo? ¿Quién lo hará?
  34. 34. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  35. 35. Buenas prácticas:En estructura:Facilitar el escaneoTextos modulares (Paginación, leer +)Tamaño de letra, contraste con el fondoUso de negritas, viñetas
  36. 36. Buenas prácticas:En el estilo de comunicación (textos usables)Titulación descriptiva.Lenguaje sencillo y claro.Estilo adecuado al publico al que nos dirigimos: formal, coloquial, etc
  37. 37. Buenas prácticas:En posicionamientoInvestigación de keywords y uso oportuno en títulos, textos e imágenesLinkeo dentro del texto, evitar la url completa.Enlaces descriptivos, uso de anchor text
  38. 38. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  39. 39. Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos, servicios o información sobre untema específico.
  40. 40. Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos, servicios o información sobre untema específico.
  41. 41. Palabras clave (posicionamiento)Son una herramienta fundamental en la re-dacción de contenido, pero deben estarcuidadosamente enfocadas y relacionadasal tema específico. Deben definir el tema delsitio web
  42. 42. Palabras clave (posicionamiento)Son una herramienta fundamental en la re-dacción de contenido, pero deben estarcuidadosamente enfocadas y relacionadasal tema específico. Deben definir el tema delsitio web
  43. 43. EjercicioEn una hoja cada persona debe hacerunalista de 20 palabras clave y 10 frases quedefinan el sitio y el tema del sitio web.
  44. 44. Proceso:1.- Análisis, briefing y objetivos2.- Arquitectura de la información3.- Requerimientos de contenido4.- Usabilidad y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
  45. 45. Visual - La parte gráfica, estética, colores, tipografía, imagenes, gradientes - Lo que ve el usuario - Se busca unidad - Genera confianza y experiencia agradable - Esta al final de todo el proceso
  46. 46. Visual
  47. 47. ¡GRACIAS! agenciacreativa.mx facebook.com/amasbmx twitter.com/amasbmx
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×