Adaptation: the Continuing Evolution of the New York Public Library’s Digital Design System

De TallerDocumental on Wiki
Revisión del 13:07 28 nov 2018 de Kagura (discusión | contribuciones) (Referencias)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar

Referencia

Anderson, J. L., & Guzman, E. (2018). Adaptation: the Continuing Evolution of the New York Public Library’s Digital Design System. Code4Lib Journal, (41). Recuperado a partir de https://journal.code4lib.org/articles/13657

Resumen original

A design system is crucial for sustaining both the continuity and the advancement of a website’s design. But it’s hard to create such a system when content, technology, and staff are constantly changing. This is the situation faced by the Digital team at the New York Public Library. When those are the conditions of the problem, the design system needs to be modular, distributed, and standardized, so that it can withstand constant change and provide a reliable foundation. NYPL’s design system has gone through three major iterations, each a step towards the best way to manage design principles across an abundance of heterogeneous content and many contributors who brought different skills to the team and department at different times. Starting from an abstracted framework that provided a template for future systems, then a specific component system for a new project, and finally a system of interoperable components and layouts, NYPL’s Digital team continues to grow and adapt its digital design resource.


Resumen detallado

En este artículo se nos presenta cómo el sistema de diseño digital de la Biblioteca Pública de Nueva York (NYPL Design Toolkit) ha pasado por diferentes etapas y ha tenido que tratar con diferentes problemas a lo largo de su desarrollo y mejora. Esta herramienta es por lo tanto el resultado de un largo proceso de elaboración en el que muchos profesionales aportaron sus conocimientos y muchos elementos fueron implementados en ella.

Este sistema de diseño digital es el utilizado dentro del web de la Biblioteca Pública de Nueva York. NYPL.org se trata de un complejo recurso que da servicio a un número muy amplio de personas desde estudiantes de secundaria hasta investigadores que lo visitan tanto para buscar información sobre la biblioteca como para acceder a su catálogo.

Debido a su complejidad, en 2009 se realizó una revisión del sitio en el que se adoptó Drupal como nuevo sistema de gestión de contenidos. Este cambio produjo que se creara mucho más contenido y el sistema se volvió inestable, confuso y perjudicial para los usuarios. Esto hizo que el equipo de diseño tuviera que adoptar ciertas medidas para solventar el problema y para ello se estudió la utilización de diseño UX que estaba surgiendo en esos momentos. Es cierto que se estaban cambiando aspectos como el logo y los colores de la interfaz sin embargo nada regulaba el aspecto del web. En 2011 se creó el equipo NYPL Labs que ayudó a preparar planes para realizar un cambio en el desarrollo de los conceptos de diseño. Sin embargo los procesos más interesantes no se pudieron llevar a cabo hasta el final como por ejemplo la creación de un sistema de diseño unificado a pesar de todos los cambios de equipo y de enfoque que se llevaron a cabo.

En la actualidad el sistema de diseño digital de Biblioteca Pública de Nueva York es el NYPL Design Toolkit que ha pasado por diferentes etapas. Ha sido diseñado con un sistema modular y una estructura basada en estándares web para que su uso fuera más fácil.

En una primera etapa en NYPL Design Toolkit evoluciono de NYPLBase, un sistema con un marco de trabajo UI (Bootstrap). Se utilizó para construir una sección actualizada de localizaciones, divisiones de investigación, una lista filtrable de colecciones académicas en las cuatro bibliotecas de investigación, perfiles de personal y expertos destacados en la NYPL. Esta primera aproximación reveló una necesidad de actualizaciones significativas sin embargo resultó un muy buen modelo que evitó la inconsistencia de la página.

En una segunda etapa se creó una guía de componentes llamada Ethyl que alojaría nuevos diseños de la interfaz de usuario todo ello con los códigos correspondientes de NYPLBase que ayudaron a los desarrolladores a construir rápidamente el diseño. En esta versión se añadieron y mejoraron nuevos módulos y se separaron partes de los códigos para que fuera más sencilla la edición para los desarrolladores.

