Digital Media marketers - they know how to create and run ads on digital platforms like Meta, Tiktok etc but don’t have much creative experience. We have to make sure that its as easy as possible for them to create new videos and also understand the performance of the existing videos.
Back
Redesigning dashboard & improving video production for BLKBOX
My Role
Product designer (I was the only designer in this project)
Duration
5 - 6 hours
Project Background
Blkbox.ai is an ad tech platform that supports two primary functionalities for Images / Videos:
Ability to analyze performance at a Creative level. This helps users to understand:
Top performing creatives
Spend towards top performing creatives
Performance metrics
Ability to create new videos.
This helps users to:
Create iterations of existing videos in various flavors
Target audience
Who are we solving for?
problems
Problems they are having within these two main screens
Very busy screen with lots of data
No central focus
Video creation flow is suboptimal
USABILITY AUDIT
Problems I identified in the existing screens
2.1
High level audit - dashboard
image
Key solutions
New direction that proved to be a game changer
My primary objective was to ensure cognitive ease and minimize interaction costs for users. To achieve this, I've separated the key actions and placed it in a position that users can easily find them and make decision faster.
Dashboard - The centeralized place for everything
To make the table data accessible, I have made the contents on the left side of the table sticky. Imagine this table has 20 columns and a user is looking at a specific column. If the left side content, like names and descriptions, also scrolled horizontally with the other columns, it would be difficult for the user to identify which video data they are actually viewing. They would need to remember the video name, which requires a lot of memory usage.
Therefore, by keeping the left side data sticky, users can easily see the right side data without having to remember or memorize anything. This setup illustrates the usability principle of recognition over recall.
Re-organised the layout to ensure quick access to the important actions.
Re-organised searching and filtering options to make the available data easily accessible.
Provided bulk selection and action to provide comprehensive control over the data.
3.1
Centralized dashboard
image
3.2
Centralized dashboard - bulk selection
image
3.3
Centralized dashboard - light
image
Optimised video creation flow
To maintain user motivation throughout the video creation process and provide clear guidance on their progress, I've broken down the process into several steps and displayed it using a stepper. This exemplifies the usability principle of system status visibility, helping users understand where they are and how many steps are left.
Fostered a sense of continuity and progress.
Ensured easy video creation.
4.1
Video creation process - step 01
image
4.2
Video creation process - step 02
image
Design impact
I made a significant impact
Increased Video production rate
Ensured High Task Efficiency
.png){kind=spacer}