NIO Stock Breaking News❗️ NIO Just Launched THIS🚀

Summary

The script details the evolution of Sky UI from version 1.0 to 2.0, emphasizing the team's iterative approach and deep dive into Neo design DNA. Key features of Sky UI 2.0 include customizable car control keys, an enhanced car control card framework for consistent cross-device interaction, and a natural, efficient multitasking experience. The design goals aim for freedom, efficiency, and consistency across devices, with an updated color system, rounded corners, and a rich illustration library, all contributing to a more immersive and user-friendly interface.

Takeaways

• 🚀 Sky UI 2.0 marks a significant evolution from version 1.0, with over 10 iterations and continuous refinements in functionality and user experience.
• 📱 The team has conducted extensive user interviews and workshops to gather meaningful feedback, ensuring the design aligns with Neo's aesthetic and functional sensibilities.
• 🔍 A deep dive into Neo design DNA has been achieved through cross-team seminars, leading to a comprehensive understanding that informs the development of Sky UI 2.0.
• 🎯 Three key design goals for Sky UI 2.0 have been identified: a sense of freedom, handy custom car control keys, and a focus on user experience and efficiency.
• 🔑 Users can now customize car control keys for various functions, enhancing personalization and convenience in both vehicle and mobile phone interactions.
• 🚗 The car control card framework has been expanded for sustainable growth, offering a more consistent and familiar interactive experience between the car and mobile phone.
• 📲 An innovative interaction method allows users to slide an application window from a mobile phone to a central control screen, facilitating multitasking and efficient task management.
• 📸 The small window application design supports multitasking scenarios, such as replying to messages without interrupting gameplay, enhancing the user's multitasking capabilities.
• 🌐 Real-time capsules with Global Travel address the need for continuous attention to short-term tasks, improving efficiency and control without disrupting ongoing activities.
• 🎨 A unified icon system in Sky UI 2.0 aims for consistency across devices, with simplified icons for mobile and 3D icons for vehicle machines to match the cockpit's luxury feel.
• 🌈 The color system in Sky UI 2.0 has been updated with gradient color scales, offering a softer and more consistent color performance across different terminals.
• 📐 Rounded corners have been refined for a consistent visual temperament, taking into account the physical rounded corners of devices to avoid visual abruptness.
• 🌫 Background blur effects have been upgraded with an additional color layer and overlapping color algorithm to enhance visual perception and color contrast stability.
• 💡 Light mimicry texture expands the visual language, providing a more exquisite view and stronger operational feedback, enhancing user interaction.
• 🎨 A rich and diverse library of illustrations has been introduced, offering various visual styles and enhancing the user experience with dynamic guidance.
• 🔄 An interruptable animation mechanism in Sky UI 2.0 gives users the flexibility to 'repent' their actions, improving the smoothness and controllability of operations.

Q & A

How long has it been since the release of Sky UI 1.0?

It has been nearly a year since the release of Sky UI 1.0.

What has the team experienced during the development of Sky UI 1.0 to 2.0?

The team has experienced rapid iteration of more than 10 versions and continued to supplement and polish the basic functions and experience of Neo phone.

What was the approach taken to gain a deeper understanding of Neo's design DNA?

The team held offline user interviews and workshops, organized seminars across multiple design teams, and created the first version of Sky UI to gain a comprehensive understanding of Neo design DNA.

What are the three design goals identified for Sky UI 2.0?

The three design goals for Sky UI 2.0 are a sense of freedom, handy custom car control keys, and sustainable expansion of the car control card framework.

How does Sky UI 2.0 allow users to customize their car control keys?

In Sky UI 2.0, users can freely assign car control keys to various functions on the car or mobile phone, such as defining the car control key for WeChat scan to pay parking fees quickly.

What improvements were made to the car control card in the new version of Sky UI 2.0?

The new version of the car control card brings a comprehensive experience upgrade, with a more consistent interactive experience between the car and the mobile phone, and improved scalability of the information framework.

What new interaction method was added in Sky UI 2.0 to improve user efficiency?

In Sky UI 2.0, users can slide from the bottom of the mobile phone screen to smoothly flow the application window to the central control screen on their Neo, enhancing multitasking efficiency.

