#designsystem
#Figma
Data Planet
Data Planet
Data Planet
Data Planet
Data Planet
Data Planet
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
As a consultant, the goal of this project is to oversee product UX/UI recommendations throughout the design output process, ensuring the product can launch with an MVP within the designated timeframe.
Quick Glance
Quick Glance
Objective 🎯
Objective 🎯
Ensure UX/UI recommendations guide the design process, facilitating timely MVP launch.
Role 🚀
Role🚀
UI/UX Consultant, worked with 2 UI Designers & 1 Product Manager
Timeline 🗓️
Timeline🗓️
Dec 2023 ~ Mar 2024
Challenges 🚧
Product design output is informed by design principles.
Impact 💫
Rapidly gathering numerous reviews for each flow and interface is essential to ensure products align with user experience and value.
Background
Background
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
Data Owners: They can share data through a unified interface while retaining ownership.
Data Users: When needing to access data provided by data owners, they can use Data Planet's interface for retrieval and cross-analysis.
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
Data Owners: They can share data through a unified interface while retaining ownership.
Data Users: When needing to access data provided by data owners, they can use Data Planet's interface for retrieval and cross-analysis.
What I've done
What I've done
Oversee product UX/UI by Design Principles
Oversee product UX/UI by Design Principles
1
PARETO PRINCIPLE
I helped the team to reflect and rethink our existing features. We can get approximate for what features work and which don’t. Some features are being used often.
1
PARETO PRINCIPLE
I helped the team to reflect and rethink our existing features. We can get approximate for what features work and which don’t. Some features are being used often.
1
PARETO PRINCIPLE
I helped the team to reflect and rethink our existing features. We can get approximate for what features work and which don’t. Some features are being used often.












2
FLEXIBILITY TRADEOFFS
Clarify the purpose of each page with the team and optimize the button configuration of the screen 功能越多产品的可用性越低,功能的增多势必会增加用户的认知负担,导致产品更复杂,一次僅需要完成一件目的
2
FLEXIBILITY TRADEOFFS
Clarify the purpose of each page with the team and optimize the button configuration of the screen 功能越多产品的可用性越低,功能的增多势必会增加用户的认知负担,导致产品更复杂,一次僅需要完成一件目的
2
FLEXIBILITY TRADEOFFS
Clarify the purpose of each page with the team and optimize the button configuration of the screen 功能越多产品的可用性越低,功能的增多势必会增加用户的认知负担,导致产品更复杂,一次僅需要完成一件目的












3
COST-BENEFIT
在存量市场中,满足某一功能有多种产品可供用户选择。用户价值公式用成本-效益原则阐释了用户使用某个产品的原因:更好的用户体验(即新体验 – 旧体验)是效益,只有当此效益大于用户的迁移成本时,用户才有意愿使用新产品。
3
COST-BENEFIT
在存量市场中,满足某一功能有多种产品可供用户选择。用户价值公式用成本-效益原则阐释了用户使用某个产品的原因:更好的用户体验(即新体验 – 旧体验)是效益,只有当此效益大于用户的迁移成本时,用户才有意愿使用新产品。
3
COST-BENEFIT
在存量市场中,满足某一功能有多种产品可供用户选择。用户价值公式用成本-效益原则阐释了用户使用某个产品的原因:更好的用户体验(即新体验 – 旧体验)是效益,只有当此效益大于用户的迁移成本时,用户才有意愿使用新产品。












5
FORM FOLLOWS FUNCTION
产品的形态应该由其功能决定,首先要考虑功能,其次才是装饰。表单的宽度就是一种有效暗示。例如下图中若不需要用户输入较大金额,较长的输入框反而容易误导用户,造成一种不安全感。
5
FORM FOLLOWS FUNCTION
产品的形态应该由其功能决定,首先要考虑功能,其次才是装饰。表单的宽度就是一种有效暗示。例如下图中若不需要用户输入较大金额,较长的输入框反而容易误导用户,造成一种不安全感。
5
FORM FOLLOWS FUNCTION
产品的形态应该由其功能决定,首先要考虑功能,其次才是装饰。表单的宽度就是一种有效暗示。例如下图中若不需要用户输入较大金额,较长的输入框反而容易误导用户,造成一种不安全感。












