BBFC
British National films & broadcasting classification tool
Improve efficiency in films rating to help compliance team work more effectively
Summary
From 0 to 1, designed a new desktop web application for the compliance team at BBFC to improve efficiency and effectiveness for films rating.
Background
BBFC (British Board of Film Classification) is an organisation responsible for the national classification and censorship of films in the UK since 1912.
Role
Product Designer
Responsible for web app
Established the design system
Team
Myself
4 Dev
1 PM
1 UX designer
Contribution
Created product that empower the users
Enhanced user confidence and enthusiasm for new features, receiving praise for intuitive designs that users are eager to explore without guidance.
Building trust with stakeholders and users
Being the sole designer on the project, I needed to be responsive and address feedback, and engaging closely with users.
Challenges
Without research support
I could only learn about the users problem by participating in shadowing sessions and gathered feedback directly from stakeholders to test designs with prototype.
Designing without clear measure of success
The design brief relied only on business assumptions. This approach required managing diverse opinions and occasionally formulating design solutions without a clear or defined success metrics.
Design Request & Business assumption
BBFC needs a digital transformation to handle the higher workload, because the authority requested BBFC to rate more content, for the increasing amount of video-on-demand platforms in the market.
Design objective is to improve the work efficiency for the flows:
1 - Watching and rating a film
2 - Finishing the rating report
Research
Collaborating with a User Researcher to investigate customer engagement drivers. Above was a 5 second test result by using Userzoom.com.
Working with PM to understand potential user flows of submitting a report, encompassing up to seven different scenarios based on requests from compliance managers or film distributors.
Presenting extended scenarios and solutions to stakeholders for future consideration, focusing on refining based on MVP requirements without extensive stress testing across all scenarios.
Current design - 1
Watching & rating a film
Marker List
It displays a list of timestamps and tags.
BBFC have regulations with list of keywords that determine a film’s rating. Compliance officers need to add tags with relevant keywords during critical moments while viewing a film.Tagging Panel
Activated by keyboard command, allowing users to add tags or notes during crucial rating moments.
User problem
Difficult to interact with small dropdown
Users must select keywords from a small dropdown menu on the tagging panel to create markers to generate relevant category on the report.
It's not intuitive and not optimising the space on the interface.
Design challenges
Limited space for a long list of keywords
Full screen mode
Viewing mode with much smaller tagging panel
Design outcome
Drop the dropdown and optimise space within the panel
Optimising the space on the interface by using the area of notes and CTA button to replace dropdown and to allow more space for displaying keywords.
Introducing keyboard command to facilitate simultaneous film viewing and tagging to enhance efficiency over mouse scrolling.
Improve information hierarchy with colour by highlighting the suggested words, as well as distinct and emphasis the number key as an aid to help focus.
Current design - 2
Finishing rating report
Auto-generated category info
Category auto-generated by keywords that compliance officers entered during viewing.Number of keyword entered during viewing
Indicates why a specific category was generated.Free text field for rating rationale
Critical part in the report, for officers to articulate decisions, ensuring clarity for managers and film distributors.
User problem
Inconvenience and long scrolling in the "Long Ratings Info" section of the report
Users emphasised that if a movie gets busy with lots of rating defined keywords, the long rating info section could get really long and it's difficult to navigate.
Purpose of this section is allow users to revisit the keyword they submitted during viewing, and fill in the text field below to provide rationale on the ratings decisions.
On a side note, users also concerns the accuracy of auto-generated information. They doubt in the system's ability to generate relevant and correct category.
Design challenges
Content priority is not clear
Testing 1: Showing information on third column
Testing 2: Collapsable section which need more clicks
Design outcome
Showing information only when users interact with the area
To avoid information overloaded, the report will display relevant information (Keywords and their frequency) only when users interact with the related working area.
Provide flexibility to customise the category list. This approach safeguards against potential errors and ensures relevant categories are generated.
