1. Arquitectura de Información
para Websites Ciudadanos
por Eduardo Aguayo A. - @aguayoki
Webinar @ModernizacionCL
20 de abril de 2012

2. ¿De qué estamos hablando?
● Arquitectura de Información como tal, es decir, la organización y
etiquetado de contenidos en pro de la Usabilidad de un website (o
sistema, ya saben).
● Usabilidad, o la facilidad de uso y adopción de un objeto como tal, en
este caso un website.
● Ambas disciplinas nos llevan a la madre del cordero: la Experiencia de
Usuario (y todo lo que conlleva!)
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 2/15

3. Experiencia de Usuario et al.
Diagrama: KickerStudio.com
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 3/15

4. Lo que usualmente hacemos
● Para diseñar una buena Experiencia de Usuario en un website, se utilizan
múltiples instrumentos y metodologías:
Posibilidades
y Limitaciones
Tecnológicas
Observación
Encuestas Participante
Análisis
Heurístico Card
Sorting
"Personas" y
"Escenarios"
Testeo de
Usuarios
Entrevistas
Barón Jakob von Nielsen, padre de la Usabilidad.
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 4/15

5. El caso de un Website Ciudadano
● Los potenciales usuarios son "La Ciudadanía" = TODOS
● Perfiles ("Personas") y Casos de Uso ("Escenarios") deben abarcar un
número un tanto elevado de situaciones
● Alta disponibilidad de contenidos para usuarios con dificultades
intrínsecas, como la ceguera o visión deficiente
● Las tecnologías a utilizar deben ser acordes a lo que posee la ciudadanía
● Los contenidos deben respetar el lenguaje y las normas legales del
gobierno...
● ...y al mismo tiempo ser coherentes para usuarios con niveles dispares de
alfabetización, comprensión lectora y Habilidades Informacionales (HI) en
general
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 5/15

6. So...
Oh! Y ahora,
quién podrá
"arquitectarme"?
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 6/15

7. Cómo se resuelve
Instrumentos y Metodologías válidos:
● Conocer in situ las formas de operar de los ciudadanos: Observación
Participante para un buen Diseño de Interacción (IxD)
● Entrevistas a funcionarios públicos, a fin de conocer la forma en que
habitualmente operan con la ciudadanía
● Card Sorting con usuarios y funcionarios públicos; son quienes mejor
conocen el lenguaje común del servicio
● Desarrollo de vocabularios controlados o tesauros, considerando los
términos de uso general por la población
● Evaluación experta, contrastando tus resultados con el mayor número de
profesionales (de distintas procedencias) posible
● Tests de Usuario, utilizando herramientas de captura de pantalla
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 7/15

8. Cómo se resuelve
Rótulos y Navegación:
● Lenguaje simple, directo. Privilegiar el tú a tú
● Simplificación de los términos legales al máximo, confiando en que los
documentos en lenguaje formal sean accesibles en todo momento
● Preferir rótulos directos, enfocados al llamado a la acción
● No abundar en las opciones de navegación, preferir en cambio acciones
específicas orientadas a los principales perfiles de usuarios
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 8/15

9. Cómo se resuelve
Diseño de Información:
● Orientar la navegación a la búsqueda, con contenido indexado por
contenido, relevancia y metadatos basados en los tesauros realizados
● No descartar la utilización de directorios altamente jerarquizados: los
usuarios no siempre saben qué buscar, pero sí qué encontrar
● Privilegiar las interfaces simples en las portadas y portadillas: los
visitantes primerizos requieren orientación y opciones concretas
● No abusar de esquemas sofisticados de navegación, como sliders,
carruseles u otros elementos típicamente publicitarios, que sólo
producen confusión a los menos experimentados
● Siempre considerar las limitaciones visuales, técnicas e
informacionales de los usuarios. Oh sí, habrá, y muchas.
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 9/15

10. Cómo se resuelve
Tecnología:
● Diseñar y desarrollar pensando en el futuro. La escalabilidad es lo más
importante
● Considerar el acceso a la tecnología de los usuarios según la población
objetivo del website
● No temer al desarrollo para dispositivos móviles, menos aún cuando la
situación tiende a situarlo como el principal medio de acceso a internet
● Evitar el uso de tecnologías específicas, privativas o de alto consumo de
memoria. Los adornos deben ser eso: sólo adornos
● Siempre disponer de una versión en texto plano y/o para imprimir
● Y como siempre: degradar, y con la mayor gracia del mundo
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 10/15

11. El caso del Reino Unido
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 11/15

12. El caso del Reino Unido
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 12/15

13. El caso de Chile
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 13/15

14. El caso de Chile
Arquitectura de Información para Websites Ciudadanos Eduardo Aguayo | @aguayoki | 14/15

15. Gracias! =)
¿Dudas, consultas, reclamos, trolleos?
Diríjase a Eduardo Aguayo A., vía
Twitter (@aguayoki) o email corriente,
sin certificar (eduardo@aguayoki.cl).
Lea ésta y otras brujerías en
http://www.aguayoki.cl/.
Arquitectura de Información para Websites Ciudadanos
Webinar @ModernizacionCL
20 de abril de 2012