Community Trust Index
Una medida de la confianza comunitaria estaba en una hoja de cálculo que solo podían leer los investigadores. Diseñamos y construimos su sitio desde cero, con un mapa mundial, un mismo diseño de página para todos los países y cuatro idiomas.
- Tipo
- Plataforma de investigación
- Year
- 2024
- Alcance
- Diseño del sitio web, desarrollo en WordPress, mapa interactivo y páginas de datos por país
- Idiomas
- Inglés, francés, español y portugués
- Sitio en línea
- trust.communityengagementhub.org ↗
Sitio nuevo y wireframes
Sitio nuevo · Inicio
Sitio nuevo · Países
Wireframe detallado
Wireframe básico- Informes de país en el sitio, frente a al menos cinco páginas en agosto de 2024, todos con el mismo diseño de página
- 14
- Tipos de estudio, Institutional y Early Warning, que comparten una página para que cada país permanezca en un solo lugar
- 2
- Idiomas, para que los resultados lleguen a los equipos que no trabajan en inglés
- 4
Cómo surgió
La confianza determina si las personas actúan según lo que les dicen las organizaciones humanitarias. El Community Trust Index mide esa confianza. Lo desarrolló la unidad de Participación Comunitaria y Rendición de Cuentas de la IFRC como una herramienta basada en evidencia para las organizaciones y las comunidades a las que sirven.
A principios de 2024, los resultados se registraban en una hoja de cálculo. Eso funcionaba para el equipo de investigación y para nadie más. Las Sociedades Nacionales realizan la encuesta, pero los equipos de programas y los responsables deben leer los resultados y actuar en consecuencia, y una hoja de cálculo no permite hacerlo.
El Índice necesitaba un sitio propio, así que diseñamos y construimos uno desde cero.
La investigación
La estructura del sitio procede del método que debe explicar. Antes de dibujar una página, teníamos que entender cómo se obtiene una puntuación de confianza y quién la lee.
Cómo funciona la puntuación
Las respuestas a varias preguntas de la encuesta se convierten a una escala común de 1 a 10, en la que 10 es la máxima confianza. Las respuestas “Don’t know” se dejan fuera para que no afecten al resultado. Después, las áreas de preguntas se combinan en una sola cifra, en la que los aspectos más centrales de la confianza tienen más peso. Por eso el sitio tiene que mostrar esa cifra única y también lo que hay detrás de ella.
Por qué una sola cifra no basta
La confianza se mide a través de competencias y valores, así que una página no puede quedarse en una puntuación. El lector tiene que ver qué parte de la confianza es fuerte y cuál es débil.
Por qué los países necesitan más de un estudio
Algunos países miden la confianza en la institución. Otros miden la confianza en los sistemas de alerta temprana, en cuatro pilares que van del conocimiento del riesgo a la respuesta. Un país puede tener ambos, así que la página tenía que dar cabida a más de un estudio.
Por qué importa el tiempo
Las encuestas se repiten, así que un país necesita más de un año en una página y una forma de ver el cambio entre ellos.
El diseño
El diseño debía hacer dos cosas: que un método de investigación se pudiera leer y que quedara claro que esta herramienta pertenece al movimiento que la usa.
Por qué el mapa va primero
Lo primero que se pregunta un lector es si su país está ahí, y lo primero que debe demostrar un índice mundial es su alcance. La página de países sigue el orden que el informático Ben Shneiderman expuso en 1996 para leer grandes conjuntos de información: primero la visión general, después acercar y filtrar, y luego los detalles a petición. El mapa da la visión general, el filtro la reduce a un tipo de estudio y cada página de país contiene el detalle. En un teléfono, un mapa mundial se reduce tanto que deja de ser útil, por lo que la página empieza con la lista de informes.
Por qué todos los países usan la misma página
Resumen, conclusiones clave, puntuación general y luego el detalle, siempre en ese orden. El trabajo de Edward Tufte sobre los diseños repetidos explica por qué: cuando la disposición se mantiene constante, los lectores dejan de aprender la página y empiezan a fijarse en los datos. Quien ha leído Zambia puede leer Nepal, y las diferencias que ve son diferencias de confianza, no de diseño.
Por qué un selector y no una segunda página
Nepal tiene un estudio Institutional y otro Early Warning. Un selector sencillo permite pasar de uno a otro, con pestañas para cada año y para las tendencias, de modo que un país permanece en un solo lugar a medida que crece su evidencia.
Por qué azul marino y rojo
Los colores alinean el Índice con la Cruz Roja y la IFRC, de modo que los lectores del movimiento lo reconocen como propio. El rojo se reserva para el énfasis: las palabras clave de un título y los marcadores del mapa. El azul marino sobre blanco alcanza un contraste de 14,6 a 1 y el texto principal de 5,6 a 1, ambos muy por encima del 4,5 a 1 que piden las WCAG AA. El rojo alcanza 4,1 a 1, lo que cumple el 3 a 1 del texto grande, por lo que se queda en los títulos grandes y nunca lleva texto principal.
Por qué las personas van primero, en una forma suave
La página de inicio se abre con una persona, no con un gráfico, porque la confianza tiene que ver con las personas. La fotografía se sitúa en un arco, no en un recuadro rígido. En un estudio de 2006, Moshe Bar y Maital Neta observaron que las personas prefieren los objetos curvos a los de ángulos agudos, lo que encaja con una página sobre la confianza.
La redacción
Las conclusiones se redactaron con el equipo de investigación, en parte a partir de los datos de las hojas de cálculo.
Por qué las conclusiones son frases
Son afirmaciones, no etiquetas de gráficos: “Transparency is the clear trust gap” y “Receiving support does not automatically translate into high trust”. Un responsable puede repetir una frase así en una reunión, y un lector que solo hojea la página se lleva igualmente la conclusión.
Por qué el sitio nombra a sus lectores
La página de inicio se dirige directamente a dos grupos: “For programs & operations” y “For leadership”. Cada uno puede encontrar lo que le corresponde sin leer antes el método.
El desarrollo
Construir un tema a medida
El sitio funciona con un tema de WordPress a medida, no con una plantilla. Un mapa, datos de países y módulos son demasiado específicos para un tema comprado ya hecho.
Mantener el contenido en formularios estructurados
Los países, los módulos y las conclusiones se introducen en campos, no en diseños de página, de modo que cada nuevo informe adopta la misma forma sin trabajo de diseño.
Leer la hoja de cálculo que ya existe
La hoja de cálculo de Google del equipo de investigación ya contenía todos los datos, así que los gráficos se leen directamente de ella. No hubo que reconstruir nada ni introducirlo dos veces, lo que mantuvo bajo el costo.
Dibujar el mapa a partir de datos geográficos
Cada país del mapa tiene un marcador y un enlace a su página, de modo que el mapa funciona como la principal vía de acceso al sitio.
El resultado
El sitio creció sin necesidad de un rediseño. Una copia pública archivada muestra al menos cinco páginas de país en agosto de 2024. Hoy hay 14 informes de país y 17 países en el contador.
Está en uso activo: siete de los 14 informes tienen fecha de entre noviembre de 2025 y junio de 2026, de Eslovaquia a Madagascar. Early Warning se sumó a Institutional con la misma estructura de página, y Nepal ahora incluye ambos.
La evidencia que lo respalda es amplia y específica. En Nepal, 5309 personas participaron en la encuesta Early Warning, y 4958 se incluyeron en el análisis.
Qué aprendimos
- Use lo que ya existe. Leer la propia hoja de cálculo del equipo ahorró dinero y permitió a los investigadores seguir trabajando con una herramienta que conocían.
- Conserve una copia de todo aquello de lo que dependa. Un sitio que lee un archivo externo hereda los riesgos de ese archivo. En el próximo desarrollo, el sitio conservaría su propia copia periódica de los datos.
- Diseñe para el próximo estudio, no para este. Una página construida en torno a un estudio habría tenido que reconstruirse. Una página construida en torno a un país admitió un segundo estudio sin problemas.
Normas cumplidas
- Contraste del texto
- Calculado a partir de los propios colores del sitio: azul marino sobre blanco 14,6 a 1, texto principal 5,6 a 1 y rojo 4,1 a 1, usado solo para texto grande.
- Idiomas
- Inglés, francés, español y portugués.
- Edición
- Los países, los estudios y las conclusiones se introducen en formularios de un tema de WordPress a medida.
- Puntuaciones automatizadas
- No consta ninguna. El cortafuegos del sitio bloquea las herramientas de prueba automatizadas.
Fuentes
- Shneiderman, The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations, IEEE Symposium on Visual Languages, 1996
- Tufte, Envisioning Information, Graphics Press, 1990
- Bar and Neta, Humans prefer curved visual objects, Psychological Science 17(8), 2006
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, 2023
Equipo
- Dirección del proyecto
- Matthew Bowman
- Equipo del cliente
- IFRC Community Engagement Hub
Qué podría incorporar esta plataforma a continuación
Qué demuestra esto
Usamos lo que ya funciona.
La hoja de cálculo del equipo de investigación ya contenía los datos, así que el sitio los lee directamente y no se reconstruyó nada.
Diseñamos para lo que viene después.
Un solo diseño de página admitió un segundo tipo de estudio y ahora incluye 14 informes de país.
Convertimos las cifras en frases.
Cada página de país dice en palabras sencillas qué significan los resultados, con textos redactados junto al equipo de investigación.
Contacto
Envíenos el pliego de requisitos.
Basta con un pliego de requisitos aproximado o unos términos de referencia. Matthew Bowman responde el mismo día hábil, y en un plazo de cinco días hábiles recibirá una propuesta con honorarios fijos.