What is the purpose of the 'real-time capsules' feature in Sky UI 2.0?

Real-time capsules allow users to continue paying attention to another high-need task without affecting the current task, improving efficiency and the sense of control.

How does the multi-terminal unified icon system in Sky UI 2.0 contribute to consistency?

The multi-terminal unified icon system in Sky UI 2.0 sorts out the relationship between the mobile phone and contacts, clarifying the boundary of difference and consistency, and ensuring visual integration between the icon design and third-party applications.

What considerations were made regarding the color system in Sky UI 2.0 to enhance visual experience?

The color system in Sky UI 2.0 uses gradient color scales with the color metaphor of the Blue Sky, ensuring a delicate transition between brightness gradients and a softer color presentation on the interface.

How does the design of rounded corners in Sky UI 2.0 impact the visual temperament and interaction with hardware?

The design of rounded corners in Sky UI 2.0 creates a more consistent visual temperament and avoids a sense of visual abruptness with the screen hardware by making appropriate visual neutralizing adjustments.

What enhancements were made to the background blur effect in Sky UI 2.0?

In Sky UI 2.0, the background blur effect was comprehensively upgraded by adding an additional layer of color with an overlapping color algorithm to improve the impact of the background on the color saturation of the foreground.

How does the light mimicry texture contribute to the user experience in Sky UI 2.0?

The light mimicry texture in Sky UI 2.0 brings a more exquisite view and a stronger sense of operation, guiding users to operate and providing clear operational feedback for each step.

What is the significance of the breakable animation mechanism in Sky UI 2.0?

The breakable animation mechanism in Sky UI 2.0 gives users the right to repent, making operations more silky and improving the flexibility and controllability of the operation by optimizing the dynamic effect curve and improving the background response mechanism.

Outlines

00:00

🛠️ Evolution of Sky UI: From 1.0 to 2.0

The script details the journey of Sky UI from its initial release to the development of version 2.0. Over the past year, the team has iterated over 10 versions, enhancing the basic functionality and user experience of Neophone. Extensive research through user interviews, workshops, and design team seminars has led to a deeper understanding of Neo's design DNA. The first version of Sky UI laid a solid foundation, and version 2.0 aims to be more mature and aligned with Neo's design philosophy. Key features of Sky UI 2.0 include customizable car control keys, allowing users to assign various functions to car or mobile phone controls, and an improved car control card framework for a more consistent and scalable interactive experience. The update also introduces a new interaction method for multitasking, where users can slide an application window from a mobile phone to a central control screen, and a small window application for efficient multitasking. The design goals of Sky UI 2.0 focus on freedom, handy customization, and sustainable expansion.

05:01

🎨 Design Enhancements in Sky UI 2.0

This paragraph delves into the visual and functional refinements made in Sky UI 2.0. The design team has worked on creating a consistent icon system that aligns with the aesthetics of third-party applications and the vehicle's interface. The use of 3D icons and realistic XR designs aims to enhance the luxury feel and immersive experience of the cockpit. The color system has been updated with gradient scales and a soft color transition, influenced by the blue sky metaphor, to reduce cognitive and learning costs. The design avoids pure white and black due to their respective issues with shadow formation and reflection, except on mobile terminals where they are retained for transparency and power-saving benefits. Rounded corners and a background blur effect have been visually neutralized to maintain consistency across devices. Light mimicry and a rich illustration library have been expanded to provide a more refined and engaging user experience. An interruptable animation mechanism has been introduced to enhance operation flexibility and controllability, with optimized dynamic effects and improved background response mechanisms.

10:02

🔧 Technical Optimizations for Enhanced User Experience

The final paragraph of the script, although brief, mentions ongoing technical optimizations in Sky UI 2.0. These optimizations are aimed at improving the user experience by making operations smoother and more controllable. The focus is on refining the dynamic effect curve and enhancing the background response mechanism and computing power scheduling to ensure timely click responses and efficient power distribution.

Keywords

💡Sky UI

Sky UI refers to the user interface developed for the Neo phone. It is the central theme of the video, showcasing the evolution from version 1.0 to 2.0. The script discusses the rapid iteration and enhancement of the interface to better align with Neo's design philosophy, emphasizing a more mature and user-friendly experience.

