Quality Engineering
min read
February 27, 2024

Spot, Tag, Resolve: BugHerd's Role in Tracking UI issues

Spot, Tag, Resolve: BugHerd's Role in Tracking UI issues
Table of contents

BugHerd is a visual feedback and web-based bug-tracking tool designed specifically for web development and design projects. BugHerd allows teams to report and track bugs, issues, and feedback directly on a website, making it particularly useful for collaborative web development projects.

Bugherd Setup

The BugHerd sidebar can be added to a webpage in two different ways. You may choose to :

  • Install a browser extension
  • Install some Javascript code

Install a Browser Extension

  1. Visit the Chrome webstore page
  2. Click the Add to Chrome button in the top right corner of the page.

  3. Click the "Add extension" button to complete the installation.

Capturing UI Issues

1. Add the project name and the URL of the site.

2.Then a pop-up will appear.

3. Click on the ‘Report an issue on your site’.

4. Then it redirects you to the site.

5. On the site where you want to track the bug, just simply click on the area.

6. Lock the bug and include details such as the bug's severity, tags, and current state. Then proceed to assign it directly.

7. Click on the ‘Create task’ button.

8. You can see the task is added on the site.

9. Tag the Page: Click on the ‘Tag the Page’ icon

10. Click on the task to check the issue where users can see the Tag page location.

  1. Record the video: Click on the ‘Video feedback’ option to record the issue.

a. After recording the video, write the issue, select the severity of the issue and assign the issue to the developer and then click on the create button.

b. After creating the task, the user can see the task by clicking on the task icon where users can play the video to see the issue.

Task Board

User can also add the column in workflow by clicking on ‘Plus’ icon

Collaborative Issue Resolution

Team members can collaborate more easily with BugHerd, which makes the resolution process more streamlined and effective.


  • Visual Feedback: By clicking on items on a webpage, users can submit visual feedback using BugHerd, which makes it simple to identify problems on the website itself.
  • Real-Time Collaboration: Teams can work together in real-time by exchanging task statuses, providing comments, and attaching files. This expedites the settlement of problems and improves communication.
  • Integration with Development Tools: Jira and Trello are just two of the well-known development tools that BugHerd interacts with to make it easier for developers to prioritize and take care of UI bugs.
  • Task Management: Using BugHerd, UI problems are turned into doable tasks that are assigned to individual team members for effective and accountable resolution.
  • User-Friendly Interface: The platform's user-friendly interface makes it suitable for team members who are not technical as well as those who are.


  • Limited Customisation: When compared to other bug-tracking software, some users may think that BugHerd lacks some sophisticated customisation possibilities.
  • Dependency on Browser Extension: Users who prefer tools that don't require installing browser-specific software may find that the requirement for a browser extension is a barrier.
  • Subscription Cost: For smaller teams or users on a tighter budget, BugHerd's subscription cost may be a disadvantage, contingent on the size and requirements of the team.
  • Limited Automation: BugHerd has limited automation capabilities compared to some other project management solutions, although offering interface with other applications.

JIRA Integration

Jira is a versatile team project management and issue tracking tool widely utilized by software development teams. It facilitates efficient planning, tracking, and management of work. Supporting agile methodologies with Scrum and Kanban boards, Jira provides flexibility in work visualization. The tool plays a crucial role in enhancing team collaboration, boosting productivity, and ensuring project success.

Jira's flexible workflow engine empowers teams to define and customize their own processes, allowing the tool to adapt to the unique needs of different projects. Additionally, Jira seamlessly integrates with a wide range of third-party tools and plugins. This integration enhances collaboration and expands functionality, making Jira a dynamic solution capable of meeting diverse project requirement

Connecting Jira with Bugherd

  • In BugHerd, navigate to the project settings.
  • Click on ‘Integration’.
  • A pop-up will appear for integrating with other tools.
  • Choose Jira for integration.
  • Now, Jira tool is enabled

Managing BugHerd issues in JIRA:

For UI issues, tasks are created and added to Backlog in BugHerd. And once Bugherd is mapped to the relevant JIRA project and/or Epic, we can send these tasks with details (task title, description, screenshot) to the JIRA task manually.

We can also send tasks and updates to JIRA automatically using BugHerd-Jira integration settings.

  • We can enable the option to automatically create a JIRA ticket with all details when a task is moved to a particular state (e.g. TO DO).
  • We can enable the option to Sync comments between BugHerd and JIRA tasks.
  • We can enable the option to update Bugherd task status once an associated JIRA task is completed.


When it comes to fighting UI problems, BugHerd has shown to be an invaluable ally. Teams aiming to provide flawless user experiences will find its visual feedback capabilities, collaboration features, and easy-to-use interface to be very suitable. Development teams may guarantee that UI issues are found and fixed quickly by configuring BugHerd for UI issue tracking, effectively documenting issues, and utilizing its collaborative resolution tools. This will improve user happiness and result in a polished end product.

Written by
No art workers.
We'd love to talk about your business objectives