Qumulex - Timeline Search
Project Details:
My Role: Lead UX Designer
Team(Active Participants): Lead Front-End Designer, Senior Backend Dev, Senior Tech Support
Tools Used: Figma(Wireframes), FigJam (Brainstorming, Affinity Mapping, Research synthesis), Paper and Pencil (Rough Wireframes), Physical Whiteboard ( collaboration with the Front-end team), VScode (To review visual guide), Database (To get dummy data during the design phase)
Timeline: 1.5 Months
Problem
Exsisting Event-Based Search worked when the Camera is set on event-based recording. Event-based Search was also my first task in my first week to redesign its Layout. As seen on the right.
Event based search option is useful when the user has selected only Event-based Camera recording, but the challenge is when the user selects continuous recording for the camera. The task was to provide a feature to view the continuous stream incoming from all of the cameras and at the same time visualize all the events for video-based investigations.
Solution: Timeline Search
Qx Control Timeline Search helps users perform investigations intuitively and find information in 3 - 4 steps.
Timeline Search Features
Enabling Continuous Recording can allow user to scrub for both events and continuously recorded video in one easy to use timeline format.
Timeline Search utilizes Event-based video player functionalities, including playback controls (Start Over, Play, Step by Frame, Fast Forward), Fullscreen, On-Screen Display, and Digital PTZ for zooming in and viewing details.
Users can further refine their search by selecting specific Event tags to narrow down the timeline.
Users can create a clip of the desired length by dragging the start and end brackets, and then share the clip via email or SMS.
Users can click the help button to learn about the color codes that represent different event types, as well as videos stored in the cloud or on the Gateway.
Desk Research
Regularly reading research and insight articles to understand technology trends, features, and user pain points.
Video Surveillance 101 course to understand the market and industry vocabulary to better communicate with internal and external stakeholders.
The product and Sales team has competitors’ product walkthrough recording, snapshots, and demo versions available.
As this a B2B market, getting hands on competitors product can be difficult so going through competitors product demos is very useful to perform Product and UX comparison.
Field Research : Semi-Structured User Research Interviews
VP of Engineering:
Cofounder of two successful video surveillance companies, have a concise vision of what works and what does not.
Product Manager and VP of Sales
The PM and VP of Sales at Qumulex have a significant role in greenlighting the feature and requirements. They constantly study the competitor's products and evaluate which features are in demand amongst the end-users and Integrators..
Lead Tech Support
As it is pretty challenging to reach out to the end-user, Video Surveillance Lead Teach Support is the next best person to reach out to as he knows the end user's pain points and wants.
Lead Frontend Engineer (Design Phase)
Discuss UI patterns and components required to implement this feature.
Senior Backend Engineer (Requirement Gathering)
Based on the feature decided, discuss if we have enough Backend support to implement them. This directs which features to focus on early.
Research Analysis
“User should be able to find what they want in 2 - 4 clicks”
Transcribing, summarizing, and finding key points from all the user interviews
“Fast means to find recorded video using tags like people/vehicles/Events”
“Quickly go through the timeline search based on time and date”
Ideation
Going through competitors’ features similar to Timeline Search for User Flor, Information Architecture , and Visual Design Inspiration