Por último llegamos a la herramienta actual: Design Toolkit. En agosto de 2016 el equipo comenzó a trabajar en el proyecto del catálogo de colecciones compartidas. Esto permitió a los usuarios encontrar materiales más fácilmente. Posteriormente todos los wireframes y maquetas creadas para este proyecto se convirtieron en el kit de herramientas de diseño de NYPL. Este kit de herramientas fue creado Mauricio Giraldo que se dió cuenta que necesitaría una estructura que permitiera una mejor reutilización por parte de diseñadores y desarrolladores. La estructura del Kit de herramientas de diseño posee componentes de UI precodificados y precodificados para crear aplicaciones. La documentación referente al Design Toolkit incluye una breve descripción sobre como usar los modulos y un resumen de los patrones y elementos utilizados para su realización. También se trata de un sistema de diseño basado en la interoperabilidad. Se basa en diferentes plataformas independientes (Drupal, React, AngularJS, Ruby on Rails) lo cuál hace a la herramienta más funcional. Es un sistema de diseño completamente independiente de la plataforma lo que permite su aplicación en diferentes proyectos.

Design Toolkit comenzó con la inclusión de diseños durante el desarrollo del propio trabajo. Se diseñaron los componentes a medida que se necesitaban copiando sus códigos y posteriormente eran devueltos al desarrollador para su refinamiento. Todo esto fue aportado dentro de la herramienta. Del mismo modo también se crearon maquetas que ya había en el kit de herramientas de diseño para dar una idea de la experiencia real que viviría el usuario una vez que el producto estuviera completado. Este enfoque funciono muy bien sin embargo posteriormente se necesitó refactorización para que el diseño de la página completa se ajustara a la modularidad de los componentes del desarrollador para poder utilizarlos en otros proyectos.

Finalmente se deicidio alojar el sistema dentro de la NYPL como un paquete para evitar problemas. En la actualidad el kit de herramientas es la ubicación centralizada de la NYPL para los componentes de UI, los diseños de página completa, la documentación de desarrollo y accesibilidad, y otros recursos y herramientas. Gracias a esto se pueden realizar pruebas de accesibilidad más fácilmente.

Como conclusión los autores nos hablan sobre la necesidad de adaptación del equipo, las lecciones que tuvieron que aprender y los esfuerzos que tuvieron que realizar para finalmente conseguir lo que es hoy el kit de herramientas de diseño de NYPL.

Comentario personal documentado

El sistema de diseño digital me parece una cuestión muy compleja. En este artículo podemos ver todas las dificultades por las que los equipos de diseño y desarrolladores de lo que es hoy la NYPL Design Toolkit han tenido que pasar.

Podemos observar como el diseño de este tipo de herramientas normalmente se trata de un proceso de ensayo y error. Para conseguir resultados satisfactorios se deben probar diferentes sistemas y se debe pasar por diferentes fases. También se debe tener en cuenta lo que el usuario verá finalmente utilizando sistemas UI, por ejemplo para los sistemas modulares como el que utiliza la NYPL. Así mismo hay que tener en cuenta como los sistemas de diseño digital van evolucionando y no se debe dejar que se queden obsoletos.

Por ello podemos concluir que gracias al esfuerzo y trabajo de un gran número profesionales durante años y a la capacidad de mejora y evolución ahora la Biblioteca Pública de Nueva York posee un gran sistema de diseño digital.

Referencias

NYPL Design Toolkit. (2018). Recuperado 18 de noviembre de 2018, a partir de https://nypl.github.io/design-toolkit/sections/about.html

Martínez Villalobos, G., Camacho Sánchez, G. D., & Biancha Gutierrez, D. A. (2010). Diseño de framework web para el desarrollo dinámico de Aplicaciones. Scientia et Technica, 1(44), 178-183

World Wide Web Consortium (2016). Web Design and Applications. Recuperado a partir de https://www.w3.org/standards/webdesign/

Colaboradores de Wikipedia. (2018). Interfaz de usuario. Recuperado a partir de https://es.wikipedia.org/wiki/Interfaz_de_usuario

Colaboradores de Wikipedia. (2018). User experience design. Recuperado a partir de https://en.wikipedia.org/wiki/User_experience_design



Categorías: Biblioteca Pública de Nueva York | Aplicaciones web | Diseño de sistemas

Kagura 14:05 28 nov 2018 (CET)