CARITASLAC
Upcoming SlideShare
Loading in...5
×
 

CARITASLAC

on

  • 492 views

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

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

Statistics

Views

Total Views
492
Slideshare-icon Views on SlideShare
492
Embed Views
0

Actions

Likes
1
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    CARITASLAC CARITASLAC Presentation Transcript

    • 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 - Fotografía agenciacreativa.mx facebook.com/amasbmx twitter.com/amasbmx
    • ¿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?
    • ¿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
    • 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 y escritura para web5.- Programación6.- Diseño Gráfico y Comunicación Visual
    • 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
    • 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.
    • 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.
    • 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
    • Usuarios Definición de
    • Target 1Target 2Target 3
    • Target 1Personal de Cáritas, directores, responsables de pastoral social,dirigentes de otras pastorales, Cáritas Internationalis, etc.Target 2Target 3
    • 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
    • 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.
    • 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
    • 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 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.
    • 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.
    • 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
    • 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 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
    • Eye tracking
    • Eye tracking
    • Propuesta de landing page
    • 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
    • Requerimientos de contenido: - Texto - Video - Audio - Infografías - White papers - Gráficas - Ilustraciones - Fotos
    • Requerimientos de contenido: ¿Con qué contenido se cuenta? ¿Cual se debe modificar? ¿Cuál se debe eliminar? ¿Cuándo debe quedar listo?
    • 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á?
    • 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
    • Buenas prácticas:En estructura:Facilitar el escaneoTextos modulares (Paginación, leer +)Tamaño de letra, contraste con el fondoUso de negritas, viñetas
    • 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
    • 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
    • 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
    • Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos, servicios o información sobre untema específico.
    • Palabras clave (posicionamiento)Son las palabras o frases que el usuarioescribe en los buscadores para encontrarproductos, servicios o información sobre untema específico.
    • 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
    • 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
    • EjercicioEn una hoja cada persona debe hacerunalista de 20 palabras clave y 10 frases quedefinan el sitio y el tema del sitio web.
    • 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
    • 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
    • Visual
    • ¡GRACIAS! agenciacreativa.mx facebook.com/amasbmx twitter.com/amasbmx