ACHIEVEMENT PRODUCT SET
Time
Enterprise Product Design - 2023
Tools
Figma & Google Doc
My Role
UI/UX Designer
Team
Product Team
Project Overview
Introduction
Achievement Product Sets (APS) is a tool on the platform that assists advertisers in choosing the best-selling product group to push on social media. My work on PPS is product iteration and improving UX and work efficiency.
Goal
To expand the business to other platforms, the company needs to update the content based on the existing platform's business and carry out internal product iterations to better adapt the product set to the new platform's requirements.
Scope
Deadline: Three month
Key features: The existing content on the Product Set needs to be adjusted according to Snapchat's brand design guidelines.
Corporate Persona
I referenced the company's existing persona for this product. Below is the persona I created.
Alex Miller
Age: 29
Work: Media Buyer
Location: Atlanta, Georgia
About:
Alex works as an account manager in company success teams. She chooses, buys, and manages advertising placements to ensure ads reach a broad audience and meet campaign goals. She excels in data-driven media purchasing. Her strong communication and negotiation skills can help to manage client relationships.
User Story:
As a media buyer, Alex wants a way to monitor and prioritize that the products she is advertising on social platforms are high-performing products.
Design Process
After discussing the requirements and timeline with the PM and design lead, I planned the whole design process. Our process consists of 4 key stages: Research, Ideation, prototyping, and testing.
I'm very proud that this feature was developed in only three months because of the smooth team collaboration.
Discover Stage
Interview Preparation
I collaborated with the design lead and PM to craft a set of feedback questions to identify pain points using the current product through user interviews.
Interview question list
01
Understand the Job to Be Done & Explore past usage
-
How does it generally assist you in your work?
-
How long have you been using this product set?
-
What problems or needs can it solve for you?
-
What has your experience been with using it?
02
Understand pain points / Understand what works about the current product
-
What has your experience been with using it?
-
What is the most challenging thing about using this product?
03
Explore suggestions or solutions
-
How did you overcome this difficulty at the time?
-
Do you have any suggestions or opinions on the existing process for creating Product Sets?
-
What do you wish the current achievement product set could do that it cannot?
-
If we needed to include Scheduler functionality in creating a new Product Sets to assist you in updating the product suite, what suggestions do you have?
04
General catch-all
-
Is there anything we didn’t ask you that you think would be valuable for us to know?
Conducting Interviews & Note-Taking
When selecting interviewees for this study, I took into account that all users belong to the Success team which is an internal team responsible for creating ads. In order to ensure a comprehensive representation of the team, I carefully chose 6 individuals based on their respective roles and positions.
Interviewers Roles
Account Director
Sr. Growth Strategist
Sr. Account Manager
Account Manager
Research Finding
* I captured the key insights shared by participants on sticky notes and organized them based on the questions they raised.
Upon completion of this process, the issues became glaringly evident.
Synthesis
According to the above affinity map summary, here are some identified major usability problems:
The user flow is challenging to comprehend, and issues were encountered during the account login process.
There is a lack of auto-refresh and updating functionality for product sets. This makes it challenging for users to update their information in real time
These limitations can hinder user access, leading some users to seek assistance from the Product Manager.
Such as every time needs updating an existing product set from start to end.
Ideation Stage
Brainstorm Working Session Workshop
In this stage, the Design lead and I organized a brainstorming workshop with cross-functional partners, including the PM, PgM, Design Lead, Engineering, and QA teams. During that session, I shared research results and facilitated discussions around feature brainstorming and prioritization.
Crazy 8
Solution Sketch
The Crazy 8 was a key component of our brainstorming session, in which all eight participants took part. To begin, each participant introduced their ideas to the rest of the group. Following the presentations, everyone selected the idea they were most satisfied with. And creating a solution for it.
Deliverables from Workshop
Based on the voting outcome, we identified the top five solutions that received the most support from the team. To further refine our focus, we plotted these solutions on the Prioritization Matrix, taking into consideration the effort required for implementation and the value they would bring to our platform.
Prioritization Matrix
-
P0.Let the user get the certificate to access GA.
-
P1.Solve the problem of no auto reminder or auto-update when the existing product set needs to be updated.
-
P2.Minimize the time of finding the right catalog.
-
P3.Optimized UI and cleaned the user journey.
P0
P1
P2
P3
P1
P2
P3
P2
P0
P1
Prototyping
Homepage
The previous design was not clear enough...
In the old design, APS was in the homepage navigation, and the process started with selecting the Business Account and Catalog. Users can't see a detailed list of the specific APS they've created.
After some redesign...
-
Listed all previously created APS for user visibility.
4.
Addressed P3
Optimized UI and cleaned the user journey.
Rearrange the table to add new columns as needed
Add pagination so users can switch tables on demand
Consolidate functions into a three-dot menu
Add paging options
2. Added an account-switching option for user convenience.
3. Maintained essential functions, including creating new PPS and some basic operations.
Addressed P3
Optimized UI and cleaned the user journey.
4. New homepage created to enhance the user experience when no PPS has been created.
Adding initial page
Addressed P3
Optimized UI and cleaned the user journey.
Creation Flow
The previous design was not clear enough...
Currently, finding the relevant product IDs by entering search criteria is the approach. However, the filter component is not intuitively positioned; It's grouped without functional categorization.
After some redesign...
1. Add Step indicator to visualized progress
Addressed P0 & P3
Let users get the certificate to access GA & Optimized UI and Clean the user journey.
2. Adding missing "schedule" section.
Addressed P1
Solve the problem of no auto reminder or auto-update when the existing product set.
Added steps for Schedule
Here will be a sentence to remind users of the information they selected.
Add a skip button, so users can skip this step if they don't need it
3. Group scattered features into modules
Addressed P2
Optimized UI and Clean the user journey & Minimize the time of finding the right catalog.
Previouse layout
Improved layout
The Creation Flow
Challenges & Solution
During the design phase, I encountered 2 main challenges, I will show them below.
ME
1
2
Solution I: Regular feedback and meetings with stakeholders
After finishing a design, I'll share the screenshot with the design manager via Slack, bypassing the weekly 1:1 meeting. After getting the feedback, I'll share it with the design lead and product manager, actively seeking their input. Once everyone is satisfied, I'll notify the product manager to mark the Jira task as complete, ensuring alignment with the project manager's work. And then set meetings with the engineering team to get feedback.
Handoff
Project Manager &
& Product Manager
Feedback flow chart, keep everyone in the same pace
Challenge 1 - Pressing Timeline
Solution II: Provide feedback doc in large Slack group to ensure broader team alignment
Due to simultaneous development and design work, I need to provide regular feedback to the developers working on the pages during the mid-stage of the design process. Typically, I compile the issues into a document and share it within the Slack project group.
Feedback on Figma from the team
Solution III: Provide Clear Hand-off
To enhance collaboration with team members, I diligently named each design file, making it easier for everyone to access.
Naming of prototype
+100
+100
+100
Challenge 2: Time Line Is Too Tight
Solution: Reusing previous design & Seek help proactively from domain expert
I leveraged the previous design for user familiarity and sought feedback from colleagues. Due to time constraints, in consultation with the PM, we have decided to forgo user testing. Testing will be conducted by members of our team.
Solicit design opinions
+100
While we didn't conduct real user testing because of the limited time, the product was ultimately showcased at the company conference and received a positive response. I also received recognition for my contributions to the entire team.
Thanks for everyone's hard work on the project!
Designer: Yufei Su
Product Cycle: 3 month
Experience: + 2400
+2000
Key Takeaways
Communication
Engineers are good at reading docs.
To better align with engineers, prioritize writing documentation and include them as approvers.
When working with external partners, UX designers must pay extra attention to their brand guidelines. Ensuring the correct logo and branding will avoid tons of communication later.
Checking Brand Guidelines
✅
🚫
snap chat icon
Future Work
Usability Testing
Due to time constraints, I didn't conduct user testing once the finished product was developed. So for completed products, I'll focus on one part in the future: Evaluate if users are successful in completing tasks on the product core features. It is an essential step in measuring a product's success. I've outlined them below:
-
On a scale of 1-10, how satisfied are you with the current version of the Product Set?
-
What is the most time-consuming part of using the Product Set?
-
What is the most inconvenient part of using the Product Set?
-
Did you encounter any blockers in completing this task
HELLO AGAIN☀️
Thank you so much for visiting my portfolio!
I'm actively looking for Product / UX design positions.