💡Iteration

Iteration in this context means the process of refining and improving the Sky UI through multiple versions. The script mentions 'more than 10 versions' being developed, indicating a continuous cycle of updates to enhance functionality and user experience.

💡Neo Design DNA

Neo Design DNA represents the core design principles and aesthetic values that guide the creation of Neo products. The script discusses how the team gained a deeper understanding of these principles, which influenced the design goals of Sky UI 2.0.

💡Custom Car Control Keys

Custom Car Control Keys is a feature in Sky UI 2.0 that allows users to assign specific functions to car control keys. The script provides examples such as using the key for WeChat scan to pay parking fees or quickly accessing the camera, demonstrating the flexibility and personalization offered by this feature.

💡Sustainable Expansion

Sustainable Expansion refers to the ability of the car control framework in Sky UI 2.0 to grow and adapt to users' evolving needs. The script mentions improvements in scalability and information framework to meet demands for more functions and efficient cross-device interaction.

💡Efficient Interaction

Efficient Interaction is a design goal for Sky UI 2.0, aiming to streamline user actions across devices. The script describes new interaction methods, such as sliding an application window from a phone to a car's central control screen, to enhance user efficiency.

💡Multitasking

Multitasking is a capability highlighted in Sky UI 2.0, allowing users to perform multiple tasks simultaneously without compromising the experience of either. The script gives an example of replying to WeChat messages during a game, indicating the system's support for parallel task processing.

💡Real-time Capsules

Real-time Capsules is a feature that enables users to maintain awareness of high-priority tasks without interrupting their current activities. The script explains how these capsules can be expanded for better control and efficiency, emphasizing the system's responsiveness to immediate needs.

💡Multi-terminal Unified Icon System

The Multi-terminal Unified Icon System is a design approach in Sky UI 2.0 that aims for consistency across different devices. The script discusses how the system sorts out the relationship between phone and car interfaces, aiming for a harmonious visual language that is easy to recognize and integrate with third-party applications.

💡Color System

The Color System in Sky UI 2.0 has been updated to provide a more cohesive and visually appealing experience. The script mentions the use of gradient color scales with a blue sky metaphor, resulting in softer colors that are closer to the natural color performance on each terminal.

💡Rounded Corners

Rounded Corners is a design element in Sky UI 2.0 that impacts the visual temperament of the interface. The script discusses how the design of rounded corners is influenced by the physical rounded corners of devices, aiming for a consistent visual language that does not create visual abruptness.

💡Gossan Blur Effect

The Gossan Blur Effect is a visual technique used in Sky UI 2.0 to enhance the background of the interface. The script describes an upgrade to this effect with an additional color layer and algorithm, aiming to improve color saturation and visual perception without compromising contrast.

💡Light Mimicry

Light Mimicry is a design language used in Sky UI 2.0 to create a more realistic and engaging user interface. The script mentions its application in calculator keys and other elements, providing clear operational guidance and feedback, enhancing the user experience with a sense of depth and realism.

💡Breakable Animation Mechanism

The Breakable Animation Mechanism in Sky UI 2.0 introduces an interruptible processing feature, giving users the ability to 'repent' their actions. The script explains how this mechanism improves the flexibility and controllability of operations by optimizing dynamic effects and background response mechanisms.

Highlights

Sky UI 1.0 has been iterated over 10 versions in a year, with continuous enhancements to the Neo phone's basic functions and experience.

The team has gained a deeper understanding of Neo design DNA through user interviews, workshops, and design team seminars.

Sky UI 2.0 aims to be more mature and aligned with Neo's design philosophy.

Users can customize car control keys for various functions in Sky UI 2.0.

The car control card framework in Sky UI 2.0 offers a more consistent and scalable interactive experience between the car and mobile phone.

New interaction methods like sliding from the bottom of the screen to transfer app windows have been introduced in Sky UI 2.0.

Sky UI 2.0 includes a popular small window design for multitasking scenarios, enhancing efficiency and user control.

Real-time capsules allow users to monitor important tasks without interrupting their current activities.

