"use strict";(self.webpackChunk_toloka_portal_gatsby_renderer=self.webpackChunk_toloka_portal_gatsby_renderer||[]).push([[4050],{92033:function(e,t,s){s.d(t,{J:function(){return I}});var n="bR_dN",i="bR_dP",o="bR_dQ",r="bR_bC",l="bR_dR",a="bR_dS",c="bR_dT",d="bR_dV",u="bR_dW",h="bR_dX",f="bR_dY",m="bR_dZ",x=s(79700),p=s.n(x),g={list:"d9_cl",item:"d9_3",button:"d9_6",activeItem:"d9_jB"},j=s(67294),v=s(55074),b=s(85893),w=function(e){var t=e.toc,s=(0,v.A)(t.map((function(e){return e.url})),t.length>0?t[0].url:void 0),n=(0,j.useCallback)((function(e){var t=document.getElementById(e.slice(1));if(t){var s=document.body.clientWidth>=1024?60:120,n=t.getBoundingClientRect();window.scrollTo({top:n.top+window.pageYOffset-n.height-s,behavior:"smooth"})}}),[]);return 0===t.length?(0,b.jsx)("div",{className:g.wrap}):(0,b.jsx)("div",{className:g.wrap,children:(0,b.jsx)("ul",{className:g.list,children:t.map((function(e){return(0,b.jsx)("li",{className:p()(g.item,e.url===s?g.activeItem:void 0),children:(0,b.jsx)("button",{className:p()("button-reset",g.button),onClick:function(){return n(e.url)},children:e.title})},e.url)}))})})},k=s(61123),y=s(4511),C=s(11467),_=s(38477),I=function(e){var t=e.children,s=e.toc,x=e.withoutShareLink,g=e.form,v=e.backLink,I=e.additionalLink,L=e.noBottomBorder,N=(0,j.useMemo)((function(){return g?(0,b.jsx)("div",{className:a,children:g}):null}),[g]);return(0,b.jsxs)("div",{className:f,children:[(0,b.jsxs)("div",{className:p()(o,s?void 0:m),children:[s&&s.length>0?(0,b.jsx)("div",{className:p()(n,L?i:void 0),children:(0,b.jsx)(w,{toc:s})}):null,x?null:(0,b.jsx)("div",{className:l,children:(0,b.jsx)(k.D,{})}),N]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsxs)(C.O,{children:[N,t]}),v||I?(0,b.jsxs)("div",{className:c,children:[v?(0,b.jsx)(y.r,{className:p()(d,"back-link"),onClick:function(){return(0,_.X)(v.href)},iconPosition:v.iconPosition,children:v.text}):null,I?(0,b.jsx)("div",{className:u,children:(0,b.jsx)(y.r,{href:I.href,className:h,iconPosition:I.iconPosition,children:I.text})}):null]}):null]})]})}},7291:function(e,t,s){s.d(t,{v:function(){return j}});var n=s(46237),i="bX_Z",o="bX_dK",r="bX_q",l="bX_h",a="bX_dS",c="bX_dd",d=s(99628),u=s(84401),h=s(19224),f=s(79700),m=s.n(f),x=s(14245),p=s(27850),g=s(85893),j=function(e){var t=e.title,s=e.text,f=e.inputPlaceholder,j=e.button,v=e.successText,b=e.sendingData,w=e.fractal,k=void 0===w?(0,g.jsx)(h.J,{}):w,y=(0,p.Q)(b),C=y.onSubmit,_=y.isSubmitted,I=y.setInputText;return(0,g.jsxs)("div",{className:m()(i,"light"),children:[t?(0,g.jsx)(n.D,{level:4,className:r,children:t}):null,(0,g.jsx)("p",{className:l,children:s}),(0,g.jsx)("form",{className:a,onSubmit:C,children:_?(0,g.jsx)(x.r,{text:v}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(d.z,{view:"default",size:"m",type:"email",placeholder:f,className:o,onChange:function(e){return I(e.target.value)},autoComplete:"on",required:!0}),(0,g.jsx)(u.z,{view:j.view,type:"submit",size:j.size,children:j.text})]})}),(0,g.jsx)("div",{className:c,children:k})]})}},86457:function(e,t,s){s.d(t,{C:function(){return w}});var n=s(79700),i=s.n(n),o="bg_cV",r="bg_3",l="bg_cW",a="bg_cX",c="bg_v",d="bg_q",u="bg_bn",h="bg_cY",f="bg_j",m="bg_cZ",x="bg_b3",p="bg_c0",g="bg_c1",j=s(30759),v=s(4511),b=s(85893),w=function(e){var t=e.list,s=e.className,n=e.itemClassName,w=e.maxItemsInRow,k=e.isBigIcon,y=e.inLine,C=e.twoElementsInMobile,_=e.isSmallIcon;return(0,b.jsx)("ul",{className:i()("features-list-container",s,1===t.length||1===w?o:void 0,y?m:void 0,C?p:void 0,_?a:void 0),children:t.map((function(e,t){return(0,b.jsxs)("li",{className:i()(r,k?l:void 0,n,2===w?g:void 0,y?x:void 0,e.text||e.link||e.additional?void 0:c),children:[e.icon,(0,b.jsxs)("div",{children:[e.title?(0,b.jsx)(j.D,{level:5,className:d,children:e.title}):null,e.text?(0,b.jsx)("p",{className:u,children:e.text}):null,e.link?(0,b.jsx)("div",{className:f,children:(0,b.jsx)(v.r,{href:e.link.href,iconPosition:e.link.iconPosition,target:e.link.target,children:e.link.text})}):null,e.additional?(0,b.jsx)("div",{className:h,children:e.additional}):null]})]},t)}))})}},61123:function(e,t,s){s.d(t,{D:function(){return p}});var n={list:"fb_cl",item:"fb_3",button:"fb_6"},i=s(79700),o=s.n(i),r=s(67294),l=s(85893),a=function(){return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13",viewBox:"0 0 16 13",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96907 12.861C5.27718 12.861 4.56503 12.8068 3.8486 12.6982C2.58677 12.5067 1.30944 11.8684 0.947991 11.6773L0 11.176L1.02636 10.8496C2.1483 10.4928 2.83079 10.2714 3.67564 9.92485C2.82969 9.52859 2.17772 8.8159 1.86388 7.89458L1.62511 7.19355L1.82091 7.22248C1.63524 7.04149 1.48864 6.85779 1.37499 6.69075C0.970818 6.09703 0.75683 5.37156 0.802362 4.74987L0.847284 4.13798L1.22606 4.27989C1.06628 3.98805 0.9508 3.67638 0.882928 3.34971C0.717524 2.55306 0.85595 1.7067 1.27282 0.966604L1.60277 0.380799L2.04405 0.893404C3.43967 2.51481 5.20736 3.47662 7.30536 3.75819C7.21967 3.18691 7.28388 2.63558 7.4964 2.14139C7.74384 1.56598 8.18402 1.07804 8.76898 0.73025C9.41867 0.344084 10.2065 0.156962 10.9874 0.203359C11.8158 0.252589 12.568 0.552809 13.1654 1.07214C13.4572 0.998835 13.6722 0.920559 13.9627 0.81478C14.1374 0.751146 14.3357 0.678895 14.5837 0.596254L15.4978 0.291666L14.9018 1.9381C14.9411 1.93491 14.9816 1.93219 15.0239 1.93043L16 1.88769L15.4231 2.65022C15.39 2.6939 15.3816 2.7063 15.3699 2.72342C15.3234 2.79118 15.2655 2.87547 14.4737 3.89809C14.2754 4.15416 14.1764 4.48767 14.1948 4.83736C14.2651 6.16621 14.0964 7.36851 13.6935 8.41073C13.3124 9.39676 12.7219 10.2427 11.9384 10.9252C10.9689 11.7696 9.73271 12.3477 8.26397 12.6433C7.54352 12.7883 6.76985 12.861 5.96907 12.861Z",fill:"#1E2126",fillOpacity:"0.5"})})},c=function(){return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[(0,l.jsx)("path",{d:"m9 14.14-1.29 1.29a3.64 3.64 0 0 1-5.14 0v0a3.64 3.64 0 0 1 0-5.14L5.14 7.7a3.64 3.64 0 0 1 5.15 0v0l.28.29",stroke:"#1E2126",strokeOpacity:".5",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"m9 3.86 1.29-1.29a3.64 3.64 0 0 1 5.14 0v0a3.64 3.64 0 0 1 0 5.14l-2.57 2.58a3.64 3.64 0 0 1-5.15 0v0l-.21-.22",stroke:"#1E2126",strokeOpacity:".5",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})]})},d=function(){return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"16",viewBox:"0 0 8 16",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.54 2.65673H8.00067V0.112728C7.74867 0.078061 6.882 6.10352e-05 5.87267 6.10352e-05C3.76667 6.10352e-05 2.324 1.32473 2.324 3.75939V6.00006H0V8.84406H2.324V16.0001H5.17333V8.84473H7.40333L7.75733 6.00073H5.17267V4.04139C5.17333 3.21939 5.39467 2.65673 6.54 2.65673Z",fill:"#1E2126",fillOpacity:"0.5"})})},u=function(){return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.15471 0.207764C0.966598 0.207764 0 1.15446 0 2.31809C0 3.48225 0.966598 4.4293 2.15471 4.4293C3.34188 4.4293 4.30769 3.4822 4.30769 2.31809C4.30775 1.15446 3.34188 0.207764 2.15471 0.207764ZM3.43672 5.03238H0.255583C0.114399 5.03238 0 5.14816 0 5.29093V15.6292C0 15.772 0.114399 15.8878 0.255583 15.8878H3.43672C3.57791 15.8878 3.69231 15.772 3.69231 15.6292V5.29093C3.69231 5.14816 3.57791 5.03238 3.43672 5.03238ZM9.11072 6.19188C9.68593 5.57515 10.6343 5.03238 11.9172 5.03238C15.5149 5.03238 16 7.59188 16 10.0956V15.6351C16 15.7747 15.8852 15.8878 15.7433 15.8878H12.555C12.4132 15.8878 12.2984 15.7747 12.2984 15.6351V10.725C12.2984 9.35023 12.1951 8.29862 10.8963 8.29862C9.70362 8.29862 9.23894 8.9546 9.23894 10.6383V15.6351C9.23894 15.7746 9.12407 15.8877 8.98231 15.8877H5.7951C5.65333 15.8877 5.53847 15.7746 5.53847 15.6351V5.53596C5.53847 5.39649 5.65333 5.28338 5.7951 5.28338H8.85409C8.99586 5.28338 9.11072 5.39649 9.11072 5.53596V6.19188Z",fill:"#1E2126",fillOpacity:"0.5"})})},h=s(9546),f=s(47250),m=s(81547);function x(e){var t=[];for(var s in e)t.push(encodeURIComponent(s)+"="+encodeURIComponent(e[s]));return t.join("&")}var p=function(){if(m.j){var e=window.location.href,t=(0,h.F)(e),s=(0,r.useMemo)((function(){var t={url:e,utm_source:"share2"},s={u:e,src:"sp",utm_source:"share2"},n={mini:"true",url:e,utm_source:"share2"};return[{icon:(0,l.jsx)(a,{}),title:"Twitter",link:"https://twitter.com/intent/tweet?"+x(t)},{icon:(0,l.jsx)(d,{}),title:"Facebook",link:"https://www.facebook.com/sharer.php?"+x(s)},{icon:(0,l.jsx)(u,{}),title:"Linkedin",link:"https://www.linkedin.com/shareArticle?"+x(n)}]}),[e]);return(0,l.jsx)("div",{className:n.wrap,children:(0,l.jsxs)("ul",{className:n.list,children:[s.map((function(e){return(0,l.jsx)("li",{className:n.item,children:(0,l.jsxs)("a",{className:o()("button-reset",n.button),href:e.link,target:"_blank",rel:"nofollow noopener noreferrer",title:e.title,children:[e.icon,(0,l.jsx)(f.M,{children:e.title})]})},e.title)})),(0,l.jsx)("li",{className:n.item,children:(0,l.jsxs)("a",{className:o()("button-reset",n.button),href:"#",target:"_blank",rel:"nofollow noopener noreferrer",title:"Link to current page",onClick:function(e){return e.preventDefault()},ref:t,children:[(0,l.jsx)(c,{}),(0,l.jsx)(f.M,{children:"Link to current page"})]})})]})})}return null}},55074:function(e,t,s){s.d(t,{A:function(){return i}});var n=s(67294),i=function(e,t){var s=(0,n.useState)(t),i=s[0],o=s[1];return(0,n.useEffect)((function(){var t=document.body.clientWidth>=1024?100:150,s=new IntersectionObserver((function(e){e.forEach((function(e){!1!==e.isIntersecting&&e.boundingClientRect.y<200&&o("#"+e.target.id)}))}),{root:null,rootMargin:"-"+t+"px 0px 0px 0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]});return e.map((function(e){return document.getElementById(e.slice(1))})).filter(Boolean).forEach((function(e){s.observe(e)})),function(){s.disconnect()}}),[e,t]),i}},38477:function(e,t,s){s.d(t,{X:function(){return n}});var n=function(e){document.referrer.includes(e)?window.history.back():window.open(e,"_self")}},67911:function(e,t,s){s.d(t,{A:function(){return v}});var n="F_Z",i="F_b2",o="F_b3",r="F_b4",l="F_b5",a="F_b6",c="F_b7",d="F_b8",u="F_b9",h="F_cb",f=s(79700),m=s.n(f),x=s(86457),p=s(67294),g=s(85893),j={1:h,2:d,3:u,4:void 0},v=function(e){var t=e.list,s=e.maxItemsInRow,d=void 0===s?4:s,u=e.isBigIcon,h=e.withImage,f=e.inLine,v=e.twoElementsInMobile,b=e.columnFlow,w=e.paddingsBeforeDesktop,k=e.isSmallIcon,y=(0,p.useRef)(null);return(0,p.useEffect)((function(){y.current&&b&&y.current.style.setProperty("--count",""+Math.ceil(t.length/d))}),[y]),(0,g.jsx)("div",{ref:y,className:m()(n,f?o:void 0,w?i:""),children:(0,g.jsx)(x.C,{list:t,className:m()(r,j[d],h?l:void 0,b&&4!==d?c:void 0),itemClassName:h?a:void 0,maxItemsInRow:d,isBigIcon:u,inLine:f,twoElementsInMobile:v,isSmallIcon:k})})}},66924:function(e,t,s){s.d(t,{n:function(){return i}});var n=s(85893),i=function(){return(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,n.jsx)("g",{clipPath:"url(#clip0_9129_114992)",children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.92861 19.5714C1.02365 15.6664 1.02373 9.33478 4.92926 5.42926C8.83478 1.52373 15.1664 1.52365 19.0714 5.42861C22.9764 9.33357 22.9763 15.6652 19.0707 19.5707C15.1652 23.4763 8.83357 23.4764 4.92861 19.5714ZM3.51439 20.9856C-1.17172 16.2995 -1.17143 8.70152 3.51504 4.01504C8.20152 -0.671427 15.7995 -0.671719 20.4856 4.01439C25.1717 8.7005 25.1714 16.2985 20.485 20.985C15.7985 25.6714 8.2005 25.6717 3.51439 20.9856ZM11.6703 16.0403C11.4839 16.2396 11.2243 16.354 10.9515 16.3571C10.6787 16.3602 10.4165 16.2518 10.2256 16.0569L6.99992 12.7633C6.61349 12.3687 6.62008 11.7356 7.01465 11.3492C7.40922 10.9627 8.04235 10.9693 8.42879 11.3639L10.9235 13.9111L15.5555 8.95973C15.9328 8.55641 16.5656 8.53533 16.9689 8.91263C17.3723 9.28993 17.3933 9.92274 17.016 10.3261L11.6703 16.0403Z",fill:"#0055D9"})}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"clip0_9129_114992",children:(0,n.jsx)("rect",{width:"24",height:"24",fill:"white",transform:"translate(0 0.5)"})})})]})}},14892:function(e,t,s){s.r(t),s.d(t,{default:function(){return v}});var n=s(74533),i=s(88586),o=s(37990),r=s(52893),l=s(93252),a=s(51512),c=s(25109),d=s(4511),u=s(11467),h=s(7291),f=s(92033),m=s(46237),x=s(88709),p=s(67911),g=s(66924),j=s(85893);function v(){return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(r.q,{og:{img:"https://tlk-infra-front.azureedge.net/portal-static/images/knowledgebase/interfaces/og/share-img.jpg",title:"Interfaces",description:"Design your project to make it easy to perform the same repeated actions quickly, while reducing mistakes."}}),(0,j.jsx)(n.n,{}),(0,j.jsxs)(i.i,{headerPadding:!0,children:[(0,j.jsx)(o.h,{defaultBackground:"dark"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsxs)(c.L,{overflow:"inherit",children:[(0,j.jsx)(m.D,{level:1,children:"Interfaces"}),(0,j.jsx)("p",{children:"Design your project to make it easy to perform the same repeated actions quickly, while reducing mistakes."}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsxs)(f.J,{noBottomBorder:!0,toc:[{url:"#cross-platform",title:"Cross-platform"},{url:"#keyboard-shortcuts",title:"Keyboard shortcuts"},{url:"#required-actions",title:"Required actions"},{url:"#external-resources",title:"External resources"},{url:"#minimalistic-design",title:"Minimalistic design"},{url:"#using-space",title:"Use space reasonably"},{url:"#excessive-elements",title:"Excessive elements"},{url:"#convenient-task-page",title:"Convenient task page"},{url:"#test-the-project",title:"Test the project"}],form:(0,j.jsx)(h.v,{text:"Subscribe to Toloka News",inputPlaceholder:"Enter your email",button:{view:"action",text:"Subscribe",size:"l"},sendingData:{address:"/api/sender/subscribe",listId:"0ASPRWP3-H6V"},successText:"Thank you for subscribing"}),children:[(0,j.jsx)(u.V.Video,{hasBorder:!0,isFrame:!0,src:"https://www.youtube.com/embed/33bb1Z5VxfI"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)("p",{children:"The task interface is a tool for the crowd to label your data. The more convenient and helpful it is, the less opportunities there are for mistakes. In general, crowdsourcing task interfaces should adhere to the principles of good UX design. When planning out your interface, always consider the viewpoint of Tolokers:"}),(0,j.jsx)(p.A,{maxItemsInRow:2,inLine:!0,list:[{icon:(0,j.jsx)(g.n,{}),additional:"They have access to many tasks and choose the ones they want to do"},{icon:(0,j.jsx)(g.n,{}),additional:"Most tasks are monotonous and involve repeating the same actions"},{icon:(0,j.jsx)(g.n,{}),additional:"Their earnings depend on the amount of tasks done, so they are motivated to perform fast"},{icon:(0,j.jsx)(g.n,{}),additional:"Loss of concentration leads to mistakes"}]}),(0,j.jsx)("p",{children:"Here are a few principles of friendly task design:"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"cross-platform",children:"Provide a cross-platform interface"}),(0,j.jsx)("p",{children:"Users access crowdsourcing platforms from computers, tablets, and smartphones. If a task is displayed correctly on all devices, more people will see it and complete it. To adapt the task interface to different devices, make sure that texts fit on the screen, there isn't unnecessary empty space, and so on."}),(0,j.jsx)(u.V.Image,{imageId:"eqMsWhUNW7Aoc66FYzsu"}),(0,j.jsx)("p",{children:"However, not all tasks work well as cross-platform solutions. Tasks that involve complex manipulations on the screen, loading videos or displaying media content might not work well on different devices or will demand too much traffic. It's better not to include mobile access for these types of tasks."}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"keyboard-shortcuts",children:"Provide keyboard shortcuts"}),(0,j.jsx)("p",{children:"Shortcuts can be assigned for any action - choosing an answer, playing or pausing a video, or opening a link. The simplest tasks can be completed exclusively on the keyboard, which helps people complete them much faster. If the interface supports shortcuts, describe them in your instructions or display them in the task interface."}),(0,j.jsx)(u.V.Image,{imageId:"wpAiRfMh4KJ70JQPjLJF"}),(0,j.jsx)("p",{children:"But don't forget to remove shortcuts for mobile interfaces. They won't work and they'll just take up precious space on the mobile screen."}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"required-actions",children:"Check required actions"}),(0,j.jsxs)("p",{children:["Tolokers usually work fast and might skip important steps, either accidentally or intentionally. Since a task interface is basically a web page, you can check for required actions using Javascript methods. If a task involves watching a video, visiting a link or typing in a text, it's a good idea to disable the task submit button until the required action is done. Recording user actions is another way to control quality."," ",(0,j.jsx)(d.r,{href:"/knowledgebase/quality-control",target:"_blank",children:"Learn more about quality control"},1),")."]}),(0,j.jsx)(u.V.Image,{imageId:"_4bk8JGooBYNFmZbIUVs"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"external-resources",children:"Eliminate interaction with external resources"}),(0,j.jsx)("p",{children:"Navigating through external resources takes additional time for loading the page and can distract the Toloker from tasks. It is also inconvenient for you, as the requester, because you can't track what the Toloker is doing on the external page. It's better to use a screenshot or a copy of the data saved in stable storage (like cloud storage), or at least integrate external pages via an iframe."}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"minimalistic-design",children:"Strive for minimalistic design"}),(0,j.jsx)("p",{children:"It's always better to strive for minimalistic design to prevent fatigue. Tolokers might get tired of excessive colors and textures while working on a long flow of tasks and lose their focus."}),(0,j.jsx)(u.V.Image,{imageId:"zGnV_8Uh2z7tYZ29si69"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"using-space",children:"Use space reasonably"}),(0,j.jsx)("p",{children:"Make sure everything fits within the area of one standard monitor screen. This allows Tolokers to evaluate tasks without scrolling. Any elements that are logically related (like checkboxes) should be grouped together. The most important information should stand out visually. Less important information can be hidden or displayed as a popup tooltip."}),(0,j.jsx)(u.V.Image,{imageId:"UZHqlSGo0pJrgy-YD-0D"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"excessive-elements",children:"Remove excessive elements"}),(0,j.jsx)("p",{children:"All the interface elements should be actually necessary for the task. It can be tempting to add extra reference links to different services, but it's better to decide which ones are really helpful and remove or reduce the size of others."}),(0,j.jsx)(u.V.Image,{imageId:"eS2JkjGQZz0o8mwKix-z"}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(u.V.Line,{}),(0,j.jsx)(a.w,{offset:60}),(0,j.jsx)(m.D,{level:2,styleAs:4,id:"test-the-project",children:"Test the project"}),(0,j.jsx)("p",{children:"Just like with any web project, make sure that everything works as planned before you launch the project."}),(0,j.jsx)(p.A,{maxItemsInRow:1,inLine:!0,list:[{icon:(0,j.jsx)(g.n,{}),additional:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(d.r,{href:"/docs/template-builder/quickstart.html#quickstart",target:"_blank",children:"Template Builder:"},2)," ","use this tool to create interfaces from off-the-shelf components adapted both for desktop and mobile."]})},{icon:(0,j.jsx)(g.n,{}),additional:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(d.r,{href:"/docs/guide/concepts/spec.html",target:"_blank",children:"Interface Editor:"},3)," ","separately configure HTML, CSS and JS blocks. Be sure to use special components and helpers for the HTML block as well as the JavaScript extensions, both described in the"," ",(0,j.jsx)(d.r,{href:"/docs/guide/concepts/t-components.html",target:"_blank",children:"docs."},4)]})}]})]})]}),(0,j.jsx)(a.w,{offset:40}),(0,j.jsx)(l.$,{}),(0,j.jsx)(x.f,{})]})]})}}}]);