* Update research-empty.en-US.md Signed-off-by: CodeCompilerConduct <1376397133guoli@gmail.com> * Update research-exception.en-US.md Signed-off-by: CodeCompilerConduct <1376397133guoli@gmail.com> * Update research-form.en-US.md Signed-off-by: CodeCompilerConduct <1376397133guoli@gmail.com> * Update research-list.en-US.md Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> * Update research-navigation.en-US.md Additional links to recommended external articles Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> * Update research-navigation.en-US.md Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> * Update research-overview.en-US.md Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> * Update research-result.en-US.md Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> * Update research-workbench.en-US.md Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com> --------- Signed-off-by: CodeCompilerConduct <1376397133guoli@gmail.com> Signed-off-by: CodeCompilerConduct <cs.guoli.huang@gmail.com>
3.6 KiB
group | type | order | title | skip |
---|---|---|---|---|
Design Patterns (Research) | Template Document | 2 | Workbench | true |
The workbench is often used as the homepage of an application, providing a convenient hub for users. It offers common information entry points, navigating to various functional modules of the application in a hub-and-spoke manner; it presents information that the user currently needs to focus on, shortening the path to key information; and allows users to directly perform some high-frequency tasks on the workbench.
Design Goals
User-side: Provide shortcuts for handling and viewing information and necessary help for users;
Product-side: Communicate better with users, appropriately promote new trends and operational content of the product.
Design Principles
Findability
Can users locate the information they want?
Reduce Memory Load
Understand the core goals of users returning to the site and provide the shortest navigation paths to possible destinations.
How to Design
Template - Workbench
When to Use
- Shorten the navigation path for users returning to the site;
- Provide common navigation entry points for users.
Involved Functions
Help; Core Data; Shortcuts; To-Do List; Focus; Operational Modules.
Design Suggestions
- Display modules related to daily work, keeping the total number of modules between 5-9;
- Present the most frequently used content on the first screen whenever possible;
- Provide role-based differentiated views.
Template - New User Guide
When to Use
- When new users arrive at the platform and have not yet started any work, shorten the learning time for new users;
- When some modules have no content, refer to the "Empty State" guidelines.
Involved Functions
Help; Empty State Guide.
Design Suggestions
- Introduce the platform's purpose to users and guide them to start working;
- If users need to manage complex objects, provide a Demo preview entry;
Design Suggestions
Choose the Right Navigation Method
This type of page generally provides two types of navigation forms.
① Users know the function they want to use and need to navigate to it. For example:
② Discovery navigation, where users need to complete a task but do not know which function to use. For example:
Arrange Content by Usage Frequency
Arrange the content based on usage frequency in the daily work.
Consider Error States
See Error Page
Additionally, whether to recommend personalized customization for users is still under exploration.