2024-08-08 - UX/UI Working Group Meeting

 Date

Aug 8, 2024

 Discussion topics

Time

Item

Presenter

Notes

Time

Item

Presenter

Notes

10 mins

Handing Over the UX/UI Co-Lead Role

 

  • Ali will be stepping down as the co-lead of this group due to capacity constraints. Is anyone interested in taking over the role?

    • Prepare the agenda for our bi-weekly meetings, and share it on the Slack channel the day before.

    • Ping presenters to confirm they’ll be attending.

    • Attend meetings, and co-lead them.

    • Add meeting notes to the agenda after the meeting.

    • Ensure the meeting recording is linked to the agenda.

5 mins

Save the date:
Figma Training
(22 August)

 

Next meeting (22 Aug) we’ll have a Figma Training Session

  • How to install the Paragon library and update it to match the Open edX brand

  • Session will be run by Gabe Weinberg

20 mins

Next steps once we have an Open edX Paragon file in Figma

 

  • Do we start by creating a 1:1 version of the living style guide in Figma, and improve components from there?

  • How do we decide as a team on a style direction? Do we perhaps start by “skinning” a component-heavy screen of the LMS and presenting it to the group?

  • Do decisions need to be backed by research?

  • Would we need some kind of documentation on how to go about getting approval for component updates?

  • This will be a lot of work. How do we get the Community involved?

Meeting notes

  • A big thanks to @Asma Ahmed and @Sam Daitzman for volunteering to take over as the new co-leaders for this group. We couldn’t have hoped for better candidates!

    • @Jenna Makowski, @Ali Hugo , @Sam Daitzman, and @Asma Ahmed will be having a handoff meeting to iron out the next steps

  • We discussed the creation of a Figma file and library for the Open edX version of Paragon

    • @Gabriel Weinberg has kindly offered to lead a training session during our next UX/UI meeting (August 22), where he will show us how to install the Paragon library and update it to align with the Open edX brand

    • We will start by creating a 1:1 version of the living style guide in Figma and improve components from there

    • We might need to follow the same path as other Working Groups (e.g. Paragon, Frontend, and Documentation Working Groups) and move the work into Github issues. That way, we could combine the processes of the design of the components in Figma, and the actual implementation of the components

    • How do we decide as a team on a style direction?

      • Perhaps take a test bench from the existing Paragon Figma files, extend it, and test it on some of the production pages

      • Perhaps design a component-heavy screen of the LMS

      • Perhaps create a few options for the designs and present to the UX/UI Group for review

    • This is a good opportunity to align the mobile and desktop components (@Sam Daitzman will do another presentation of the mobile screens in one of our upcoming meetings)

    • Joining the Paragon Working Group

      • Once the design of a component has been approved by the UX/UI Group, the Paragon Working Group is a good place to discuss any concerns around implementation, accessibility etc of a component

      • Message an organizer of the Paragon group to get your component added to the beginning or the end of the Paragon meeting agenda

      • Or post component sketches, ideas etc on the #wg-paragon Slack channel for feedback

    • This will be a lot of work. How do we get the Community involved?

      • Get the word out and ask the Community to start working on the new Open edX Figma file (once it’s created)

Meeting recording

 Action items