Optimization of Meiyou Community Main Page Design

Project Type
Design Optimization
Duration
2022 (1 months)
My Role
UE designer
Project Background
Align with development trends and enhance value
TaTaQuan is the core of the Meiyou community and is a social platform for users to share, ask questions and communicate. In the context of the continuous development of social media, TaTaQuan needs a upgrade to adapt to popular trends and maintain its social and business value.
Problem Analysis
Design Comparison
Old vs. New Page Design
Old Design
New Design
Old Design
New Design
Old Design
New Design
Main Adjustments
Optimizing the Information Architecture and Increasing Content Exposure
1. Optimizing Page Structure:
Restructure the layout by organizing page information and optimizing layout structures. This involves de-emphasizing secondary information and facilitating users' rapid access to key information, thereby reducing cognitive load. A well-layered and clear page structure can also enhance page loading speed. Ensure users focus on relevant content, swiftly filtering out uninteresting content to prevent user leaving the page and increase satisfaction and usability.
2. Increasing Content Exposure:
Implement sticky tabs and animation effects to enhance content exposure.
‍
- Sticky Tabs: Ensure prolonged visibility of key functions (e.g., posts and publishing) through sticky tabs. This not only improves user experience but also enhances the exposure of crucial content, aiding operations in maximizing content visibility.
- Animation Effects: Animation effects add interactivity and fluidity to the page, enhancing user engagement and retention.
Animation contribute to a smoother interaction process, enhancing user experience satisfaction:
1. Introducing Loading Animation:
Slow loading can decrease user patience, leading to user anxiety.

- To address this, we use loading animations to signify to users that the software is processing their requests, alleviating their psychological anxiety.
2. Implementing Button Animations
When button response time exceeds a certain threshold, we use loading animations to relieve user anxiety while waiting.

- Immediate feedback on user actions helps users understand the current state, reducing uncertainty and guiding them towards productive interactions, so that they won't repeat actions.
User Flow >
Main Page Launch Effects
The experimental group for the community main page upgrade shows a significant positive improvement
App duration
+0.51s
TaTaQuan duration
+12.9%
Conversion Rate
+3.94%
Subsequent Iterations
After upgrading the main page, we also optimized other pages
As a primary secondary page of TaTaQuan, the details page supports over four types of content within the community, totaling over 20 styles online. We adopt a modular design approach to redesign them.
Organize the types and constituent modules of the details page
Compare designs and proposals for each moduleon
Combine all modules to produce the final page
Details Page Launch Effects
Articles duration
+3.17s
Posts duration
+1.2s
Video posts duration
+1.63s
Takeaway
Designers should continuously experience and improve launched features
This project emphasized the importance of design details in user experience. Additionally, I realized that designers should not just remain at the design stage but should also regularly experience and evaluate launched features, promptly identifying issues and taking action to improve them to meet evolving user expectations.
Feel free to reach out to me.
Let’s make something happen :)
@JILL 2023 Powered by Webflow