Event program setup
Do you remember these?
Not so long ago we used to sit through long talks in the same room with 1000 other people. Then we moved to virtual rooms – sometimes with even more people.
In-person or virtual the thrill is there, and so are the problems. Surprisingly, they are not so different. Event management remains stressful regardless of the medium. And that is what we took care of at Hopin.
—
During my time at Hopin, I was working on optimisation of all things schedule. Our pod also actively collaborated with other areas of product. Program is a central piece of any event for both organisers and guest. Our scheduling tool has a variety of options: concurrent sessions, recommended sessions that trigger notifications, ability to setup tags, assign speakers to sessions and more. I worked and lead a variety of initiatives with my pod: a fully interactive table with in-line editing, event experience schedule widget, schedule draft state, hybrid program and others. Besides, my pod took part in many cross-board projects such as program setup optimisation which aimed to tackle the IA of our events.
Below you can find some project highlights.
Table view
We wanted to help organiser to be more efficient with program setup. Managing events is a time consuming undertaking where managers need to take care of a program, logistics and production. That is not just a software factor, it’s the reality of organising large scale events with a lot of speakers, activities and attendees.
The challenge we were solving can be defined by several How-might-we questions:
- HMW make program setup fast and efficient?
- HMW reduce time on task for session detail editing?
- HMW stay on top of overall schedule context while editing individual sessions?
- HMW surface important attributes so the context is clear in a glance?
- HMW allow quicker session creation when not all details are known to organisers?
Our solution was a fully interactive table where any attribute can be edited in-line via clicking on a cell.
We iterated, tested, did a state-of-the-art analysis of Airtable, Monday.com and Clickup to shape out solution. We analysed all the types of interactions this kind of a table requires.
Testing
We tested a very interactive concept prototype created in Figma, please see a video of how the first mid-fi version worked. Some UI details weren’t polished and we were limited by Figma capabilities but overall the first version was very close to end product in terms of functionalities.
Overall, first reception of the Table view was very positive, especially among organizers of smaller events that didn’t need Calendar view to manage various time slots.
Some Initial Hypothesis were confirmed and some others came as surpirse such as Save on Enter – it turned out many participants didn’t realize that hitting enter key will save their input.
Besides testing tasks we ran a Card sorting with 30 participant to define the best grouping of columns: as it turned out our initial grouping didn’t really match the model. For example event Start and End time were prioritized before Description, and Speakers that were initially placed in the end were pushed forward. All research preparations and the test took around a week.
The final solution also had to include various error states for various situations as well as non-applicable fields, such as End time cannot be before Start time or Virtual talk will not have a Physical Room.
This project was very UI heavy since there were a lot of micro-interactions at play. One of the main goals was to maintain consistency of cell editing. Our initiative also extended our Design System since we didn’t have many of these components at that time.
We also needed to include our engineers at a very early stage since technical feasibility was very important.
Outcome
Since the release we have seen that Table view is the most used view on Schedule and received positive qualitative feedback.
Please inquire more information about my experience with Hopin and this domain.