This was one of those really satisfying projects that improves the lives of my colleagues in addition to our users.
JWP's existing closed caption editor received SO MANY complaints from customers. It was kind of a low-level plague hanging over the heads of our help desk, PMs, and Account Managers. So I fixed it!
Editing captions is a finicky process. The editor needs to be able to zoom through every line of speech in a (potentially long) video, read a lot of text, make tiny edits, and check how the captions will look to the end user.
Our existing editor didn't make it easy to do any of that! And Donni from the help desk was fielding a hopeless number of complaints from users.
I scheduled some interviews with the most frequent complainers to walk through their process and figure out what was actually going wrong in their workflows. And they did NOT hold back! I was able to form a really detailed picture of how this tool was disrupting their workday.
Users also hated that they had to press a “confirm” button when a caption was changed. Their instinct was to simply click into another caption and begin editing.
Here, the user can simply click a caption or use arrow keys to navigate, with no added friction.
Time was represented in a weird way in the existing tool. It was just a list of captions with timecodes, but users tend to think of time on the x-axis. Except in China, interestingly, but that's an issue for another day.
Ultimately, the way to allow users to form a correct mental map of this feature (and thus be able to predict where captions exist in time) is to provide a timeline! Now, instead of having to parse and compare hundreds of timecodes, users can see each caption represented as a chunk of time. It's much more obvious how the captions relate to each other!
Now, when users add a caption, it appears right where they expect it to.
I mean this was an easy win, but putting the captions in a scrollable table solved the most annoying workflow problem for customers.
It's crucial to see captions overlaid on top of the video to assess length, legibility, and timing-- and this change allowed customers to view the preview no matter how far down the list they're working
With the addition of this little nugget, there's no ambiguity about whether or not a caption track is visible to viewers.
Once this feature had been developed and passed QA, my team made the decision to release it behind a cookie at first. This would allow us to circle back with the angry customers we had interviewed in the research stage to ensure that the tool solved their initial problems.
The response was incredible! These users were able to create and edit caption tracks with very little guidance. The thing that seemed to really make the biggest difference was the timeline. All of a sudden, users were able to create an accurate mental model of how time worked within this tool.
Reassured, we removed the cookie so the new CC editor was available to all users and we never looked back.