OVERVIEW
OVERVIEW
OVERVIEW
CRM Software | Desktop Dashboard
CRM Software | Desktop Dashboard
CRM Software | Desktop Dashboard
Social media platforms are trending widely used by business owns as advertising purpose. Small or considerable amount of middle-size enterprise, who do not outsource their advertising work to third party, average spend 8 hours more on managing their social medias.
Social media platforms are trending widely used by business owns as advertising purpose. Small or considerable amount of middle-size enterprise, who do not outsource their advertising work to third party, average spend 8 hours more on managing their social medias.
Social media platforms are trending widely used by business owns as advertising purpose. Small or considerable amount of middle-size enterprise, who do not outsource their advertising work to third party, average spend 8 hours more on managing their social medias.
One third of CEOs/owners/proprietors want to spend less time on social media.
One third of CEOs/owners/proprietors want to spend less time on social media.
One third of CEOs/owners/proprietors want to spend less time on social media.
PROBLEM
PROBLEM
PROBLEM
DISCOVERY
DISCOVERY
DISCOVERY
POV Statement
POV Statement
POV Statement
A business owner needs a cost-effective way to manage multiple business social media accounts because she daily spends 3 hours creating posts and interacting with others but she doesn’t know if it’s worth doing so or how much the input-output ratio is.
A business owner needs a cost-effective way to manage multiple business social media accounts because she daily spends 3 hours creating posts and interacting with others but she doesn’t know if it’s worth doing so or how much the input-output ratio is.
A business owner needs a cost-effective way to manage multiple business social media accounts because she daily spends 3 hours creating posts and interacting with others but she doesn’t know if it’s worth doing so or how much the input-output ratio is.
How Might We Questions
How Might We Questions
How Might We Questions
Answers to the “How might we questions” are our focus points on how my product solves users’ problems.
Answers to the “How might we questions” are our focus points on how my product solves users’ problems.
Answers to the “How might we questions” are our focus points on how my product solves users’ problems.
•
How might we help users to save time on managing multiple social media account?
How might we help users to save time on managing multiple social media account?
How might we help users to save time on managing multiple social media account?
•
How might we provide refined and understandable data to help users to make business decisions?
How might we provide refined and understandable data to help users to make business decisions?
How might we provide refined and understandable data to help users to make business decisions?
SOLUTIONS
SOLUTIONS
SOLUTIONS
So-Pro is social media management software for businesses. So-Pro offers users the ability to integrate with the current most popular social media platforms. It also provides deep social media listening and analytics, customer care and advocacy solutions to the users.
So-Pro is social media management software for businesses. So-Pro offers users the ability to integrate with the current most popular social media platforms. It also provides deep social media listening and analytics, customer care and advocacy solutions to the users.
So-Pro is social media management software for businesses. So-Pro offers users the ability to integrate with the current most popular social media platforms. It also provides deep social media listening and analytics, customer care and advocacy solutions to the users.
PRIMARY FEATURE 1
PRIMARY FEATURE 1
PRIMARY FEATURE 1
Publishing
Publishing
Publishing
Users can post similar content to multiple social media at a same time.
Users can post similar content to multiple social media at a same time.
Users can post similar content to multiple social media at a same time.
PRIMARY FEATURE 2
PRIMARY FEATURE 2
PRIMARY FEATURE 2
Interactions
Interactions
Interactions
Users can reply and manage all the comments to their social media accounts.
Users can reply and manage all the comments to their social media accounts.
Users can reply and manage all the comments to their social media accounts.
PRIMARY FEATURE 3
PRIMARY FEATURE 3
PRIMARY FEATURE 3
Analysis
Analysis
Analysis
Users can analyze which social media channel has the best performance.
Users can analyze which social media channel has the best performance.
Users can analyze which social media channel has the best performance.
RESEARCH 1
RESEARCH 1
RESEARCH 1
Contextual Inquiries
Contextual Inquiries
Contextual Inquiries
Observe people who have using socisl media as branding and advertising purpose.
Observe people who have using socisl media as branding and advertising purpose.
Observe people who have using socisl media as branding and advertising purpose.
Katherine Lopez
Katherine Lopez
Katherine Lopez
@ April 23 Florist
@ April 23 Florist
@ April 23 Florist
Social Media Usage
Social Media Usage
Social Media Usage
What she said
What she said
What she said
•
“Actually I spend more than 3 hours on social media everyday and also weekends.”
“Actually I spend more than 3 hours on social media everyday and also weekends.”
“Actually I spend more than 3 hours on social media everyday and also weekends.”
•
“Too exhausted to do that. Don’t have extra time to plan my business future.”
“Too exhausted to do that. Don’t have extra time to plan my business future.”
“Too exhausted to do that. Don’t have extra time to plan my business future.”
•
“I don’t know what I am doing is useful and cannot leverage the efficiency.”
“I don’t know what I am doing is useful and cannot leverage the efficiency.”
“I don’t know what I am doing is useful and cannot leverage the efficiency.”
What I saw
What I saw
What I saw
•
He takes responsible for the accounts of Instagram, Twitter and Facebook.
He takes responsible for the accounts of Instagram, Twitter and Facebook.
He takes responsible for the accounts of Instagram, Twitter and Facebook.
•
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
•
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
Vicky Wu
Vicky Wu
Vicky Wu
@ Kaado
@ Kaado
@ Kaado
Social Media Usage
Social Media Usage
Social Media Usage
What she said
What she said
What she said
•
“I really need more attention on my social media account, but don’t know how to do. I am willing to pay for it.”
“I really need more attention on my social media account, but don’t know how to do. I am willing to pay for it.”
“I really need more attention on my social media account, but don’t know how to do. I am willing to pay for it.”
•
“It’s better someone can teach or guide me on managing social media accounts, because I think what I am doing is not effective.”
“It’s better someone can teach or guide me on managing social media accounts, because I think what I am doing is not effective.”
“It’s better someone can teach or guide me on managing social media accounts, because I think what I am doing is not effective.”
What I saw
What I saw
What I saw
•
Half-hour make-up and take product photo at the same time. It’s quick and simple.
Half-hour make-up and take product photo at the same time. It’s quick and simple.
Half-hour make-up and take product photo at the same time. It’s quick and simple.
•
Post 2-3 similar content on Instagram and Facebook. The whole process takes about 1 hour.
Post 2-3 similar content on Instagram and Facebook. The whole process takes about 1 hour.
Post 2-3 similar content on Instagram and Facebook. The whole process takes about 1 hour.
•
Her accounts are very brand new. The followers are less than 100. There is just a few like of each post. Other users barely interact with her.
Her accounts are very brand new. The followers are less than 100. There is just a few like of each post. Other users barely interact with her.
Her accounts are very brand new. The followers are less than 100. There is just a few like of each post. Other users barely interact with her.
Brian Watson
Brian Watson
Brian Watson
@ California Institute of Integral Studies
@ California Institute of Integral Studies
@ California Institute of Integral Studies
Social Media Usage
Social Media Usage
Social Media Usage
What he said
What he said
What he said
•
“I’m not busy because I have 8 hours to do 3-4 hours’ job everyday. Therefore, our school doesn’t need a social media managing tool for extra cost. My another team member (we totally have 2), she is in charge of the Youtube channel. I believe the managing tools could definitely help those who are not full time social media managing person.”
“I’m not busy because I have 8 hours to do 3-4 hours’ job everyday. Therefore, our school doesn’t need a social media managing tool for extra cost. My another team member (we totally have 2), she is in charge of the Youtube channel. I believe the managing tools could definitely help those who are not full time social media managing person.”
“I’m not busy because I have 8 hours to do 3-4 hours’ job everyday. Therefore, our school doesn’t need a social media managing tool for extra cost. My another team member (we totally have 2), she is in charge of the Youtube channel. I believe the managing tools could definitely help those who are not full time social media managing person.”
•
“If the managing tools have distinctive analysis tools are super useful, such as conversion rate, ratio of penetration, and etc.”
“If the managing tools have distinctive analysis tools are super useful, such as conversion rate, ratio of penetration, and etc.”
“If the managing tools have distinctive analysis tools are super useful, such as conversion rate, ratio of penetration, and etc.”
What I saw
What I saw
What I saw
•
He takes responsible for the accounts of Instagram, Twitter and Facebook.
He takes responsible for the accounts of Instagram, Twitter and Facebook.
He takes responsible for the accounts of Instagram, Twitter and Facebook.
•
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
Spend 30 minutes on collecting yesterday analysis data from the three platforms and sent the report to the marketing leader.
•
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
Spend 30 minutes to interact with audience and pass the potential customers to the sales department.
RESEARCH 2
RESEARCH 2
RESEARCH 2
Quantitative Survey
Quantitative Survey
Quantitative Survey
Collect 53 online surveys to generate a common pain points of the business social media users.
Collect 53 online surveys to generate a common pain points of the business social media users.
Collect 53 online surveys to generate a common pain points of the business social media users.
43.4
43.4
43.4
%
%
%
Not enough time to manage
Not enough time to manage
Not enough time to manage
32.1
32.1
32.1
%
%
%
Spend 6-10 hours per week on managing accounts
Spend 6-10 hours per week on managing accounts
Spend 6-10 hours per week on managing accounts
35.8
35.8
35.8
%
%
%
Too many accounts need to be managed
Too many accounts need to be managed
Too many accounts need to be managed
88.7
88.7
88.7
%
%
%
Post similar content to different accounts
Post similar content to different accounts
Post similar content to different accounts
37.7
37.7
37.7
%
%
%
Difficult to create quality posts
Difficult to create quality posts
Difficult to create quality posts
0
0
0
%
%
%
Has experiece on social media managing tools
Has experiece on social media managing tools
Has experiece on social media managing tools
IDEATION
IDEATION
IDEATION
After researching and conducting pain points, I thought about how to reach my design goals. This Information Architect only for the 3 features which I have designed for this project.
After researching and conducting pain points, I thought about how to reach my design goals. This Information Architect only for the 3 features which I have designed for this project.
After researching and conducting pain points, I thought about how to reach my design goals. This Information Architect only for the 3 features which I have designed for this project.
USER FLOW 1
USER FLOW 1
USER FLOW 1
Publishing
Publishing
Publishing
User wants to post similar content to multiple social media accounts in So-Pro.
User wants to post similar content to multiple social media accounts in So-Pro.
User wants to post similar content to multiple social media accounts in So-Pro.
USER FLOW 2
USER FLOW 2
USER FLOW 2
Replying
Replying
Replying
User wants to reply comments to the social media accounts in So-Pro.
User wants to reply comments to the social media accounts in So-Pro.
User wants to reply comments to the social media accounts in So-Pro.
USER FLOW 3
USER FLOW 3
USER FLOW 3
Analyzing
Analyzing
Analyzing
User wants to know which social media channel has the best performance for his/her business this month.
User wants to know which social media channel has the best performance for his/her business this month.
User wants to know which social media channel has the best performance for his/her business this month.
USABILITY
USABILITY
USABILITY
TESTING
TESTING
TESTING
Testing Result
Testing Result
Testing Result
In the usability testing, I chose 3 users to test my low-fidelity wireframe. I explored their reaction during testing and interview them for some feedback after testing.
In the usability testing, I chose 3 users to test my low-fidelity wireframe. I explored their reaction during testing and interview them for some feedback after testing.
In the usability testing, I chose 3 users to test my low-fidelity wireframe. I explored their reaction during testing and interview them for some feedback after testing.
Kevin
Kevin
Kevin
Miller
Miller
Miller
Kevin was excited about the whole idea of the application. He was engaged with the content the entire time, though he seemed to question about the details on the landing page, which is the dashboard. He also consider the legibility on the content size.
Kevin was excited about the whole idea of the application. He was engaged with the content the entire time, though he seemed to question about the details on the landing page, which is the dashboard. He also consider the legibility on the content size.
Kevin was excited about the whole idea of the application. He was engaged with the content the entire time, though he seemed to question about the details on the landing page, which is the dashboard. He also consider the legibility on the content size.
USER FLOW 1
USER FLOW 1
USER FLOW 1
•
"What is the time frame about the data from Accounts and Activities?"
"What is the time frame about the data from Accounts and Activities?"
"What is the time frame about the data from Accounts and Activities?"
USER FLOW 2
USER FLOW 2
USER FLOW 2
•
"Should state which channel of this comment in the comment replying page."
"Should state which channel of this comment in the comment replying page."
"Should state which channel of this comment in the comment replying page."
Annie
Annie
Annie
Song
Song
Song
Annie is a marketing manager in her company. She is detail orientation and understand the logic of how social media works and using them as advertising purpose. She considers having the performance and the competitors analysis is impressive and powerful.
Annie is a marketing manager in her company. She is detail orientation and understand the logic of how social media works and using them as advertising purpose. She considers having the performance and the competitors analysis is impressive and powerful.
Annie is a marketing manager in her company. She is detail orientation and understand the logic of how social media works and using them as advertising purpose. She considers having the performance and the competitors analysis is impressive and powerful.
USER FLOW 1
USER FLOW 1
USER FLOW 1
•
"How to go back if I want to change my mind on selecting posting channel?”
"How to go back if I want to change my mind on selecting posting channel?”
"How to go back if I want to change my mind on selecting posting channel?”
•
"Instagram and TikTok are media based channel, upload media should finish before writing caption."
"Instagram and TikTok are media based channel, upload media should finish before writing caption."
"Instagram and TikTok are media based channel, upload media should finish before writing caption."
Irving
Irving
Irving
Yip
Yip
Yip
Irving is a Microsoft’s UI designer. He gives me a lot of industrial standard, such as minimum readability font size use for mobile and desktop. He also teaches me many Figma’s useful techniques and shortcuts. When he did the user test, he pay attention on the design logic.
Irving is a Microsoft’s UI designer. He gives me a lot of industrial standard, such as minimum readability font size use for mobile and desktop. He also teaches me many Figma’s useful techniques and shortcuts. When he did the user test, he pay attention on the design logic.
Irving is a Microsoft’s UI designer. He gives me a lot of industrial standard, such as minimum readability font size use for mobile and desktop. He also teaches me many Figma’s useful techniques and shortcuts. When he did the user test, he pay attention on the design logic.
USER FLOW 1
USER FLOW 1
USER FLOW 1
•
"You can use tabs for choosing channels in the preview part. Compared with the drop down menu, it can consolidate steps."
"You can use tabs for choosing channels in the preview part. Compared with the drop down menu, it can consolidate steps."
"You can use tabs for choosing channels in the preview part. Compared with the drop down menu, it can consolidate steps."
USER FLOW 3
USER FLOW 3
USER FLOW 3
•
"The report selection process is a little tedious for me."
"The report selection process is a little tedious for me."
"The report selection process is a little tedious for me."
ITERATION
ITERATION
ITERATION
Refine Plan
Refine Plan
Refine Plan
According to the feedback I got from the low-fidelity testing, I revised some UI problems and improved to mid-fidelity.
According to the feedback I got from the low-fidelity testing, I revised some UI problems and improved to mid-fidelity.
According to the feedback I got from the low-fidelity testing, I revised some UI problems and improved to mid-fidelity.
Screen
Screen
Screen
Dashboard
Dashboard
Dashboard
Change
Change
Change
Eliminate user’s confusion.
Eliminate user’s confusion.
Eliminate user’s confusion.
•
Give details to Accounts & Activities.
Give details to Accounts & Activities.
Give details to Accounts & Activities.
Improve the UI
Improve the UI
Improve the UI
•
Categorize the highlight section and change to visual from slide to grid.
Categorize the highlight section and change to visual from slide to grid.
Categorize the highlight section and change to visual from slide to grid.
Group tools together
Group tools together
Group tools together
•
Create a top right tool bar and move the “HELP” button to there.
Create a top right tool bar and move the “HELP” button to there.
Create a top right tool bar and move the “HELP” button to there.
Screen
Screen
Screen
Publishing
Publishing
Publishing
Change
Change
Change
Improve the UI
Improve the UI
Improve the UI
•
Hide details inside the calendar and emphasize today’s task
Hide details inside the calendar and emphasize today’s task
Hide details inside the calendar and emphasize today’s task
Screen
Screen
Screen
Post Writing
Post Writing
Post Writing
Change
Change
Change
Improve the UX
Improve the UX
Improve the UX
•
User can have a clear mindset on posting plan.
User can have a clear mindset on posting plan.
User can have a clear mindset on posting plan.
•
User can edit media channels anytime, and no need to go back.
User can edit media channels anytime, and no need to go back.
User can edit media channels anytime, and no need to go back.
•
Make it more logical. Media is the first then caption comes next.
Make it more logical. Media is the first then caption comes next.
Make it more logical. Media is the first then caption comes next.
•
Reduce steps in selecting different social media channels.
Reduce steps in selecting different social media channels.
Reduce steps in selecting different social media channels.
Screen
Screen
Screen
Report
Report
Report
Change
Change
Change
Improve the UX
Improve the UX
Improve the UX
•
Reduce steps in viewing reports. Users can switch from the performance and the competitor analysis anytime, and they are able to filter different data to view.
Reduce steps in viewing reports. Users can switch from the performance and the competitor analysis anytime, and they are able to filter different data to view.
Reduce steps in viewing reports. Users can switch from the performance and the competitor analysis anytime, and they are able to filter different data to view.
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
COLOR
COLOR
COLOR
Primary
Primary
Primary
Gradient 1
Gradient 1
Gradient 1
Gradient 2
Gradient 2
Gradient 2
#55aa9a
#55aa9a
#55aa9a
Gradient Mix - 1
Gradient Mix - 1
Gradient Mix - 1
#55aa9a
#55aa9a
#55aa9a
#70c6a4
#70c6a4
#70c6a4
#95a6e2
#95a6e2
#95a6e2
#75accb
#75accb
#75accb
Gradient Mix - 2
Gradient Mix - 2
Gradient Mix - 2
#ffead1
#ffead1
#ffead1
#ffe1e1
#ffe1e1
#ffe1e1
Accent
Accent
Accent
#ffd942
#ffd942
#ffd942
#0f6cf5
#0f6cf5
#0f6cf5
#de595b
#de595b
#de595b
Neutral
Neutral
Neutral
#ffffff
#ffffff
#ffffff
#a99e9e
#a99e9e
#a99e9e
#005130
#005130
#005130
#000000
#000000
#000000
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
COMPONENTS
COMPONENTS
COMPONENTS
Menu Bar
Menu Bar
Menu Bar
Icons
Icons
Icons
Buttons
Buttons
Buttons
220 x 40
220 x 40
220 x 40
140 x 40
140 x 40
140 x 40
140 x 40
140 x 40
140 x 40
138 x 60
138 x 60
138 x 60
488 x 40
488 x 40
488 x 40
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
TYPOGRAPHY
TYPOGRAPHY
TYPOGRAPHY
Font Choice — Roboto
Font Choice — Roboto
Font Choice — Roboto
