PROJECTS

Topaz Video AI

First, let me briefly introduce this product. It is designed to enhance video clarity and can also create slow-motion effects. In other words, for a video, this tool can add pixels to improve image quality and increase frames on the timeline. Many video editing software tools, such as Adobe Premiere and CapCut, have similar built-in features. However, when I joined the company, this was still a standalone app.

What you are currently observing are the previous version of the product, the current version, and the future version.  The three major improvements I implemented for this product include:
1. Advocate real-time rendering, replacing the previous preview feature - exporting a short video for viewing(released).
2. Release a comprehensive, industry-standard timeline design instead of meaningless ticks(released).
3. Segment functionalities into separate interfaces - Export Queue is separate from workspace(released in Alpha).
4. Introduce the onboarding self directed process for new users (released).
5. Reintroduce the comparison feature(partially released, partially in roadmap).

To avoid overwhelming you, dear reader, today I will mainly focus on stories about 1, 2, and 3. I will briefly touch on 4 and 5.

Previous


Current







01 / 07

Project Initiation


First, let me briefly introduce the beginning of story. I was tasked with designing a small feature, but after using the app, I felt very confused. So, beyond completing my assigned task, I proposed to the CEO that I conduct research on new user experience issues. I first created a user profile and then conducted a new user test with similar users. I found that they didn’t understand what was happening.

how can we research new user experience issues? The first step is to establish a profile of our target users and identify individuals who match this profile for user research.To start, I leveraged two key resources: our forum community and the user survey conducted last year via Amplitude. By conducting interviews with users from the forum and analyzing the survey results, I was able to define the following key characteristics of our target users:


1.Video Professionals: They are experts in the video field, meaning they make a living through video production.
2.Aged 35 and Above: This demographic tends to have more disposable income, which is crucial for purchasing a high-priced product like ours.Frequent Users of Popular Video Editing Software:
3.Over 80% of users utilize trending video editing tools.
4.Efficiency-Oriented: Time is money for these users, and they value tools that streamline their workflow.


Based on these characteristics, I reached out to some video professionals who had never used this product before and invited them to participate in new user testing. After conducting three rounds of testing, I identified some common behaviors among them:

What I observed:

1. On the right is the parameter adjustment panel. All new users assumed that adjusting the parameters would immediately show the effects in the preview window.
2. When they didn’t see any effect, some users tried clicking "Preview" or "Export." However, when asked, they couldn’t explain what was happening. Most of them also failed to notice that a new video output had been added to the output section.
3. When I asked users which parameter settings produced better results, most of them found it difficult to compare, as the improvements were quite subtle. They mentioned that having a comparison feature would make this much easier.


Organized Insights:‍‍


It’s clear that the current interface is not user-friendly for new users. Even for experienced users, I don’t believe it’s intuitive or efficient enough. To address the friction new users face, we could introduce a guided tour to help them quickly understand how to use the app correctly.

However, to truly improve the user experience, I believe it’s necessary to redesign the user flow and interactions. This would be a significant undertaking, requiring thorough validation to ensure its effectiveness.

The next steps can be divided into two parts:


1. Design a guided tour for new users. I will provide a brief introduction to this in the next section.
2. Conduct in-depth user research with existing users to identify the issues they face while using the app AND perform a competitive analysis to compare this product with its competitors, identifying strengths and weaknesses in the user experience.









02 / 07

Briefly introduce the new user guides

After introducing the new user guide, how can we evaluate whether the user experience has improved?

Ideally, we would track user retention rates. However, as a startup, we lack the resources for professional data analysis. Instead, I conducted user testing with a few target users. Although I only ran three tests, the results were promising.

That said, I suspect the positive results were partly due to the controlled nature of user testing, where participants are more likely to read the guided tour carefully. (In reality, many users might choose to skip the tour.)

Still, for those who didn’t skip the tour, it was clear they were able to grasp the complete user flow more quickly and avoid getting stuck or randomly clicking around. This suggests that the guided tour at least helps users who engage with it to have a smoother onboarding experience.









03 / 07

Research Preparation for Redesigning the Product



Identify User's Painpoint:


