Saltar al contenido principal

Configuración de cookies

Utilizamos cookies para asegurar las funcionalidades básicas del sitio web y para mejorar tu experiencia en línea. Puedes configurar y aceptar el uso de las cookies, y modificar tus opciones de consentimiento en cualquier momento.

Esenciales

Preferencias

Analíticas y estadísticas

Marketing

Cambios en "UX design to improve conditionnal questions in surveys is ready to be proposed to product team"

Avatar: Lucien Langton Lucien Langton

Descripción (English)

  • -

    Context

    conditional questions in surveys have raised several issues during recent years:

    https://github.com/decidim/decidim/issues/10374
    https://github.com/decidim/decidim/issues/10253
    https://github.com/decidim/decidim/issues/13207
    https://github.com/decidim/decidim/issues/10815

    While it is clear some bugs are technical, it is also obvious that the UX can be improved to make configuration less confusing and prone to generating errors.

    Task description

    A UX design proposal should be made to improve the UX of the administration panel, by respecting the following constraints:

    • Use a Tailwind Form Builder UI system with licences enabling to share and redistribute Decidim (AGPL4 or MIT)

    • When possible, use existing design patterns in the following order of priority:

      • Standard design patterns used in other products (Typeform, Google Form, SurvweyMonkey, JotForms, ...) and proven to be intuitive

      • Design patterns used in the Decidim Admin UI

    • Design in Figma, based on the existing design system:

      • Contribute back Admin UI components to the main design system

      • Design for errors: use helper texts and error scenarios with many constraints (i.e. survey length, a platform with translations into several languages, ...)

      • Get early feedback from the product team

    Design process tip

    Before spending some time in Figma, validate these with the product team:

    • Define the Admin userflow with all options possible (and error states)

    • Validate the Tailwind Form UI system with Product team before starting to build it in Figma

    • Design wireframes and iterate, then only design the final proposal in Figma

  • +

    Context

    conditional questions in surveys have raised several issues during recent years:

    https://github.com/decidim/decidim/issues/10374
    https://github.com/decidim/decidim/issues/10253
    https://github.com/decidim/decidim/issues/13207
    https://github.com/decidim/decidim/issues/10815


    While it is clear some bugs are technical, it is also obvious that the UX can be improved to make configuration less confusing and prone to generating errors. To Mirror this task to github, an issue has been created here to discuss technical implementation: https://github.com/decidim/decidim/discussions/13437

    Task description

    A UX design proposal should be made to improve the UX of the administration panel, by respecting the following constraints:

    • Use a Tailwind Form Builder UI system with licences enabling to share and redistribute Decidim (AGPL4 or MIT)

    • When possible, use existing design patterns in the following order of priority:

      • Standard design patterns used in other products (Typeform, Google Form, SurvweyMonkey, JotForms, ...) and proven to be intuitive

      • Design patterns used in the Decidim Admin UI

    • Design in Figma, based on the existing design system:

      • Contribute back Admin UI components to the main design system

      • Design for errors: use helper texts and error scenarios with many constraints (i.e. survey length, a platform with translations into several languages, ...)

      • Get early feedback from the product team

    Design process tip

    Before spending some time in Figma, validate these with the product team:

    • Define the Admin userflow with all options possible (and error states)

    • Validate the Tailwind Form UI system with Product team before starting to build it in Figma

    • Design wireframes and iterate, then only design the final proposal in Figma

Confirmar

Por favor, inicia la sesión

La contraseña es demasiado corta.

Compartir