2012-09-19 / The Work Department
Esto ha estado en construcción durante meses, ¡y estamos muy contentos de compartirlo con el público! Está destinado a ser el hogar en línea para el proyecto Commotion — conectando a ambos, desarrolladores y usuarios, con las herramientas de redes mesh. Hemos estado trabajando con el Open Technology Institute (OTI) y la comunidad Commotion de desarrolladores por más de un año y esto marca un hito importante en nuestra relación de colaboración. Muchos pasos nos han traído a este punto y muchas mentes han contribuido a este proceso. Nos gustaría compartir estos pasos claves contigo. Creando la identidad de la marca En mayo terminamos la identidad de la marca para Commotion, que ha informado todo nuestro trabajo hasta la fecha. La identidad versátil y accesible (un conjunto completo de logos, tipografías, colores, normas de uso y lenguaje) fue creado para su uso en múltiples entornos — en línea, impresos, en teléfonos móviles y en software. Es importante para nosotros que la gente experimente la identidad Commotion constantemente, sin importar la forma en la que interactúen con el proyecto. Por lo tanto, para aquellos que han estado siguiendo Commotion, el aspecto y el estilo de este sitio web no debe ser ninguna sorpresa. Se adhiere bien a la identidad de la marca y nos da la oportunidad de demostrar cómo implementar la identidad y ampliar la paleta visual — de una forma muy pública y lista para usar. Conduciendo investigaciones con los usuarios Incluimos la investigación del usuario en nuestro proceso de planificación y diseño siempre que sea posible, ya que es esencial para saber lo que los usuarios reales y la comunidad circundante están pensando. En las primeras etapas del proyecto, realizamos encuestas simples entre la comunidad Commotion. Más adelante en el proceso llevamos a cabo entrevistas con cuatro usuarios que estaban trabajando con redes mesh comunitarias utilizados como testbeds para Commotion. Esta investigación arrojó cierta luz de lo que la gente pensaba de Commotion, cómo los usuarios realmente experimentaron sus primeras herramientas de software, y a qué problemas comunes se enfrentan los usuarios. Este nuevo conocimiento nos indicó cómo organizar el sitio para hablar con dos grandes audiencias: desarrolladores y usuarios finales del software. Soñando con interfaces de usuarios Pasamos tiempo haciendo prototipos de interfaces de usuario y desarrollando directrices de Interfaz Humana (que son un conjunto de recomendaciones para los desarrolladores) con el aporte útil de muchas personas en la comunidad Commotion. Esto nos ayudó a construir un marco visual para la experiencia del usuario de Commotion y comenzar a establecer algunas normas sobre cómo funcionarán las herramientas a través de múltiples plataformas. Hemos establecido lenguajes visuales (descriptivo, acción, aprendizaje, advertencia, e idiomas en progreso) que se llevan a cabo en este sitio web. Al interactuar con otros desarrolladores y diseñadores durante esta etapa de “sueños”, hemos incorporado más ideas y eventualmente nos hemos decidido por las Guías de Interfaz Humana que cumplen con las necesidades de la comunidad. Investigando otras comunidades Hay muchos proyectos de software de código abierto exitosos afuera, y era importante echar un vistazo a sus estructuras para que pudiéramos aprender de los demás y descubrir lo que podríamos mejorar. Hemos producido un breve informe sobre cuatro comunidades de software de código abierto diferentes, que está disponible here. Comparamos la documentación, apoyo, seguimiento de problemas, y los sistemas de gobierno, entre otros, para cada comunidad. Esta investigación proporcionó una buena visión general de los sistemas que estaban disponibles y ampliamente utilizados. Informó sobre cómo estructurar este sitio, especialmente la página principal. Realizando bocetos de diseños Comenzamos nuestro proceso de diseño del sitio web mediante la creación de un mapa del sitio y un conjunto de wireframes para delinear la estructura de navegación y el contenido. Pasamos por varias versiones (en el transcurso de algunas semanas), basado en la retroalimentación de los desarrolladores Commotion y miembros del personal de OTI. Una vez que esto se había completado, comenzamos haciendo bocetos de diseño de la página principal y algunas páginas interiores. Pasamos por un proceso de revisión similar con OTI y creamos varias versiones antes de llegar a la final que es el sitio que puedes ver hoy en día. La página principal es la manera en la que invitamos a dos audiencias diferentes a descubrir qué es relevante para ellas — nuevos visitantes y visitantes recurrentes. Debido a que Commotion es un proyecto tan joven y debido a que el público tiene poca experiencia con redes mesh, queríamos crear una introducción fácil del proyecto y al mismo tiempo permitir a los visitantes recurrentes acceder al menú principal de navegación. Los detalles Este sitio corre en Drupal y el tema base es Omega. Se adapta al tamaño del navegador (¡intenta cambiar el tamaño de tu navegador!), y ha sido construido con la accesibilidad visual en la mente (con suficiente contraste y sin depender de un código de colores). Hace uso frecuente del Contexto, los medios de comunicación, paneles, Wikitools, y módulos de libros en Drupal. Usando los roles básicos de Drupal, distintas áreas del sitio se editarán eventualmente por diferentes equipos o miembros del staff mientras la comunidad Commotion evoluciona. Los líderes de equipos tendrán acceso a áreas específicas del sitio de las que sean responsables. Y, las entradas de blogs son bienvenidas de cualquiera que esté trabajando en la comunidad Commotion. De hecho, si tienes algo sobre lo que te gustaría escribir, contáctanos! ¡Gracias a todos los que han participado en este proceso de diseño! Esperamos con ansias una vibrante comunidad en línea que ayude a los recién llegados a probar y comprender la creación de las redes mesh. Por favor comparte tu retroalimentación sobre el nuevo sitio enviando un comentario más abajo.