First, it’s essential to understand why users are willing to buy this product and what problem it solves for them. Clearly, any new design I propose must do an even better job of addressing this core problem.Defining this problem clearly not only ensures that the redesign stays focused on delivering value to users but also acts as a guiding principle to prevent the design from veering off course. This alignment between the problem and the solution is crucial for creating a meaningful and effective user experience.

Through discussions with experienced users and reviewing forum feedback, it’s clear that the primary pain point for users is video quality.


The question of how users can achieve the best video quality is where our product stands out from competitors. While tools like Adobe Premiere and CapCut offer similar features with faster rendering times and more user-friendly parameter settings, the core issue is that their output quality doesn’t match what our product delivers. This unique advantage in results sets our product apart and is the primary reason users are willing to invest in it, despite its steeper learning curve or slower processing times.

This insight should drive the design focus: ensuring that users can easily and effectively unlock this superior quality without being hindered by usability issues.


Next Action Item:


Based on the previous new user research, I identified design elements that go against users' natural intuitions. Now, I need to conduct in-depth research with experienced users to uncover which aspects of the product—despite users overcoming the learning curve—still fail to address these design issues effectively.The third aspect involves performing a competitive analysis of similar products. By cross-referencing insights from these three research areas, I aim to identify the core problems in the current product and brainstorm potential solutions.

Two kinds of research to be done: User Interview for Experienced Users + Competitor Analysis


My primary goal is to understand their usage habits and uncover the reasons behind these habits, rather than simply asking which areas need improvement. The latter often fails to provide a deep understanding of user behavior. By focusing on habits and their formation, I can better grasp the root causes of usability issues.

User Interview for Experienced Users - Key Findings Summary:

1. Experienced users are aware that adjusting parameters does not produce immediate effects. To achieve the best results:Some users turn to forums to find parameter presets shared by peers. Others experiment with minor tweaks (usually fewer than five attempts) under a preset. Since rendering results take considerable time, users typically spend no more than 15 minutes in the app, aiming to fine-tune the best possible settings before exporting the final video.

2. Many experienced users don’t fully understand the difference between Preview and Export. One user even admitted they had no idea what Preview was for.For other users, Preview simply means exporting a small segment of the video.

3. Comparing the effects of different previews is challenging. As mentioned earlier, users typically export only 4–5 preview segments for quick comparison. Some even resort to using external apps for side-by-side comparisons before deciding on the final parameter settings for export. Some mentioned that in old version 2.6.4, the 4 view comparison feature was super useful.



Competitor Analysis - Key Findings Summary:

1. Real-Time Rendering is the Norm. Although competitors’ video enhancement results don’t match the quality of our product, real-time rendering has become the industry standard—nearly 100% of mainstream tools offer it. While some tools, like After Effects (AE), may not achieve true real-time rendering, they still provide near-instant feedback with minimal processing time.

2. The Concept of "Preview" is Almost Nonexistent. According to users, the purpose of a preview is merely to quickly view an effect, which can be replaced by real-time rendering. Exporting a video is the endpoint of the user flow, so it is separate from the workspace. Exporting produces the final video, whereas real-time rendering does not generate any video files—it only exists within the workspace. These two are fundamentally different.

3. The timeline area is an industry standard because it helps users pinpoint the areas they want to process or adjust. Without a complete timeline feature, users can only guess which frame they are observing.

4.Since most products' real-time rendering features are quite fast, users tend to repeatedly modify a video. If the modification doesn't work, they undo the last action. In other words, comparisons are made against the previous state.









04 / 07

Analyze the research findings and identify breakthrough points for design.

Organized Insights:‍‍


Based on the insights from the three rounds of research, I cross-referenced the findings and concluded that if we could provide a real-time rendering feature to replace or supplement the existing preview (which currently involves exporting a short video, essentially no different from export), it would allow users to quickly see the effect of parameters, even if just a single frame or a few frames. This would improve efficiency.

The similarity between preview and export not only confuses new users but also doesn’t offer much benefit to experienced users. I believe the concepts of export and preview should be clearly separated to avoid confusion.

A better timeline feature is essential as it allows users to anchor to different frames in the video to review the results.

The comparison feature is crucial for this app, as some experienced users mentioned that the improvements are subtle, and it’s sometimes difficult to notice without careful observation. However, because they have high standards for video quality, they are willing to pay for even the smallest improvements. Also, in version 2.6.4, the comparison feature was verified as a big success. At the same time, they need a good interface that allows them to clearly observe the subtle differences caused by changing parameters.

