In the real world, the common language is the basis for us to maintain teamwork, reach consensus and quickly promote the project process; in the digital world, the unified digital language enables different regions and different types of work to develop in a clear direction under the common rules. Recently, after a lot of practice and summary, King Design Public Components (KPC), an open source front-end design language for enterprise market, has been officially released by Kingsoft Cloud. It can help enterprises with front-end design needs to quickly build their own unique visual and interactive style, thus greatly saving time for design and modeling, and improving the efficiency of business on-line.
It is worth mentioning that only large enterprises such as Google, Apple, Microsoft and Alibaba have released open source design languages. And only when the interaction design is systematic and large enough, can the enterprise's open source have the value and significance for reference. Over the years, Kingsoft Cloud's design experience accumulated in business practice will play an active and effective role in promoting the level of digital product design and the efficiency of developers in China. KPC is currently open on GitHub, the world's largest open source software development and management community. You can search for "KPC" to view and download.
Four Core Values to Create the Most Efficient Design Language
KPC is a general design language serving digital products. Through a series of orderly design patterns and application specifications, it standardizes the platform design of enterprises from visual, interactive and code level. On the basis of common interface understanding, consistent product design and unified brand recognition, it enables developers to focus more on the product itself instead of wasting energy on interface style and other works in the process of product creation.
As common knowledge, design language becomes a powerful design and collaboration tool, which can achieve business goals with higher efficiency and lower cost. KPC has four core values: saving the cost of design and development, shortening the cost of global iteration, accelerating product online and building brand trust.
In terms of development cost, KPC can greatly save development cost by reusing existing patterns, reducing business repeatability and bringing business online quickly. In terms of global iteration, compared with modifications in the global scope of products, reusable design patterns can be automatically updated wherever they are used, which makes iteration at the global level very easy.
In terms of product online, generally speaking, it takes several months for new product solutions to go online, but it takes only a few weeks for KPC to implement product solutions. It can quickly verify an idea or solution online based on existing design patterns. In terms of building brand trust, based on unified brand awareness and consistent interface operation logic, it reduces the cost of user recognition, helps users to establish correct psychological expectations, and thus establishes brand trust.
Support Multi-Framework Enterprise Front-end Component Library
At present, KPC supports three main frameworks: Vue, React and Intact, among which Intact is the front-end MVVM framework independently developed by Kingsoft Cloud. In the future, it will further support Angular, which really does not limit the team technology stack, and achieve the unification of UI and UE across teams.
In addition, KPC has built-in a powerful theme system, which upholds the design concept of "theme is not just changing color matching", and can change the component style to the maximum extent to meet the individual design needs of different products. Compared with other mature component libraries on the market, KPC not only provides abundant components and detailed use documents, but also provides some unique design features, such as omni-directional positioning system, validation in declarative form and so on, so as to further improve the development efficiency and experience of users.
In terms of quality assurance, all components have passed the unit test. At present, the code coverage has reached 88% in the first stage, and it is growing continuously. By using KPC, users can make stable and rapid iteration upgrade to support increasingly complex and growing business needs.
Unified Design Patterns Make Development Traceable
At the beginning of designing KPC, clear principles were established: helping Kingsoft Cloud team define the guiding principles of evaluation criterion, and realizing the standardization consensus of product optimal design. Among the four principles of front-end design, Kingsoft Cloud has standardized, according to the order of clarity, efficiency, consistency and beauty through many years of business practice.
From the front-end design team's point of view, design principles provide the basis for designers to choose, and find a balance among many design decisions with contradictions or value conflicts. Based on the customer-centered value guidance, the design team of KPC believes that: beauty cannot override clarity and efficiency; efficiency cannot be compromised under consistency; clarity is always the first priority; in the formulation of any design, decisions should be in accordance with the design principles and consider priority.
In the specific design, firstly, it is the most important to eliminate ambiguity so that users can use it more clearly and correctly; secondly, simplify the workflow to help users complete their work better, faster and more intelligently; next, the same problem uses the same solution to enhance the intuition and familiarity of the product; finally, through the intimate and elegant design process, to express respect for the time and attention paid by users.
KPC builds rich model base documents, which define business modules such as color, text, button, icon, layout and so on, aiming at specific scenario modules and style usage specifications, so that everything can be traced.
This online version of KPC is divided into 6 categories, a total of 37 common components, supporting a variety of framework types. In the future, according to the characteristics of the cloud industry, component types will be continuously enriched. According to the plan, there will be more than ten categories and hundreds of common component types in the future. The introduction of KPC has played a very good role in supporting Kingsoft Cloud's increasingly large business structure, building a unified Kingsoft Cloud design style, improving customer experience consistency and developing the efficiency of product launching. Through the release of KPC, we hope that more enterprises can participate in it, and work together with the industry to improve business development efficiency and user experience.