Analytics &
Element Breakdown
Part of a virtual event management product by Allseated
During a virtual event, admins are able to receive a wide range of analytics. They can also focus on specific elements, such as the stage, booths, banners etc.
During the event, focusing on the activity in specific elements allows the admin to collect data about participant needs all along their journey and see their level of engagement.
The goal is to measure the usefulness and effectiveness of elements, in order to learn from the metrics how to optimise future events.
Introduction to Studio
Studio is a management platform that enables users to create their own customized virtual space in a few minutes, such as conferences, webinars, social, themed events, galleries and meetups.
The platform guides the user from the early steps of making the event to measuring exposure and engagement from the analytics session.
The virtual event ultimately takes place in Exvo, an immersive, fully-branded, metaverse platform.
My role
Product designer- UX/UI, User Research,
Data Visualization
People I worked with
Yael Rosenberg- Senior product designer
Roni Gabai- Head of design
Dor Hershkovitch- VP design
Olivia Fine- Product manager
Ziv Abramovitch, Tsachiel Choen, David Botzer, Paul Lipovanu- Fronted developers
About the Analytics section
The Analytics section is a tracking tool for event admins during the event and afterwards on different levels- from macro to the micro.
The information can analyze the success of the event in different regards-
-
networking between participants and collaborators
-
participation in the elements and engagements
The user can customize the data by picking a specific date range and also to create a report.
Analytics section
About the Elements tab
The 'Elements' tab allows the event admin to see a full breakdown of each element category: Stage, Booth, Banner and Free Zone.
The admin wants to explore and see as much powerful data as possible for each element within the event.
The goal is to measure the usefulness and effectiveness of elements, in order to learn from the metrics how to optimise future events.
Elements tab- List and cards view
Element types
Stage
Allows participants to watch video and audio, chat, react and raise hands (Q&A). Admins can gather all event participants by moving them into different locations, inviting speakers to the stage, setting a
timer for them and moving them into breakout rooms.
Booth
There are two modes- public mode (where participants can join automatically) and private mode (participants must have permission). Some booths have managers. In the booth, participants and managers can have multiple conversations.
Free zone
A conversational area that allows moving freely in limited space at the same time, and has a control display -such as share screen, video and audio.
Banner
Attracting potential customers for a business's
products or services by opening a link
in an Iframe/ new tab.
Users
Event admins in the Studio. It depends on the requirements of the event whether it needs a single admin or multiple. In most cases,
event administrators come from the company that is organizing
the event.
Overview
We faced a challenge due to the Analytics session showing a very general and undetailed picture. It was necessary to give users a view into the data that included wider information for tracking engagement and usefulness.
Requirements
.png){kind=small}
Give a full picture that breaks down a specific element into detail - to the participant’s list level and their duration.
To have an internal breakdown that could give an indication of the element’s activity during the event.
The challenge of creating a UX and UI hierarchy for element breakdowns showing more specialized information than the Analytics page.
Understanding hierarchy process
Element's breakdown section hierarchy
UX Research
The work was system-wide but, first of all, required us to understand how to organise information into different sections. During the process, we asked a variety of questions, while characterizing the product, and bringing the product manager’s attention to the lack of information on PRD user needs.
Low fidelity wireframes
High fidelity wireframes
Data visualization research
During the process , we dealt with characterizing and building new models and components for the system,
which led to a process of tests and checks.
We researched and studied different behaviours of data visualization, analytics reports, complex tables, date and time pickers, timelines and side panels.
To see similar cases, we looked at Google Analytics, Wix,
and other complex systems.
Features
Versatile Summary
Different elements require different summary layouts.
Each element has its own permission and abilities from the user side.
We asked ourselves-
How will the breakdown’s layout look in transition between different elements, such as one without exhibitors or clicks?
Needed:
Every type of element breakdown needs to be characterised on its own
A whole summary layout that will support the changes for each element
To inform the user about the difference between the elements they see.
The sub-menu contains element details and static tabs that could turn on/off depending on the relevant element. The timeline and the other panels also change according to the element .
Identifying Elements
We reached the conclusion that different elements also demand versatile visual language that can be uniform, eye-catching and can be used widely throughout the system.
Subsequently, the same tags were implemented into different modals such as cards, row tables, side panel and sub-menu.
Timeline Graph
Through the timeline in the summary tab,
we provide the option to control the graph by clicking on different parameters in the legend- to see the full image or to separate it into a single piece of data.
Status Bar
It was necessary to think of a solution that would accompany all Analytics screens, with its content changing according to the current section,
in order to offer users short and summarised data within a large system of information.
Located at the bottom of the screen
Relevant information
'Last updated' section which provides certainty of data
.png){kind=small}
Side Panel
Along the breakdown section, we have tables that lead to external information such as the Exhibitors meeting tab.
We were faced with a scenario of group meetings that contain up to 17 participants and needed to show their information outside the table (in order to avoid external scrolling).
The side panel detailed their meeting information: personal information, date, start time and duration. It also has features to search and export the list.
Clicking on the right arrow will open the side panel
Customize analytics
by date range
The user has the option to choose the time period and date range in which he wishes to view the analytics for its elements. Marking specific dates on the date picker indicates active participation in the event.
Default options include input fields and dropdowns with absolute and relative date pickers.
Using the date range input, the user can:
Input dates using either a keyboard (Inline) or by using the calendars.
Only use a keyboard to input time.
Select a relative time range (e.g. last 3 hours), which will change the date picker input to that specific range after hitting the 'Apply' button.
Scenarios
Current day
Absolute time range
Relative time range
The Impact
The breakdown section becomes a necessary and important part of the Analytics section, which represents one of the most important monitoring tools of the virtual event.
The section represents a significant marketing tool for the product and allows a preview for potential customers
Shows the power of the product in the virtual event market and its ability to monitor critical parameters when an event is established on a virtual experience
Allows the user to draw conclusions based on cross-sections for future events