[META] Redesign Community Events page

Created on 7 June 2023, about 1 year ago
Updated 17 April 2024, 2 months ago

Problem/Motivation

As it has grown, https://www.drupal.org/community/events β†’ has gone from a clean listing to a Frankenstein's monster of a page.

As a visitor to /community/events
I want to be able to find certain types of events in area of my choosing (state/province, country, continent)
So that I can go to an event, learn, and be happy!

Steps to reproduce

- Visit https://www.drupal.org/community/events β†’
- Be confused

Proposed resolution

Map changes:
- Map should use per-type icons and colors, similar to https://www.drupical.com/
- Map should show all events that have locations set
- Map should use geo-data if available to center on the user's location, with a zoom at approximately the continent-level

Listing changes:
- Remove existing type-based listing blocks (Upcoming Events, Upcoming Trainings, DrupalCons, Local Meetups, Contrib Events, Calls for Content, Proposed Events)
- Add a unified list view of all event types using a similar display to the existing lists with exposed filters for Event Type, Location (if possible with hierarchy (continent and country, or country and state/province)
- Listing should allow events (like DrupalCon) to be made sticky or called out otherwise
- Listing should have a way of flagging certain events with a pill or tag or other inline style:
- Cancelled items should show, but be greyed out
- Events with open Calls for Content should be flagged
- Events with "Proposed" status should have a "Tentative" flag

Remaining tasks

- Mock up changes
- Discuss
- Split out work into child tickets

User interface changes

Many

API changes

None

Data model changes

None

πŸ“Œ Task
Status

Active

Component

D.o Events Page

Created by

πŸ‡ΊπŸ‡ΈUnited States froboy Chicago, IL

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @froboy
  • πŸ‡ΊπŸ‡ΈUnited States johnpicozzi Providence, RI
  • πŸ‡ΊπŸ‡ΈUnited States seantwalsh Eatontown, NJ
  • πŸ‡ΊπŸ‡ΈUnited States froboy Chicago, IL

    Laurii, Suzanne, Alex, Sean, and John provided feedback on this discussion. Some items from those conversations:

    - Drupical looks good and people like its design
    - Like Meetup, meet folks at the intersection of their interest and their location
    - Smaller events (Meetups) are more likely to attract local folks, larger events (Camps) might attract folks from a larger distance
    - Pins should convey more information

  • πŸ‡ΊπŸ‡ΈUnited States seantwalsh Eatontown, NJ

    Added a mockup. Definitely will need some more design, for now using | as separators between Event Types, etc.

  • πŸ‡ΊπŸ‡ΈUnited States leslieg

    Thanks for all the ideas from today's contribution event and to all that attended. We intentionally did not make one large list so that Drupal Camps, the most popular event type, could be displayed in their own section.

    I agree that we can remove some of the other blocks by using icons for "Call for content open", "has contribution event", "Includes Trainings" and "Tentative" for Proposed event dates.

    While meetups used to be motly local in some regions, the are more frequently "virtual" events which are no longer tied to a local area. And do we want trainings, webinars, etc to be included in one event list? I don't think so.

    I think this item makes sense in some ways, but needs further discussion before action is taken to implement the chanages.

  • πŸ‡ΊπŸ‡ΈUnited States froboy Chicago, IL

    Notes from Community Summit

    We have events in three different location specificities:
    - events with address
    - virtual events with a target location (virtual Chicago meetup)
    - totally location-less events (A11y-talks, etc)

    Other stuff:
    - Where do virtual events go on the page?
    - Could events list interest categories or something?

    Quick todo:
    - Legend: define each type of event in the sidebar

  • πŸ‡ΊπŸ‡ΈUnited States Kristen Pol Santa Cruz, CA, USA

    Nice work πŸ‘

    Maybe camps, meetups, and contribution events in one list and trainings and webinars in another? Not sure.

    In one way, I like they are broken up, but it is messy.

    If we are trying to highlight camps, it could be split between camps and other events I guess.

    Filtering and sorting becomes more challenging once there are multiple lists though.

    The different icon per event type would be nice. As well as the various tags suggested.

  • πŸ‡¦πŸ‡ΊAustralia gargsuchi

    I would be more than happy to work on this once we finalize the requirements.

  • πŸ‡ΊπŸ‡ΈUnited States leslieg

    Hi Suchi. Do you have any thoughts on how to make the Events page more welcoming for international events? Things we are missing or things that need to be rephrased, etc.

  • πŸ‡ΊπŸ‡ΈUnited States froboy Chicago, IL

    Notes from discussion:

    Exposed filters:
    - Type: multi-select checkboxes, showing all by default
    - Country: default all, select list

    Grouped by Month
    Add icon @ 60px high

    @seantwalsh will make a new mockup.

    Agreed that updating the views in the center is top priority.

  • πŸ‡ΊπŸ‡ΈUnited States froboy Chicago, IL

    https://drucal.org/ makes a nicely designed calendar and filters with the event listing. It could be great to do something like that on the main page.

  • +1 for a calendar display!

    I personally love to see events in such a display (calendar, week, month, year...) because it just makes more sense to me than a list.

    If a calendar display is not possible, I'd suggest to group of rows by month in the list.

    PS: available anytime to help implement the Calendar View module πŸ‘

  • πŸ‡ΊπŸ‡ΈUnited States johnpicozzi Providence, RI

    @tekNorah this effort is for the redesign of the page. The issue you are highlighting is for specific event pages. I have reached out to the d.o dev team to ask about the permissions issue and will comment there with any updates.

Production build 0.69.0 2024