Create a Prototype of the existing feature using an AI coding tool
If you haven’t already, create a prototype of the dashboard using a tool like Lovable, Figma Make or Magic Patterns. If you’re more technical, you could also create a prototype by taking the production code, stubbing out the backend and focusing on just the front end code. This will enable Bifocal to help you quickly build new ideas with your existing product UX in mindCreate a Project
To create a project, navigate to the Project tab and click “+New Project”. Enter a project name as well as any important context, like a PRD, for the project.Import a Prototype
Next, you’ll be taken to the screen to import your prototype.- Give your prototype a recognizable name that will be referred to throughout the project.
- Choose how you want to import your prototype: from an external service or by selecting an existing template saved as context in your Bifocal account.
Add existing feedback
The best way to add existing feedback to Bifocal is to create new, individual sessions for every single interview or discussion. You can do this for user interviews, customer calls, support tickets and more.- Navigate to the Sessions tab and click “Create Session”
- Choose Import Existing Feedback.
- Give your session a name and choose the type: Customer or Internal. Let’s say I had a transcript from a customer interview with Susie Doe; I might name the session “Susie Doe” and choose “Customer” for the type. If I had customer support tickets, I might label the Session “Intercom Support Tickets”
- Copy and paste all of the text that you want to be analyzed for that session and click “Import Feedback”
View Project Insights
Project Insights extract and create themes across all the feedback added to the project through individual sessions. These themes are viewable on the Insights tab. Each insight includes descriptive data like a category tag and the number of times it was mentioned throughout feedback. Insights also link to the exact quotes from feedback transcripts so that you can trace where the insight originated.Generate Solutions from Project Level Insights
Now, you’re ready to start exploring different solutions to address the feedback you collected. To generate a Solution from a Project Level Insight:- Navigate to the Insights tab and click into the Insight you want to focus on
- Scroll down in the side panel and selec Generate Solution. This will generate a solution to address the insight (note: this might take 1-2 minutes to complete)
- View the Solution in the Insight side panel or on the Solutions tab. Each solution has a description, a set of proposed modifications, and design inspiration that Bifocal believes is relevant.
Generating Prototypes from Project level Solutions
Any proposed solution can instantly be used to generate a new version of a prototype.- Navigate to the Project>Solutions tab.
- Find the Solution you want to use and click into it, then scroll down and click the “Generate Prototype” button. A prototype with this solution will be built in 3-5 minutes minutes and can be accessed directly from the Solution detail view.