Web Activities Creator
The Aternity Web Activity Creator (WAC) enables to quickly and intuitively create custom activities for web applications directly from the web page. The WAC is an interactive Google Chrome extension that opens as a floating sidebar next to web page.
Process and Deliverables
Comprehensive approach to designing an intuitive web activity creation tool
Research
User interviews and analytics review to understand user needs and pain points in web activity creation.
Competitive Analysis
Market evaluation and benchmarking against similar browser extension tools and activity creators.
Usability Testing
User validation and iteration through multiple testing cycles to ensure intuitive interaction design.
Figma Prototyping
Interactive prototypes and wireframes for chrome extension interface and user workflows.
Emojis & Graphics
Custom visual assets and iconography designed specifically for browser extension environment.
Cross-team Dependencies
Stakeholder alignment and strategy coordination between UX, development, and product teams.
Interactive Browser Tool
The Aternity web activities creator features allow users to define Custom Web Activities: Users can specify and create custom web activities tailored to their organization’s unique requirements.
- Floating sidebar interface that opens next to any web page
- Real-time element selection and activity creation
- Custom web activities tailored to organizational needs
- Direct integration with Aternity monitoring platform
Integration Process
Seamless workflow from creation to monitoring
To incorporate an Aternity web activities XML file into the Aternity application, the user should navigate to the “Activities” screen and click on “Add Activity” button to upload the XML file. The user should verify and confirm that the imported activities align with their intended use and are accurately reflected in the system.
Create Activity
Use WAC to define custom web activities directly from web pages
Export XML
Generate and download XML file containing activity definitions
Import to Aternity
Upload XML file to Aternity’s Activities screen for monitoring
Once integrated, the user can monitor the selected applications through the “Manage Applications” screen, enabling seamless integration of Aternity web activities for monitoring or reporting purposes.
Challenges & Solutions
Addressing complex interface and data management challenges
The challenge of displaying a list of hundreds of activities and providing a contextual action for each.
Tree Preview
Organize activities in a hierarchical tree structure, where users can expand and collapse branches to view subsets of activities. This helps manage the display of large volumes of data while providing a clear overview of the organization’s structure.
Filtering
Offer robust filtering options that enable users to refine the activities list based on various criteria such as activity type, date range, or associated projects. This allows users to quickly locate specific activities of interest within the extensive list.
Sorting
Provide sorting options to allow users to arrange the activities list according to different parameters such as name, date created, or priority. This facilitates easier navigation and identification of activities based on user-defined preferences.
User Flow
Step-by-step workflow for creating and implementing custom activities
Custom Activity Creation Workflow
Create a custom activity in the Aternity Web Activity Creator to measure the application’s response time. Users can then export this custom activity as a signature XML file and upload it to Aternity’s Managed Applications page to begin monitoring.
- Open the Aternity Web Activity Creator Chrome extension on the target web page
- Select and define elements on the web page that represent key user interactions
- Configure activity parameters including response time measurements and success criteria
- Test the activity definition to ensure accurate capture of user workflows
- Export the completed activity as a signature XML file for integration
- Upload the XML file to Aternity’s Managed Applications page to begin monitoring
- Verify activity integration and monitor performance metrics through Aternity dashboard
The Use Cases
Real-world scenarios demonstrating the Web Activities Creator in action
The Onboarding Screen
Initial user experience designed to guide users through the extension setup and basic functionality introduction.
Agent Version Setup
After downloading a specific agent version, users can begin adding elements from any web page to create custom activities.
Activities Tree Management
The list of activities tree offers the option to rename each activity as needed. When an activity name exceeds the page width, ellipses indicate that the name continues beyond what is currently visible. The number within the brackets indicates the count of activities when the activities tree is collapsed.
Error Handling
The error dialog sample showing how the system communicates issues and provides clear guidance for resolution.