A multi-terminal unified icon system has been designed for consistency across devices in Sky UI 2.0.

The color system in Sky UI 2.0 has been updated with gradient color scales for a softer and more consistent appearance.

Rounded corners have been refined in Sky UI 2.0 to create a consistent visual temperament without visual abruptness.

The gossan blur effect in Sky UI 2.0 has been upgraded with an additional color layer for improved visual perception.

Light mimicry texture has been expanded in Sky UI 2.0 to provide a more exquisite view and stronger operational feedback.

A rich and diverse library of illustrations has been introduced in Sky UI 2.0, offering new visual styles and expressions.

Sky UI 2.0 features an interruptable animation mechanism, giving users the flexibility to control their interactions.

The dynamic effect curve and background response mechanism have been optimized in Sky UI 2.0 for a more timely click response.

Sky UI 2.0 avoids using pure white and black on car terminals to prevent shadows and reflections affecting visibility.

Mobile phone terminals in Sky UI 2.0 retain pure white and black for transparency and power-saving benefits.

Transcripts

it has been nearly a year since the

release of Sky UI 1.0 during this period

the team has experienced a rapid

iteration of more than 10 versions and

continued supplement and Polished the

basic functions and experience of Neo

phone at the same time the team has

accumulated a deeper understanding and

precipitation on how to make a mobile

phone that is more in line with Neo's

senses in the design of Sky UI 2.0 we

help to reexamine and think from a macro

perspective to make skyui more mature

and more Neo skyui 1.0 review the birth

of the neop phone project is a wonderful

start at this stage we held a number of

offline user interviews and workshops

and gain a lot of meaningful suggestions

at the same time we also organized

several rounds of seminars across

multiple design teams of the group so

that we can have a comprehensive

understanding of Neo design DNA in the

end we created the first version of Sky

UI and laid a software solid foundation

for Sky UI 2.0 Sky UI 2.0 new design in

Sky UI 2.0 we start again with internal

and external user feedback industry

Trends and deeper understanding of Neo

design DNA after countless intense

brainstorming and passionate discussions

we have identified the following three

design goals a sense of Freedom handy

custom car control keys in Sky UI 2.0

users can freely assign car control keys

to various functions on the car or

mobile phone you can choose to define

the car control key as we chat scan to

pay the parking fee quickly you can also

choose to quickly turn up the camera

without missing any wonderful moments

Etc in addition we also support the

ability to configure diversifi functions

according to different distances you can

conveniently turn on air conditioning in

the car in advance at home through the

car control key quickly trigger the

flashlight when near the car whistle to

find your car and quickly transfer the

application on the mobile phone to the

car when you are in the car

experience experience is important

sustainable expansion of car Control

Card framework the new version of the

car control card also brings a

comprehensive experience upgrade the

interactive experience between the car

and the mobile phone is more consistent

users are more familiar and calm when

using the Neo phone control cockpit at

the same time we have improved the

scalability of the information framework

to better meet users demands for more

functions efficient and fast cross

device circulation interaction in order

to further improve the flow of

efficiency of users we have added a more

natural and efficient way of interaction

in Sky UI 2.0 in the cockpit users can

slide from the bottom of the mobile

phone screen and smoothly flow the

application window to the central

control screen on their Neo which is

between their fingers the small window

experience of parallel tasks at the same

time we have also completed the design

of a very popular application small

window which can meet the users's

parallel task processing in multitasking

scenarios for example users can quickly

reply to weat in the game without

delaying the user game Operation so as

to achieve both game and social network

multitasking not only that we also

support the extreme scaling ability of

small Windows to meet more diverse

scenarios for example in the scene of

filing insurance policy users can call

out the album window and zoom The Window

album according to the position of of

the interface Elements which can make it

easier to enter the album realtime

capsules with Global Travel we have

learned that users have real-time

attention to short-term and continuous

tasks on mobile phones real-time

capsules can continue to pay attention

to another high need task without

affecting the current task so that the

mind can follow the follow the

intimately important tasks not only that

the capsule notification can also be

expanded by clicking to improve the

efficiency and sense of control sense of

consistency multi-terminal unified icon

