On this page, I want to go through some challenges that I faced while working on a project/product. First, I will explain the issue, then describe my solution.
Problem -> Users had various troubles while posting a task on Taskpin.
The process of posting a task had some complications and inefficiencies. Reviewing Hotjar recordings indicated that users could encounter issues while adding the Task Title, Description, or specifying their Location. Additionally, placing all these input fields together might confuse them.
Solution
Since I enjoy simplifying things, I implemented the following actions:
1️⃣ I divided the process into smaller pieces. At each step, I asked the user just one question to answer.
2️⃣ I included necessary tips for each question to assist users in understanding the step if they were confused.
3️⃣ I integrated a progress bar to display users their progress, increasing it in larger chunks to give them the sensation of nearing completion.
4️⃣ I gave users some options to control their doubts while choosing budget for their task. Therefore, they don't require to specify an exact amount.
5️⃣ I leveraged AI to aid users in writing a description for their task, thereby reducing the time required to post a task.
6️⃣ I provided a summary page for users to check their input information before submission. This reduces the need for further editing.
7️⃣ If a guest user wishes to post a task in Taskpin, I provide them with an exclusive page to enter their email address. Their email address will be checked, and if the user does not exist, they will enter the onboarding process. If the user exists, they will be asked for their password and can quickly post the task after logging in.
Now, you can post a task in Taskpin under 2 minutes!
Problem -> Users had various troubles while making an offer on Taskpin.
Making an offer is a crucial process in Taskpin, as it allows the Tasker (the person who provides services) to write text or record a short video for their offer. To complete this process, users must provide important information such as a billing address, bank account details, and more in their profile. Reviewing Hotjar recordings indicated that users could encounter issues while adding this information.
Solution
To optimize this process, the following steps have been taken:
1️⃣ I introduced a page called Offer Requirements to collect all necessary information during the process. This way, users don't need to fill in this information in their profile.
2️⃣ I designed the entire process on one card (third column in the above image) to help Taskers utilize task information while writing their offer.
3️⃣ The process is the same across all platforms, ensuring users have a consistent experience on each one.
4️⃣ We have a feature called Quick Offer that allows users to save their offer for reuse across multiple tasks.
Problem -> Taskers scroll through tasks to find suitable ones to make offers on.
Hotjar observation data shows that users scroll through tasks periodically to find suitable ones, which is time-consuming and inefficient.
Solution
To help users effectively find suitable tasks, I introduced the following features to the product:
1️⃣ Category-based Task Alerts, which Taskers can set in their profile to receive relevant tasks for making offers.
2️⃣ Connecting Task Alerts to push notifications to inform Taskers about new tasks related to their alert settings.
Problem -> Puzzley panel lacks a guided tour to introduce it to users.
User research showed that users have to figure out how to work with the panel on their own. While this may be easy for some, others may face confusion and decide not to use the panel, as Hotjar observation data has shown.
Solution
To help users effectively learn about the panel features, I did the following actions:
1️⃣ Proposed Puzzley team to add guide tour for the panel. They had prepared necessary designs for this feature. Therefore, user observation data proved they had to take action quickly.
2️⃣ I put a "Help" button for each section in the panel to give users access to relevant documentation about that section to reduce confusion.
3️⃣ I introduced an App Wizard and separated it from other parts of the panel. This allows users to focus entirely on creating an app without unnecessary items appearing and causing confusion.
Problem -> Users have to create an app from scratch.
Each user who wanted to create an app had to start from scratch, learn about the panel, and spend hours reading Puzzley help documentation. This process was not only inefficient and time-consuming but also discouraged users from engaging with the product.
Solution
To address this issue, I introduced App Templates to the Puzzley panel, enabling users to utilize pre-built apps and customize them according to their requirements. However, advanced users have the option to skip this step and configure all necessary settings themselves.
Problem -> Users find it difficult to preview their app in the Puzzley Web App.
A significant portion of Puzzley users create apps using their mobile devices. However, they encountered complications while interacting with the web app because it hadn't been optimized for mobile users.
Solution
Given the deficiencies in the design of the Puzzley Web App, I adopted a mobile-first approach during the redesign process. Here are the actions I took to improve user experience:
1️⃣ After introducing the App Wizard, I modified the panel navigation bar when users are using the App Wizard. This allowed me to utilize the space for other important elements.
2️⃣ I included an app preview in each step of the mobile version.
Problem -> Users cannot see a general overview of their apps
Puzzley had a dashboard page, but it was never used.
Solution
I designed a dashboard page for Puzzley to provide users with a general overview of their applications and quick settings.
1️⃣ Display the three most recent applications at the top of the page.
2️⃣ Implement a push notification panel to send urgent notifications to specific app users.
3️⃣ Provide an overview of remaining storage and a call to action to add more.
4️⃣ Include recent news and changes in the Puzzley panel.
5️⃣ Create a timeline of events that users have done in the panel.
