Role
Role
Lead Designer
Lead Designer
Tags
Tags
Understand , Sketch, Design , Prototype, Test
Understand , Sketch, Design , Prototype, Test
The goal was to create a user-friendly interface that enhances task management and visibility for AI-driven workflows, streamlining actions through advanced filtering, search, and real-time updates through activity page. It aimed centralizes task histories, documents, and communications, empowering users to make informed decisions efficiently.
The goal was to create a user-friendly interface that enhances task management and visibility for AI-driven workflows, streamlining actions through advanced filtering, search, and real-time updates through activity page. It aimed centralizes task histories, documents, and communications, empowering users to make informed decisions efficiently.




Overview
Overview
What is Beam.ai?
What is Beam.ai?
Beam AI is an Agentic Process Automation (APA) platform that uses AI agents to automate workflows like claims processing, customer service, and operations. It integrates with existing systems, offers customizable agents, and provides pre-built templates to enhance productivity.
Beam AI is an Agentic Process Automation (APA) platform that uses AI agents to automate workflows like claims processing, customer service, and operations. It integrates with existing systems, offers customizable agents, and provides pre-built templates to enhance productivity.
Purpose
Purpose
The challenge that we faced
The challenge that we faced
Beam AI users struggled with managing AI-driven tasks due to poor visibility, real-time updates, and workflow efficiency. Filtering, multitasking, and tracking history were fragmented, causing delays. We needed a streamlined, customizable interface with quick filtering, real-time updates, and intuitive navigation for seamless task management.
Beam AI users struggled with managing AI-driven tasks due to poor visibility, real-time updates, and workflow efficiency. Filtering, multitasking, and tracking history were fragmented, causing delays. We needed a streamlined, customizable interface with quick filtering, real-time updates, and intuitive navigation for seamless task management.
Role
Role
Scope of responsibilities
Scope of responsibilities
In the Beam AI task project, I led design efforts, mapping user flows, sketching concepts, and creating high-fidelity wireframes and prototypes. My process ensured a streamlined, efficient user experience for real-time task management while aligning with our design system.
In the Beam AI task project, I led design efforts, mapping user flows, sketching concepts, and creating high-fidelity wireframes and prototypes. My process ensured a streamlined, efficient user experience for real-time task management while aligning with our design system.
Scope
Scope
Project timeline
Project timeline

Design principles
Defining design principles that followed Beam design system
Simple
Structured
Consistent
Customer focused
Self explanatory
Heirachy

Design principles
Defining design principles that followed Beam design system
Simple
Structured
Consistent
Customer focused
Self explanatory
Heirachy

Design principles
Defining design principles that followed Beam design system
Simple
Structured
Consistent
Customer focused
Self explanatory
Heirachy

Hi-fidelity designs



Global tasks
The Global Tasks page centralizes task management, allowing users to filter by agent, status, or workflow for customized views. A view toggle organizes tasks efficiently, ensuring clear and streamlined tracking across the platform.



Filters
It offers powerful filtering options for tailored task management:
Agent Filter: Track tasks by specific agents for focused monitoring.
Status Filter: View tasks by status (Idle, In Progress, Completed, Consent Required, Failed) to prioritize actions.
Workflow Name Filter: Filter tasks by workflow to assess process performance and efficiency.
It offers powerful filtering options for tailored task management:
Agent Filter: Track tasks by specific agents for focused monitoring.
Status Filter: View tasks by status (Idle, In Progress, Completed, Consent Required, Failed) to prioritize actions.
Workflow Name Filter: Filter tasks by workflow to assess process performance and efficiency.



View by
The View Filter offers flexible task organization:
By Agent: Group tasks by assigned agents for easier tracking.
By Status: Organize tasks by progress stage to identify bottlenecks or completed work quickly.
The View Filter offers flexible task organization:
By Agent: Group tasks by assigned agents for easier tracking.
By Status: Organize tasks by progress stage to identify bottlenecks or completed work quickly.



Activity page
Clicking on a task opens the Activity Page, a real-time interface showing the agent’s progress. Users get live updates with timestamps, actions, and decisions, allowing close monitoring, quick issue detection, and informed decision-making for seamless workflow management.
Clicking on a task opens the Activity Page, a real-time interface showing the agent’s progress. Users get live updates with timestamps, actions, and decisions, allowing close monitoring, quick issue detection, and informed decision-making for seamless workflow management.




Planning and running the workflow
Once the agent identifies a matching workflow, it maps out the steps, dependencies, and outcomes for seamless execution. Users can start the workflow with a single click, ensuring precision, reducing manual effort, and accelerating task completion efficiently.
Once the agent identifies a matching workflow, it maps out the steps, dependencies, and outcomes for seamless execution. Users can start the workflow with a single click, ensuring precision, reducing manual effort, and accelerating task completion efficiently.




Execution, Input required, Completion of the task
When the user clicks Run, the agent executes the task step by step. If input is needed, it pauses and prompts the user, ensuring seamless decision integration. This human-in-the-loop approach balances automation with human oversight for optimal outcomes.
When the user clicks Run, the agent executes the task step by step. If input is needed, it pauses and prompts the user, ensuring seamless decision integration. This human-in-the-loop approach balances automation with human oversight for optimal outcomes.



Sub-task sidebar
Each workflow step is a sub-task that users can click to view details in a sidebar. The sidebar includes Input, Output, and Additional Input sections, which can be expanded or collapsed. Users can also rate outputs to enhance agent learning. For deeper analysis, the sidebar can be expanded into a full-page view.4o
Each workflow step is a sub-task that users can click to view details in a sidebar. The sidebar includes Input, Output, and Additional Input sections, which can be expanded or collapsed. Users can also rate outputs to enhance agent learning. For deeper analysis, the sidebar can be expanded into a full-page view.4o
Outcome
Outcome
Factors that have influenced user behavior
Factors that have influenced user behavior
User testing and initial feedback for Beam's Activity Page have been overwhelmingly positive, highlighting its ability to enhance productivity, streamline task management, and save time for users. The real-time activity tracking, intuitive design, and seamless integration of human-in-the-loop workflows have been praised for empowering users to monitor and execute tasks efficiently. This feedback reaffirms the success of our design and development efforts, ensuring the Activity Page meets the needs of our users while driving impactful outcomes.
User testing and initial feedback for Beam's Activity Page have been overwhelmingly positive, highlighting its ability to enhance productivity, streamline task management, and save time for users. The real-time activity tracking, intuitive design, and seamless integration of human-in-the-loop workflows have been praised for empowering users to monitor and execute tasks efficiently. This feedback reaffirms the success of our design and development efforts, ensuring the Activity Page meets the needs of our users while driving impactful outcomes.
Ready to Start Your Project?
How can I help you?
Let's Talk
B2B Product Designer | Mahnoor Jawed

Ready to Start Your Project?
How can I help you?
Let's Talk
B2B Product Designer | Mahnoor Jawed

Ready to Start Your Project?
How can I help you?

Let's Talk
B2B Product Designer | Mahnoor Jawed