system in the design of skyui 2.0 in

order to better meet the goal of

consistency we sort out the relationship

between the mobile phone and contacts

from the perspective of All Digital

contacts and clarify the boundary of

difference and consistency mobile phone

the device is small and the interaction

distance is close and the flat and

simple icons are easy to recognize at

the same time the visual integration

between the more concise icon design and

the three-party thirdparty applications

icon will be higher vehicle machine the

three-dimensional icon can better

support the balance of the interface

highlight the luxury of the cockpit and

at the same time coordinate with the

interior of the car XR in 3D scenes a

more realistic three-dimensional design

can better Express the dep in 3D space

make making the experience more

realistic and immersive in the

expression of visual sematics such as

color and elements we have reduced

unnecessary differentiated definitions

to reduce the cost of cognition and

learning soft and transparent color

system in Sky UI 2.0 we have

comprehensively updated the color system

in terms of chromatic phase we use

gradient color scales with the color

metaphor of the Blue Sky the transition

between the brightness gradients is

delicate and the color present Ed on the

interface will be softer which will be

closer to the color performance under

each terminal it is worth noting that

due to the different Hardware conditions

the color system on the mobile phone

terminal cannot be designed by copying

the definition of the car terminal on

the car terminal the design will avoid

the use of pure white and pure black

pure white is easy to form shadows in

dark light scenes which is easy to

Dazzle and affects the concentration of

attention while pure back is easy to

cause reflection and redu recognition

efficiency in daylight scenes the mobile

phone terminal retains the com commonly

used Pure White and pure black pure

white interface more transparent and

pure pure black with old LED screen of

the mobile phone is more power saving

and it can fit seamlessly with the

device and make it more immersive in the

expression of visual semantics such as

color and elements we have reduce the

unnecessary differentiated definitions

to reduce the cost of cognition and

learning more mature and exquisite

definition of rounded Corners rounded

Corners have a crucial impact on the

expression of design temperament at the

same time the design of rounded Corners

will be limited by the physical rounded

corners of the equipment because the

rounded corners of the central control

screen are naturally different from the

rounded corners of the mobile phone

frame we have made appropriate visual

neutralizing the UI rounded Corner

design of Sky UI 2.0 it not only creates

a more consistent visual ual temperament

but also does not create a sense of

visual abruptness with the screen

Hardware delicacy nonlinear overlapping

background blur the gossan blur effect

has been used in Sky UI 1.0 in the

design of skyui 2.0 we have

comprehensively upgraded the gossi and

blur effect by adding an additional

layer of color layer with an overlapping

color algorithm to be the conventional

gossan blur effect under the premise of

retaining the color contrast we can try

to improve the impact of the background

on the color saturation of the

foreground ensure the stability of the

color contrast and make the visual

perception more transparent the light

mimic cry texture of near reality the

design of light MIM cry has been used in

individual scenarios of Sky UI 1.0 and

Neo app in Sky UI 2.0 we have expanded

and upgraded the visual language of

light MIM cry in a wider range the

design language of light MIM cry can

bring a more Exquisite View and a

stronger sense of operation for example

the keys of the calculator and the

elements with light and Shadow can guide

users to operate at the same time we can

also configure special press effects for

these Keys which brings clear

operational feedback to each step of the

user's operation and also adds the

operation a little bit more interesting

a rich and diverse library of

illustrations the global new

illustration designs EXP expands more

visual styles of different semantics and

adds the visual expression method of

light mimicry and gossing glass so that

the original single boring empty page

presents new vitality and brings more

positive feedback to users at the same

time the function guided illustrations

have also been updated in the global

unified Paradigm the illustration form

is full of scene and dynamic guidance so

that the users can understand and

perform more exquisitly when using the

functions for the first time breakable

animation mechanism in skyui 2.0 we have

added an

interruptable processing mechanism this

mechanism gives users the right to

repent makes the operations more silky

and truly realize play wherever you want

which improves the flexibility and

controllability of the operation in

order to achieve this effect we have

optimize the dynamic effect curve and

improve the background response

mechanism and computing power schedule

to make the click response more timely

and the computing power distribution

more reasonable and accurate