Contributing to a modern administration UI for Drupal

En Ymbra hemos sido siempre partidarios de devolver el máximo posible a la comunidad y por eso hemos estado involucrados en ella desde el principio con la participación en las asociaciones de Drupal catalana y española, organizando y patrocinando eventos, contribuyendo código y haciendo charlas... Pero esta vez queremos ir un paso más allá: Ymbra me va a dar la oportunidad de invertir la mayor parte de mi jornada durante los próximos meses a la iniciativa del re-diseño de la nueva administración de Drupal.

Los orígenes

La conversación para la mejora de la interfaz de usuario de la administración (Admin UI) de Drupal lleva dándose desde hace un tiempo, y durante el DrupalCon del año pasado en Viena se celebraron varios BoF al respecto. Paralelamente, se tomó una decisión importante: Drupal usará React para construir la Admin UI. Durante la última Driesnote en Nashville se anunció oficialmente una nueva iniciativa para rediseñar la Admin UI de Drupal y los dos grupos hemos estado trabajando juntos desde entonces. Como resultado de esta colaboración, y durante los sprints del Frontend United, se decidió fusionar las dos iniciativas bajo el mismo paraguas creando así la nueva Iniciativa para la Admin UI & Modernización de JavaScript Modernization, que será coordinada por Sally Young, Matt Grill, Angie Byron y yo misma.

Esta iniciativa es de una gran importancia estratégica porque tiene como objetivo final crear una experiencia de edición de contenidos completamente nueva y que pueda competir con las nuevas soluciones que están surgiendo en el mercado, como lo que ofrece WordPress con Gutenberg. Esto requerirá de una gran dedicación para que se haga realidad lo antes posible y que Drupal siga siendo competitivo. Por lo tanto no será suficiente con alguna persona dedicando algo de tiempo de voluntariado a la semana.

Qué se va a hacer

Esta iniciativa tiene cuatro grandes áreas de momento:

  • El desarrollo de la nueva interfaz de usuario de administración con JavaScript empezó hace ya un tiempo y el foco principal está ahora en la página del listado de contenido.
  • La investigación y los tests de usuario tendrán varios pasos. De momento se ha preparado una encuesta en línea para responder a algunas preguntas clave y reunir a los participantes interesados ​​en ayudar en futuras fases, como una fase de card sorting para trabajar la Arquitectura de la Información de la interfaz de administración (trabajaremos junto con ifrik y rachel_norfolk).
  • Por el lado del diseño, el objetivo es definir un nuevo Sistema de Diseño que servirá de base para cualquier tecnología utilizada para crear una UI de administración de Drupal. De momento se utilizará para el restyling de Seven y la nueva interfaz de usuario creada con React.
  • El restyling de Seven consistirá en implementar el nuevo Sistema de Diseño en la interfaz de administración actual para que la integración con las partes de JavaScript sea más fácil..

The 4 main areas of the Initiative: Javascript UI, Design System, Research and Seven restyling.

Quién lo hará y cómo involucrarse

Para llegar hasta donde estamos hoy hemos estado trabajando y planificando durante unos mesescon Roy Scholten. Para el Sistema de diseño, por ejemplo, estamos trabajando con Roy, Archita Arora, Lewis Nyman y Antonella Severo usando Figma como la herramienta principal para facilitar la colaboración y centralizar el trabajo y Trello para coordinarlo.

Para la parte de investigación de usuarios estamos trabajando con un grupo de expertos con los que pretendemos definir y testear las mejoras que vamos a ir introduciendo en la nueva UI. También estamos trabajando con Roy y Antonella, y con Michelle Jackson, Sarah Lowe y Suzanne Dergacheva.

El trabajo realizado para el restyling de Seven acaba de empezar en el canal #admin-ui de Slack , donde hemos comenzado a trabajar con los primeros componentes diseñados con un clon de Seven.

Si estás más interesado en la parte de Javascript puedes leer este post de Sally Young y participar en la creación de la nueva UI de administración con JavaScript en el canal de Slack #javascript y seguir las reuniones semanales cada lunes a las 4:30 pm (UTC). Sally Young, Matt Grill, Daniel Wehner, Ted Bowman y Lauri Eskola algunas de las personas que hay detrás de ello.

Muchas gracias a todos los colaboradores de esta iniciativa, especialmente a los coordinadores de la iniciativa Sally Young, Matt Grill y Angie Byron, y a Roy Scholten.