6
OCKHAM'S RAZOR
产品的形态应该由其其他条件相同,使用较少假设的证明更优越 一些搜索引擎的首页上,除了输入框和常用网址入口,剔除了一切扰乱用户思维的功能,让用户专心于搜索任务。
6
OCKHAM'S RAZOR
产品的形态应该由其其他条件相同,使用较少假设的证明更优越 一些搜索引擎的首页上,除了输入框和常用网址入口,剔除了一切扰乱用户思维的功能,让用户专心于搜索任务。
6
OCKHAM'S RAZOR
产品的形态应该由其其他条件相同,使用较少假设的证明更优越 一些搜索引擎的首页上,除了输入框和常用网址入口,剔除了一切扰乱用户思维的功能,让用户专心于搜索任务。












8
FITTS'S LAW
目标越大且距离越近,便越快到达,并比到达更小的更远的目标出错几率更低。重要按钮通常会占据一行的宽度,并且位于手指易于点击的屏幕下半部分。
8
FITTS'S LAW
目标越大且距离越近,便越快到达,并比到达更小的更远的目标出错几率更低。重要按钮通常会占据一行的宽度,并且位于手指易于点击的屏幕下半部分。
8
FITTS'S LAW
目标越大且距离越近,便越快到达,并比到达更小的更远的目标出错几率更低。重要按钮通常会占据一行的宽度,并且位于手指易于点击的屏幕下半部分。












9
HICK'S LAW
在简单的决策场景中,为减少反应时间,应减少选项数量。 网页的导航栏,不应该将所有链接入口平铺导致选择过多,应该采用分层和分块的设计手法精简页面。
9
HICK'S LAW
在简单的决策场景中,为减少反应时间,应减少选项数量。 网页的导航栏,不应该将所有链接入口平铺导致选择过多,应该采用分层和分块的设计手法精简页面。
9
HICK'S LAW
在简单的决策场景中,为减少反应时间,应减少选项数量。 网页的导航栏,不应该将所有链接入口平铺导致选择过多,应该采用分层和分块的设计手法精简页面。












10
MILLER'S LAW
减轻用户记忆负担 底部导航中的按钮尽量保持在 3–5 个 银行卡号码通常以 4 个数字为一组,金额通常以 3 个数字为一组,这样能够减轻用户理解和记忆的负担。
10
MILLER'S LAW
减轻用户记忆负担 底部导航中的按钮尽量保持在 3–5 个 银行卡号码通常以 4 个数字为一组,金额通常以 3 个数字为一组,这样能够减轻用户理解和记忆的负担。
10
MILLER'S LAW
减轻用户记忆负担 底部导航中的按钮尽量保持在 3–5 个 银行卡号码通常以 4 个数字为一组,金额通常以 3 个数字为一组,这样能够减轻用户理解和记忆的负担。












11
TESLER'S LAW
通过自动联想,减少用户搜索过程中的复杂性。
11
TESLER'S LAW
通过自动联想,减少用户搜索过程中的复杂性。
11
TESLER'S LAW
通过自动联想,减少用户搜索过程中的复杂性。












14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果
14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果
14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果












14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果
14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果
14
GARBAGE IN, GARBAGE OUT
如果输入的是正确信息,就会输出正确的结果;反之,错误的信息输入会得出错误的结果












Information Architecture
Information Architecture
From Main Page to Data Analysis
From Main Page to Data Analysis
Before
Before
In a dark theme, large blocks of color distract from important content.
In a dark theme, large blocks of color distract from important content.


After
After
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:






Usability Testing
Usability Testing
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
Data Owners: They can share data through a unified interface while retaining ownership.
Data Users: When needing to access data provided by data owners, they can use Data Planet's interface for retrieval and cross-analysis.
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
Data Owners: They can share data through a unified interface while retaining ownership.
Data Users: When needing to access data provided by data owners, they can use Data Planet's interface for retrieval and cross-analysis.
Design System
Design System
Color
Color
Before
Before
In a dark theme, large blocks of color distract from important content.
In a dark theme, large blocks of color distract from important content.



After
After
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:






Before
Before
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:






After
After
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:
The goal of Data Planet is to enhance data ownership for data owners, empowering them to control their data and willingly share it. This enables data users to access a richer pool of data in an easily usable format, reducing the technical barriers traditionally associated with data usage. Therefore, Data Planet's target users include:





