ant-design/164a8362-async.9fce6c3d.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["164a8362"],{"164a8362":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"default",{enumerable:!0,get:function(){return u;}});var n=s("777fffbe"),t=s("f19d2b93"),r=n._(s("75f4da45")),i=n._(s("97c488ea")),d=n._(s("c96b0d01")),l=s("5b220c3d"),o=s("9c86e52a"),c=s("51f4fcae"),u=function(){return(0,t.jsx)(o.DumiPage,{children:(0,t.jsx)(l.Suspense,{fallback:(0,t.jsx)(d.default,{}),children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"markdown",children:[(0,t.jsx)("p",{children:c.texts[0].value}),(0,t.jsx)("hr",{}),(0,t.jsxs)("h2",{id:"design-goals",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-goals",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Design Goals"]}),(0,t.jsxs)("p",{children:[c.texts[1].value,(0,t.jsx)("br",{}),c.texts[2].value]}),(0,t.jsxs)("h2",{id:"design-principles",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-principles",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Design Principles"]}),(0,t.jsxs)("div",{className:"design-inline-cards",children:[c.texts[3].value,(0,t.jsxs)("div",{children:[c.texts[4].value,(0,t.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*aFiGRbIvuH4AAAAAAAAAAABkARQnAQ"}),c.texts[5].value,(0,t.jsxs)("div",{children:[c.texts[6].value,(0,t.jsxs)("h4",{id:"findability",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#findability",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Findability"]}),c.texts[7].value,(0,t.jsx)("p",{children:c.texts[8].value}),c.texts[9].value]}),c.texts[10].value]}),c.texts[11].value,(0,t.jsxs)("div",{children:[c.texts[12].value,(0,t.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*lTUuSKmd8WsAAAAAAAAAAABkARQnAQ"}),c.texts[13].value,(0,t.jsxs)("div",{children:[c.texts[14].value,(0,t.jsxs)("h4",{id:"reduce-memory-load",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#reduce-memory-load",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Reduce Memory Load"]}),c.texts[15].value,(0,t.jsx)("p",{children:c.texts[16].value}),c.texts[17].value]}),c.texts[18].value]})]}),(0,t.jsxs)("h2",{id:"how-to-design",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-design",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"How to Design"]}),(0,t.jsxs)("h4",{id:"template---workbench",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#template---workbench",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Template - Workbench"]})]}),(0,t.jsx)(r.default,{children:(0,t.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*8s67TL62WEoAAAAAAAAAAABkARQnAQ"})}),(0,t.jsxs)("div",{className:"markdown",children:[(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[19].value})}),(0,t.jsxs)("ul",{children:[(0,t.jsx)("li",{children:c.texts[20].value}),(0,t.jsx)("li",{children:c.texts[21].value})]}),(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[22].value})}),(0,t.jsx)("p",{children:c.texts[23].value}),(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[24].value})}),(0,t.jsxs)("ul",{children:[(0,t.jsx)("li",{children:c.texts[25].value}),(0,t.jsx)("li",{children:c.texts[26].value}),(0,t.jsx)("li",{children:c.texts[27].value})]}),(0,t.jsxs)("h4",{id:"template---new-user-guide",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#template---new-user-guide",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Template - New User Guide"]})]}),(0,t.jsx)(r.default,{children:(0,t.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*LQBmQauTEAsAAAAAAAAAAABkARQnAQ"})}),(0,t.jsxs)("div",{className:"markdown",children:[(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[28].value})}),(0,t.jsxs)("ul",{children:[(0,t.jsx)("li",{children:c.texts[29].value}),(0,t.jsx)("li",{children:c.texts[30].value})]}),(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[31].value})}),(0,t.jsx)("p",{children:c.texts[32].value}),(0,t.jsx)("p",{children:(0,t.jsx)("strong",{children:c.texts[33].value})}),(0,t.jsxs)("ul",{children:[(0,t.jsx)("li",{children:c.texts[34].value}),(0,t.jsx)("li",{children:c.texts[35].value})]}),(0,t.jsxs)("h3",{id:"design-suggestions",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-suggestions",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Design Suggestions"]}),(0,t.jsxs)("h4",{id:"choose-the-right-navigation-method",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#choose-the-right-navigation-method",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Choose the Right Navigation Method"]}),(0,t.jsxs)("p",{children:[c.texts[36].value,(0,t.jsx)("br",{})]}),(0,t.jsx)("p",{children:c.texts[37].value}),(0,t.jsxs)("div",{children:[c.texts[38].value,(0,t.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*xlYoTIf8NpwAAAAAAAAAAABkARQnAQ"})]}),(0,t.jsx)("p",{children:c.texts[39].value}),(0,t.jsxs)("div",{children:[c.texts[40].value,(0,t.jsx)("img",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*9nKdRJBAu8sAAAAAAAAAAABkARQnAQ"})]}),(0,t.jsxs)("h4",{id:"arrange-content-by-usage-frequency",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#arrange-content-by-usage-frequency",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Arrange Content by Usage Frequency"]})]}),(0,t.jsx)(r.default,{children:(0,t.jsx)("img",{className:"preview-img no-padding",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1tfiR5-xKUQAAAAAAAAAAABkARQnAQ"})}),(0,t.jsxs)("div",{className:"markdown",children:[(0,t.jsx)("p",{children:c.texts[41].value}),(0,t.jsxs)("h4",{id:"consider-error-states",children:[(0,t.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#consider-error-states",sourceType:"a",children:(0,t.jsx)("span",{className:"icon icon-link"})}),"Consider Error States"]}),(0,t.jsx)("p",{children:c.texts[42].value}),(0,t.jsx)("blockquote",{children:(0,t.jsx)("p",{children:c.texts[43].value})})]})]})})});};},"51f4fcae":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"texts",{enumerable:!0,get:function(){return n;}}),s("706e503a");let n=[{value:"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.",paraId:0},{value:"User-side: Provide shortcuts for handling and viewing information and necessary help for users;",paraId:1,tocIndex:0},{value:" Product-side: Communicate better with users, appropriately promote new trends and operational content of the product.",paraId:1,tocIndex:0},{value:"\n  ",paraId:2},{value:"\n    ",paraId:2},{value:"\n    ",paraId:2},{value:"\n      ",paraId:2},{value:"\n      ",paraId:2},{value:"Can users locate the information they want?",paraId:3,tocIndex:2},{value:"\n    ",paraId:2},{value:"\n  ",paraId:2},{value:"\n  ",paraId:2},{value:"\n    ",paraId:2},{value:"\n    ",paraId:2},{value:"\n      ",paraId:2},{value:"\n      ",paraId:2},{value:"Understand the core goals of users returning to the site and provide the shortest navigation paths to possible destinations.",paraId:4,tocIndex:3},{value:"\n    ",paraId:2},{value:"\n  ",paraId:2},{value:"When to Use",paraId:5},{value:"Shorten the navigation path for users returning to the site;",paraId:6},{value:"Provide common navigation entry points for users.",paraId:6},{value:"Involved Functions",paraId:7},{value:"Help; Core Data; Shortcuts; To-Do List; Focus; Operational Modules.",paraId:8},{value:"Design Suggestions",paraId:9},{value:"Display modules related to daily work, keeping the total number of modules between 5-9;",paraId:10},{value:"Present the most frequently used content on the first screen whenever possible;",paraId:10},{value:"Provide role-based differentiated views.",paraId:10},{value:"When to Use",paraId:11},{value:"When new users arrive at the platform and have not yet started any work, shorten the learning time for new users;",paraId:12},{value:'When some modules have no content, refer to the "Empty State" guidelines.',paraId:12},{value:"Involved Functions",paraId:13},{value:"Help; Empty State Guide.",paraId:14},{value:"Design Suggestions",paraId:15},{value:"Introduce the platform's purpose to users and guide them to start working;",paraId:16},{value:"If users need to manage complex objects, provide a Demo preview entry;",paraId:16},{value:"This type of page generally provides two types of navigation forms.",paraId:17,tocIndex:8},{value:"\u2460 Users know the function they want to use and need to navigate to it. For example:",paraId:18,tocIndex:8},{value:"\n  ",paraId:2},{value:"\u2461 Discovery navigation, where users need to complete a task but do not know which function to use. For example:",paraId:19,tocIndex:8},{value:"\n  ",paraId:2},{value:"Arrange the content based on usage frequency in the daily work.",paraId:20},{value:"See Error Page",paraId:21,tocIndex:10},{value:"Additionally, whether to recommend personalized customization for users is still under exploration.",paraId:22,tocIndex:10}];}}]);