image.jpg

Ricky Rauch

Today we are happy to announce a new version of our customer dashboard! We’ve cleaned up the dashboard so it’s faster and more efficient for you to use. Our mission is to help you become more productive and successful using Scale. In order to achieve this, we’ve <a href="https://scale.com/dashboard" rel="noopener noreferrer" target="_blank">redesigned our dashboard</a> to better reflect how tasks are being completed with an overview of your project’s progress.<h2>New Layout</h2> Immediately, you’ll notice the new layout. The header has a new search input that allows you to search for tasks by ID on any page. Beside the header, you can manage your API keys (via Manage API Keys), making it easier to access your keys and quickly integrate Scale in your code.<img src="https://cdn.builder.io/api/v1/image/assets%2Fe0438815ba51486bbb6a202747122d4b%2Fd6176a7e06694a669b105644d2b1870c" alt="Scale's dashboard"> The sidebar navigation has direct access to the main sections (Overview, Tasks, and Payments) and Support (Chat &amp; Documentation).<h2>Overview</h2> We distributed our page’s elements more cleanly, and we updated the chart and the date filters as seen in the Overview.<img src="https://cdn.builder.io/api/v1/image/assets%2Fe0438815ba51486bbb6a202747122d4b%2F2ffab995d1c84b1d9b785410e57c3616" alt="Scale's dashboard"> <h2>Tasks</h2> This is one of the most important features of our application, as this is where the detailed information about your tasks are shown.<img src="https://cdn.builder.io/api/v1/image/assets%2Fe0438815ba51486bbb6a202747122d4b%2Fe7863fde39604fbb9a90255fa4ed4c27" alt="Scale's dashboard"> Here you will find the status and details of your tasks. You are also able to export the dataset and view the final result of a completed task.<h2> </h2><h2> Technical Aspects of Building the Dashboard</h2> A year ago, we decided to move all of our frontend to <a href="https://github.com/zeit/next.js/" rel="noopener noreferrer" target="_blank">Next.JS</a>, making it possible to have our website, blog, scaler tooling, and dashboard all in the same stack. This helped us move faster while sharing and extending react components.<img src="https://imagedelivery.net/wLbZE4_NzVVdgHc15St55g/ee1030dc-13c2-47a4-4cdc-7020e6c1c800/public" alt="Scale's dashboard"> In order to create more consistency, we have a <a href="https://scale.ai/ui-library" rel="noopener noreferrer" target="_blank">UI library where all of our components are stored</a>. At the time of starting the redesign of the dashboard, we had most of the components designed and implemented, so the process of creating the updated UI was smooth and fast. All of our CSS is written in styled-jsx with PostCSS plugin, meaning we only have a few lines of Global CSS. Our next steps in terms of frontend, are to implement Redux, to better handle different states of the UI, and continue updating our UI Library with more definitions in terms of: Typography, Backgrounds and Branding.<h2>Our Future Roadmap</h2> <ol><li>Onboarding: By having our</li><li> Onboarding tool be the first thing you see as you enter our</li><li> site, we further our goal of helping developers quickly jump in and start</li><li> using Scale. With this new feature, we show the decision makers at your</li><li> company how our services can quickly and seamlessly begin improving your</li><li> productivity. We are in the process of implementing this into our website as</li><li> the final touches are being placed into our dashboard.</li><li> </li><li>Responsive Design We know it can be frustrating to check</li><li> the status of your tasks without having the ability to on your handheld</li><li> devices. While it wasn't included in this release,</li><li> we will support mobile devices in the very near future.</li><li>Payment Model We are soon introducing a better way to</li><li> experience Scale with a simpler pricing model that makes our rates clear to</li><li> the user without any ambiguity or uncertainty. Stay Tuned.</li><li> </li><li> </li></ol><h2>Conclusion</h2> We know having a quick feedback loop is very important in order to achieve our mission of making our customers more produc__tive and comfortable using our product. Our improvements to the dashboard are meant to help our users quickly see how their projects and tasks are developing. We hope you enjoy our dashboard’s new and improved developments as much as we do! 😃 As always, we’d <a href="https://twitter.com/scale_ai" rel="noopener noreferrer" target="_blank">love to hear your comments and opinions</a>.

Ricky Rauch

Introducing Our New Dashboard