Next, I plan to focus on designing around those findings.


Next Action Item:


The next step is to create an interactive mockup based on this finding and test it with existing users from previous interviews. The goal is to gather their feedback on whether this approach reduces confusion and improves efficiency.
The similarity between preview and export not only confuses new users but also doesn’t offer much benefit to experienced users. I believe the concepts of export and preview should be clearly separated to avoid confusion.









05 / 07

Validation via Mockup and Release



Here’s the Figma interactive prototype I created. I had users try to complete tasks such as applying the Proteus model to a video to see its enhancement effects. The hidden task was to observe their reaction to the live render feature and have them test the timeline functionality, exporting videos, and the 4-views comparison feature to gather their feedback.

Here’s the user feedback:

1. The live render and 4-views comparison features received the best feedback, as they significantly improved the efficiency of video enhancement tasks.The timeline created from screenshots was also well-received.

2.While users are unsure about its practical usefulness, they found the timeline very accessible and visually appealing.

3.Users felt it was fine to place the export function in a separate tab—it wasn’t confusing—but they weren’t sure if this setup improved efficiency.


Based on this feedback, I discussed with the developers which features are feasible and which would be difficult to implement. The main challenge is that the app is built using QT, which is optimized for single-page app development. QT has significant limitations when it comes to multi-page functionality, provides poor support for players, and is difficult to customize. Therefore, when finalizing the design delivery, the following considerations need to account for the realities of development:

These practical development factors will impact the final design:

1. Live Render: Performance issues need to be addressed, as this feature consumes a significant amount of GPU resources. Not every user has a high-end computer.
2. Export as a Full-Screen Page: This is very challenging because QT doesn’t support multi-page functionality.
3. Fully Functional Timeline: This feature is relatively more feasible but requires further research on how to implement it effectively.
4. 4-Views Comparison: This places high demands on the player. Without upgrading the player, it is currently not possible to implement. A 2-views comparison feature can be prioritized instead.









06 / 07

Actual Delievery


1. Live Render
Considering some users' computer configurations, make live render optional and keep the original manual click render button. However, the render effect will be displayed inline on the timeline, rather than being exported as a video.





2.Export Queue:

Due to technical limitations, the final export queue is placed in a popover overlay instead of a separate tab.





3. Timeline:

Considering some users' computer configurations, make live render optional and keep the original manual click render button. However, the render effect will be displayed inline on the timeline, rather than being exported as a video.

mockup:

Actual Delivery:




4. Comparisons Feature

Due to technical limitations, it was ultimately decided to release the 2-views comparison.








07 / 07

Retrospect of Delivery and Future Improvement



Feedback on delivery:


Based on the final user feedback, the live render and timeline received positive reviews as expected. However, the export overlay was seen as an insignificant change by some users, and the comparison feature was considered a poor design. This is because the 2-views comparison already existed in the previous app as a comparison between the original and processed videos (before and after). Now, suddenly, the left side showing the original video has become an editable workspace (after and after), which many users found confusing.

Although my original intention was to create a 4-views feature (to distinguish the comparison function from the regular before-and-after), the inevitable compromise with the 2-views function didn’t work well. Upon reflection, even though I conducted user testing with the 2-views feature before the release, the testing method might have been flawed. I walked users through the feature rather than letting them figure it out on their own with tooltips, so users easily misunderstood it as a misleading feature.

If I were to redesign it, I would consider:

1. Delaying the release of this feature until it’s more refined.
2. During user testing, not explaining the feature verbally but allowing users to explore it on their own.


Design for future:


So, what is the future direction of the product, and how can we optimize it further? In addition to working on current designs, I also try to envision possible future product directions based on user feedback and actively seek out additional feedback. Below are some of my thoughts on future designs.

Interestingly, as I initially researched, the four-view comparison, video AI’s survival in the competition actually hinges on its ability to deliver the best results, rather than its user experience. When I released this future design on the forum, the response I received was: "When will the new video enhancement AI model be available?" Clearly, long-time users care most about results—results—results. This has forced me to rethink the role of product experience in product design, and how we interpret user feedback.


















Thanks for reading this story!!!! 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