Neros DS es un design system pensado para las particularidades de las aplicaciones Visual Basic (VBA).
Neros DS es el desing system de Neros Systems, aún en fase de implantación, concebido para crear productos digitales e inclusivos.
01 / RESUMEN
02 / Proceso
03 / Comprensión del problema
04 / VBA y sus necesidades
05 / Contexto
06 / El Neros DS
07 / Lo que he logrado
02 / PROCESO
briefing
>
research
>
idear
>
componentes
BRIEFING
El proyecto Neros DS nació de una conversación con el propietario de Neros Systems, una pequeña consultoría informática, sobre la necesidad de actualizar sus sistemas.
Analicé entonces la posibilidad de lanzar un design system, ya que el UI-Kit utilizado hasta entonces no era accesible y tenía una estética muy "años 2000".
03 / COMPRENSIÓN DEL PROBLEMA
RESEARCH
04 / VISUAL BASIC APPLICATIONS Y SUS NECESIDADES
Visual Basic para Aplicaciones (VBA) es un lenguaje de programación desarrollado por Microsoft. Se utiliza principalmente para crear macros, automatizar tareas, manipular datos y desarrollar y personalizar aplicaciones en programas de Microsoft Office como Excel, Word, PowerPoint, Access y Outlook. El VBA es una potente herramienta para aumentar la productividad y personalizar la experiencia del usuario en las aplicaciones de Office, permitiéndole crear soluciones a medida para necesidades específicas.
Algunas de las formas en que se utiliza VBA en Microsoft Access son:
Automatización de tareas repetitivas: Los usuarios pueden crear macros o escribir secuencias de comandos VBA para automatizar tareas como la importación de datos de fuentes externas, la ejecución de consultas complejas y la generación de informes personalizados.
Personalización de formularios e informes: Con VBA, los usuarios pueden personalizar la apariencia y el comportamiento de formularios e informes en Access. Esto incluye añadir controles interactivos, validar los datos introducidos por el usuario y realizar cálculos complejos.
Integración con otras aplicaciones de Office: VBA permite integrar Access con otras aplicaciones de Microsoft Office, como Excel, Word y Outlook. Esto permite a los usuarios crear flujos de trabajo automatizados en los que intervienen varias aplicaciones de Office.
VBA se utiliza especialmente en Microsoft Access.
En este contexto, necesitábamos un design system que pudiera utilizarse tanto para aplicaciones desktop en VBA como para páginas web adaptables.
Etapas de la investigación
Para investigar cómo debía ser Neros DS, se llevaron a cabo dos evaluaciones comparativas (benchmarkings).
El primero tuvo en cuenta lo que otras empresas estaban haciendo en cuanto al sistema de diseño y UI-kits que pudieran servir de referencia.
La segunda consistió en investigar las aplicaciones basadas en VBA que aún están en diseño vainilla para entender cómo se comportan técnicamente los componentes y sus respectivas limitaciones.
Teniendo en cuenta que la mayoría de los sistemas se utilizarán para gestionar procesos industriales en computadoras desktop, el siguiente paso consistió en enumerar algunos componentes esenciales y la respectiva protopersona del usuario objetivo.
Protopersona
Juan Gonzalez
Nuestro protagonista es un hombre de mediana edad, entre 45 y 59 años. Esta es la edad media de los trabajadores de la fábrica, donde se mostrará Neros DS. Juan es un trabajador industrial que fabrica piezas para vehículos pesados. Tiene que gestionar la producción de piezas, la programación de los empleados, la programación y el mantenimiento de las máquinas y los sistemas internos. Utiliza hojas de cálculo Excel en su trabajo diario y sistemas integrados con Office y Access. Además, tiene conocimientos medios de tecnología y rara vez utiliza interfaces móviles en su trabajo.
IDEAR
05 / CONTEXTO
El proceso de ideación del design system es un paso crucial en la creación de una estructura cohesiva y eficiente para el desarrollo de productos digitales. Al principio, investigué con el departamento informático de la fábrica para entender las necesidades del público objetivo. También se investigaron las tendencias de diseño, las mejores prácticas del sector y las directrices de la marca. A continuación viene la fase de conceptualización, en la que se generan ideas para los principales componentes del design system, como colores, tipografía, iconos, espaciado, entre otros.
Tras la fase inicial de ideación, el design system entra en un proceso de desarrollo más detallado. Esto implica definir directrices y documentación claras que describan cómo deben utilizarse y combinarse los componentes para crear interfaces coherentes y accesibles. Es crucial establecer un proceso de mantenimiento continuo para garantizar que el design system evolucione con las necesidades del producto y los cambios del mercado. Esto puede incluir la realización de pruebas de usabilidad, revisiones periódicas e integración de los comentarios de los usuarios y los equipos de desarrollo y diseño.
COMPONENTES
06 / EL NEROS DS
Neros DS es un design system concebido para las particularidades del Visual Basic Applications (VBA). Aún está en fase de implementación y desarrollo. Su objetivo es crear productos digitales e inclusivos.
Wireframe
Mural
RESULTADOS
07 / LO QUE HE LOGRADO
Algunos componentes
La implantación de un design system para una empresa de software ha dado lugar a una serie de beneficios e impactos positivos, como por ejemplo:
Coherencia visual y de la experiencia del usuario: basándome en las pruebas de prototipos mientras aún estaba en la fase de diseño (Figma), ya he visto que el design system ayuda a garantizar que todos los productos de la empresa tengan un aspecto y un tacto coherentes, creando una experiencia unificada para los usuarios.
Escalabilidad: a medida que la empresa crece y se desarrollan nuevos productos o servicios, el design system proporciona una base sólida para garantizar la escalabilidad.
Comentarios más rápidos: con la capacidad de iterar y probar rápidamente nuevos componentes y funcionalidades, los equipos pueden recoger los feedbacks de los usuarios en las primeras fases del proceso de desarrollo, lo que permite llevar a cabo ajustes y mejoras continuas. Además de una mejor imagen de marca y reconocimiento.
Aprendizaje
Aprendí a crear un design system desde cero, con muchas sesiones informativas, entrevistas e investigación antes de llegar al resultado final. Superé problemas técnicos, sobre todo las limitaciones del Access, y al mismo tiempo vi que, aunque esta herramienta es limitada, sigue ofreciendo muchas posibilidades de personalización. También aprendí que un proyecto de esta envergadura requiere establecer prioridades. Algunos programas más antiguos no recibirán el design system por el momento, pero todas las nuevas features nacerán en Neros DS a partir de ahora.
Próximas etapas
Concluida la fase de diseño, el proyecto pasa ahora a la de desarrollo, en la que se codificarán los componentes y se pondrán a disposición del consumo. Los resultados esperados de esta fase son:
Mantenimiento simplificado: al centralizar todos los elementos de diseño y la documentación en un único lugar, es más fácil mantener y actualizar el sistema. Esto ahorra tiempo y esfuerzo, garantizando que todos los cambios se reflejen de forma coherente en todos los productos.
Mejora de la calidad: al estandarizar los elementos de diseño y el código, se reducen considerablemente los errores y fallos. El resultado son productos de mayor calidad y una experiencia de usuario más fiable.
Mayor accesibilidad: ahora los usuarios discapacitados no necesitarán ayuda para manipular el software, lo que garantiza una mayor independencia.
En definitiva, el proyecto seguirá evolucionando constantemente, ya sea para el desarrollo de componentes de diseño específicos, cambios en la marca o actualizaciones que un producto de estas características requiere.
GRACIAS!
