On January 4, 2020, the third SEE Conf Ant Financial Experience Technology Conference hosted by Ant Financial Experience Technology was held as scheduled in Hangzhou. At the conference, Ant Financial unveiled the Ant Design 4.0 preview version, the Puffin digital cockpit, and the visual intelligent r&d process AVA. Use visualization, intelligence and other means to make the experience technology from good to good, so that the front end and design can work together more happily.

From good to good experience technology

In the opening speech, Yu Bo, head of the Experience Technology Department of Ant Financial, shared his thoughts on experience technology and good products.

In the past few years, experience Technologies has focused on developing mid – to back-end and enterprise-class SaaS products that, in his view, make our lives easier, but are far from good enough.

Yubo believes that the experience of SaaS products needs to be updated and iterated. The evolution of SaaS product experience can be divided into two stages. The first stage is from the existing to the beautiful, that is, after the function meets the demand, the pursuit of page beautify and UI redesign, which is the original intention of Ant Design and the most important contribution to the industry. The second stage is from beautiful to good, that is, from good to good, we need to rethink the whole product, reduce the cost of development and use.

So what is a good product? Zhang Xiaolong put forward ten principles, Yu Jun put forward the theory of use value, give their respective elaboration.

Yubo and his friends have their own idea, which is that in the perspective of experience technology, easy to use equals “utility” plus “love to use.”

The so-called utility, is rational good, love is emotional good, good products are rational and emotional level good combination.

Take experience technology as an example, its development has gone through a process from nothing to something, from something to beauty, and now from beauty to good.

How can designers directly create social value?

Professor Renke, dean of the School of Design and Art of Hunan University, shared the design innovation based on regional culture, that is, the new Corridor Design and Social innovation project he led. In this project, the designer team led by Professor He not only saved the intangible cultural heritage of ethnic minorities, but also promoted targeted poverty alleviation and lifted local people out of poverty. It can be said that the designer directly created social and commercial values.

In Tongdao Dong Autonomous County of Hunan Province, there are a lot of intangible cultural heritages of ethnic minorities, such as wind and rain Bridges and drum towers built by dong people are very famous. However, with the development of The Times, these intangible cultural heritage is facing the crisis of disappearing. Professor He led his team to analyze the local cultural heritage resources from the perspective of design, and extracted the design elements of intangible cultural heritage, which were digitized, contemporized, globalized and commercialized, so as to ensure the sustainable development of intangible cultural heritage in all aspects of society, culture, environment and economy.

For more than a few years, the New Channel project has enabled dong traditional culture to carry out cultural exchanges with the world, and established cooperative relationships, such as cooperating with Mercedes-benz to launch Dong-style car interior products, so that Dong culture can continue to live and enter a wider world.

The New Gateway project is a great example of design and the value that designers directly create for society.

Ant Design 4.0 wants everyone to be happy at work

Ant Design has evolved over the years to become the most popular UI component library on GitHub, and with version 4.0, the team rethought Ant Design’s roots.

Now, Ant Design has a basic assumption: that everyone seeks happiness at work. Work is inevitable, and we spend more than half of our time at work. Happy work means a lot to everyone.

Statistically speaking, work is not happy, and many people would rather be in a daze than work. The main reasons include unreasonable job design, mismatching of challenges and skills, too high challenges and difficult jobs, on the other hand, the long-term lack of challenges also makes people feel uneasy.

How does Ant Design solve this problem? The team believes that by constantly matching the challenges with the skills, it can create a continuum of happy work.

Based on this assumption, they derived Ant Design’s value system, which provides both pleasure and pleasure for designers and users of products, including certainty, sense of meaning, growth, and naturalness.

The so-called natural interaction is to let the function find the user, save the user’s mental energy. Ant Design 4.0 follows this principle in its Design.

On top of the basic assumptions and set of Design values, three Design assets and two Design strategies, as well as supporting tools for developers, are added to form the Ant Design 4.0 panorama.

For this figure, there will be a detailed interpretation of the article later. It is worth mentioning that the graphical asset HiTu can be visually dragged and dragged through the Sketch plugin Kitchen to quickly produce prototype drawings, page configuration and even code, which greatly liberates the productivity of front-end developers.

Ant Design 4.0 is now available on the website: Next-ant.Design

The parrotdigital cockpit allows science fiction to mirror reality

This post from Ant Financial’s graphics and Art Lab in the Experience Technology department is a bit sci-fi, bringing westworld and the Control Room from the Hunger Games to life.

The Phantom Parrot digital cockpit is a set of immersive, simulated scene human-computer interaction system. To be specific, it is the data center of business information, the visual carrier of decision-making thinking, and the window for the external display of achievements. These three areas are also the most common requirements for teams to communicate with partners.

For a visual decision-making and interaction system, people want to be able to achieve intuitive content and efficient work. Unreal’s approach is to build experiential technology between the customer and the data gathered from the physical world. This middle tier is a user-friendly environment for sensing and reading data. It exists to make the data easy to understand.

The team divided the digital cockpit into layers such as spatial UI, 3D Data Viz, simulated scenes, and more. Then based on layers to build the phantom design system and design methodology, and precipitated into a trinity solution Cocka Studio 1.0.

At present, the Digital cockpit is only open to alibaba and Ant group partners, there will be a detailed interpretation of the following article, please pay attention to.

AVA solves the diagram problem with a single line of code

Finally, IT is worth mentioning AntV’s latest work, AVA, which uses intelligent technology to automate charts. In practical use, charts can be generated in just a few minutes with a single line of code, and can deal with different scenarios.

The last two letters of AVA stand for Visual Analysis, and the first “A” is A vector with multiple meanings. Specific meanings include Alibaba, AI, automation and enhancement, which represent different aspects of characteristics.

The above line of code looks like this:

Container indicates the container where the chart resides. Data indicates data.

Conveniently, the configuration is not filled out manually, but in development mode you can adjust the chart in real time and automatically generate the configuration code. If you do not know the data, you can also leave it blank and edit it after initialization on the page.

Even more amazing, autoChart can automatically recommend charts based on the data provided. In fact, every chart has its own scenarios, such as the common pie chart, which is suitable for data with limited categories, high proportions, and obvious differences.

Using the knowledge base, recommendation rules, and recommender, autoChart can recommend appropriate charts based on the data. If not, it also offers three different charts on the page that you can switch between at any time.

The AntV team also shared their vision for the future of intelligent visualization, which will evolve from research to reading to analysis.

AutoChart represents the development state, which condenses the original 100+ lines of original code into one line of code. Read state refers to the intelligent enhancement of interactive analysis components, making it easier for users to obtain information from charts. Analysis state refers to the visual analysis intelligence assistance of the runtime, such as automatic identification of trend, regression, singularity and other statistical features.

conclusion

There is no consensus on what experience technology is. Every year, the speakers at Ant Financial Experience Technology Conference will give their own thoughts. SEE is the abbreviation of Seeking Experience and Engineering, and SEE also stands for “seeing”. We hope that technology can SEE the value of design, and design can SEE the power of technology, so that they can grow up together and make the world better together. What makes SEE Conf unique is that it provides users with a better product from an experience point of view, while improving the efficiency of developers and designers.

In addition to the morning session, the afternoon was also divided into two sessions of technology and design, including how to use React to develop small programs more convenient, Serverless, JCD thinking, etc. After the meeting, PPT and video will be released as soon as the preparation is completed. We will also publish the sharing as pictures and texts, welcome to follow.

In addition, if you attended the SEE Conf live or watched the live broadcast, please share your harvest and jokes on Zhihu. The organizer will listen to your feedback and let us make SEE Conf better together