We iterated on multiple concepts to deliver the most intuitive and efficient version of the timeline/time ticker.
With this goal in mind, we moved on to Figma to brainstorm concepts with consideration for Zoom's visual language and how our feature will work hand-in-hand with the existing Zoom features.
Concept iteration for timeline
Concept iteration for time-ticker
For our first iteration, we attempted to create a timeline based on the traditional construct of time flowing horizontally.
We soon realized that the horizontal timeline breaks easily with lengthy contents and longer time intervals. Instead, we decide to pursue a similar concept but vertically. This way we were making use of the large white space on the interface as well.
Time ticker iterations
The time ticker will display the breakdown of the agenda items during the video call. Since there is a significant room on the interface we can work with we decided to explore two placement options – on the top and on the bottom right corner.
Zoom video call screen
One of the biggest challenge of the project came from deciding on how to display time on the tickers. We considered either displaying the time elapsed, time remaining, or the total time allotted.
Time elapsed and remaining
Time allotted for the agenda item