The API Sandbox is an internal UI application that allows product managers to upload API specification files and create simulated responses for APIs in a sandbox environment. This tool enables testing and mimicking of production environments for APIs that are either under development or developed by third parties.
Experience Designer
Role
1 Designer, 2 Project manager, 1 Development team
Team
1 Designer, 2 Project manager, 1 Development team
Role
Experience Designer
Team
Email: Subihamut@gmail.com
Email: Subihamut@gmail.com
Final Designs
The onboarding widget is a collapsed view of the onboarding checklist—a floating component that guides users on where to start and indicates the step they left off at from their last session.
The checklist default view displays all the essential tasks and subtasks users need to complete before deploying an API, helping them track their progress and keep them engaged.
Checklist modal
The task details view provides a brief introduction to the task, a step-by-step guide, a tutorial link to assist users, and a product guide for any additional questions.
Task details view
Checklist modal
The onboarding widget is a collapsed view of the onboarding checklist—a floating component that guides users on where to start and indicates the step they left off at from their last session.
The checklist default view displays all the essential tasks and subtasks users need to complete before deploying an API, helping them track their progress and keep them engaged.
The task details view provides a brief introduction to the task, a step-by-step guide, a tutorial link to assist users, and a product guide for any additional questions.
Task details view
Exploring Design Options
Option A leverages the U.S. Bank design component "Drawer," a content panel that slides in from the edge of the screen when triggered by a user action. This feature disables the current page content, focusing the user's attention on a single task.
Option B a floating card can display context-specific actions based on user behavior or the current screen, making interactions more relevant and intuitive; this option emerged as the users' preference after testing.
Option B a floating card can display context-specific actions based on user behavior or the current screen, making interactions more relevant and intuitive; this option emerged as the users' preference after testing.
Email: Subihamut@gmail.com
Email: Subihamut@gmail.com
Refining the User Journey
Refining the User Journey
I’m collaborating with the product and development teams to identify the essential steps needed to deploy an API, with the goal of creating a comprehensive onboarding checklist to guide users smoothly through the process.
Below is a user journey map illustrating the end-to-end process of deploying an API, including both required steps and optional steps that vary by business use case. We created a quick wireframe to help visualize how the functionality works. Some tasks are straightforward, while others need to be broken down into smaller, manageable subtasks to prevent users from feeling overwhelmed.
Step-by-step guide to help users understand how to use the tool and navigate their next steps effectively.
Helps users easily resume their work from where they last left off.
Simplify each task and enhance user guidance by providing clear, accessible information throughout the process.
Provide clearer guidance on API deployment options, post-deployment steps.
Provide clearer guidance on deployment options, post-deployment steps.
The current challenges include low adoption of the tool and a high level of support required from the sandbox team. There is also a learning curve for first-time users. Since this is not an app that product managers use on a daily basis, they often have to revisit training videos each time they use it, and frequently get stuck, requiring support from our team.
The purpose of the survey is to gather insights and feedback from PMs about their experience with the product. by analyzing the survey responses, we can learn about their familiarity with the tool and identify the potential candidates for 1 on 1 interviews.
1 on 1 interviews help us gain insights directly from users, understanding their experiences, preferences, and challenges. These interviews help uncover valuable information that might not be captured in the survey.
Interview
